@extends('admin.template.layout')
@section('content')
    <!--begin::Row-->
    <div class="row g-5 g-xl-8">
        <div class="col-xl-6">
            <!--begin::Statistics Widget 5-->
            <a href="#" class="card bg-body-white hoverable card-xl-stretch mb-xl-8">
                <!--begin::Body-->
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center gap-5">
                        <div class="text-primary fw-bold fs-2x">Jumlah Keberangkatan</div>
                        <div>
                            <div class="btn btn-icon rounded-circle bg-light-primary">
                                <i class="ki-duotone text-primary ki-send fs-2">
                                    <span class="path1"></span>
                                    <span class="path2"></span>
                                </i>
                            </div>
                        </div>
                    </div>

                    <div class="text-gray-900 fw-bolder fs-3x mb-2 mt-5">
                        {{ number_format($jumlahSiswaBerangkat, 0, ',', '.') }} <span
                            class="fs-7 fw-semibold text-gray-400">Keberangkatan</span></div>
                </div>
                <!--end::Body-->
            </a>
            <!--end::Statistics Widget 5-->
        </div>
        <div class="col-xl-6">
            <!--begin::Statistics Widget 5-->
            <a href="#" class="card bg-body-white hoverable card-xl-stretch mb-xl-8">
                <!--begin::Body-->
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center gap-5">
                        <div class="text-success fw-bold fs-2x">Jumlah Siswa</div>
                        <div>
                            <div class="btn btn-icon rounded-circle bg-light-success">
                                <i class="ki-duotone ki-profile-user text-success fs-2">
                                    <span class="path1"></span>
                                    <span class="path2"></span>
                                    <span class="path3"></span>
                                    <span class="path4"></span>
                                </i>
                            </div>
                        </div>
                    </div>

                    <div class="text-gray-900 fw-bolder fs-3x mb-2 mt-5">{{ number_format($jumlahSiswa, 0, ',', '.') }}
                        <span class="fs-7 fw-semibold text-gray-400">Siswa</span></div>
                </div>
                <!--end::Body-->
            </a>
            <!--end::Statistics Widget 5-->
        </div>
    </div>
    <!--end::Row-->
    <!--begin::Row-->
    <div class="row g-5 g-xl-8">
        <!--begin::Col-->
        <div class="col-xl-4">
            <!--begin::List Widget 1-->
            <div class="card card-xl-stretch mb-xl-8">
                <!--begin::Header-->
                <div class="card-header border-0" style="background-color: #059569">
                    <h3 class="card-title align-items-start flex-column">
                        <span class="card-label fw-bold text-white">Pendidikan</span>
                    </h3>
                </div>
                <!--end::Header-->
                <!--begin::Body-->
                <div class="card-body pt-5">
                    <!--begin::Item-->
                    <div class="d-flex align-items-center mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-50px me-5">
                            <span class="symbol-label bg-light-success">
                                <i class="ki-duotone ki-abstract-26 fs-2x text-success">
                                    <span class="path1"></span>
                                    <span class="path2"></span>
                                </i>
                            </span>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Text-->
                        <div class="d-flex flex-column">
                            <span class="text-muted fw-bold">Penilaian pemantapan (Upload)</span>
                            <a href="#"
                                class="text-gray-900 text-hover-primary fs-4 fw-bold">{{ number_format($pendidikan->penilaian_pemantapan_upload, 0, ',', '.') }}</a>
                        </div>
                        <!--end::Text-->
                    </div>
                    <!--end::Item-->
                    <!--begin::Item-->
                    <div class="d-flex align-items-center mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-50px me-5">
                            <span class="symbol-label bg-light-warning">
                                <i class="ki-duotone ki-abstract-26 fs-2x text-warning">
                                    <span class="path1"></span>
                                    <span class="path2"></span>
                                </i>
                            </span>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Text-->
                        <div class="d-flex flex-column">
                            <span class="text-muted fw-bold">Penilaian pemantapan (Belum Upload)</span>
                            <a href="#"
                                class="text-gray-900 text-hover-primary fs-4 fw-bold">{{ number_format($pendidikan->penilaian_pemantapan_not_upload, 0, ',', '.') }}</a>
                        </div>
                        <!--end::Text-->
                    </div>
                    <!--end::Item-->
                    <!--begin::Item-->
                    <div class="d-flex align-items-center mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-50px me-5">
                            <span class="symbol-label bg-light-primary">
                                <i class="ki-duotone ki-abstract-26 fs-2x text-primary">
                                    <span class="path1"></span>
                                    <span class="path2"></span>
                                </i>
                            </span>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Text-->
                        <div class="d-flex flex-column">
                            <span class="text-muted fw-bold">Total wawancara</span>
                            <a href="#"
                                class="text-gray-900 text-hover-primary fs-4 fw-bold">{{ number_format($pendidikan->total_wawancara, 0, ',', '.') }}</a>
                        </div>
                        <!--end::Text-->
                    </div>
                    <!--end::Item-->
                    <div class="d-flex align-items-center mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-50px me-5">
                            <span class="symbol-label bg-light-primary">
                                <i class="ki-duotone ki-abstract-26 fs-2x text-primary">
                                    <span class="path1"></span>
                                    <span class="path2"></span>
                                </i>
                            </span>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Text-->
                        <div class="d-flex flex-column">
                            <span class="text-muted fw-bold">Total wawancara Lolos</span>
                            <a href="#"
                                class="text-gray-900 text-hover-primary fs-4 fw-bold">{{ number_format($pendidikan->wawancara_lolos, 0, ',', '.') }}</a>
                        </div>
                        <!--end::Text-->
                    </div>
                    <!--end::Item-->
                </div>
                <!--end::Body-->
            </div>
            <!--end::List Widget 1-->
        </div>
        <!--end::Col-->
        <!--begin::Col-->
        <div class="col-xl-4">
            <!--begin::List Widget 1-->
            <div class="card card-xl-stretch mb-xl-8">
                <!--begin::Header-->
                <div class="card-header border-0" style="background-color: #059569">
                    <h3 class="card-title align-items-start flex-column">
                        <span class="card-label fw-bold text-white">Keuangan</span>
                    </h3>
                </div>
                <!--end::Header-->
                <!--begin::Body-->
                <div class="card-body pt-5">
                    <!--begin::Item-->
                    <div class="d-flex align-items-center mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-50px me-5">
                            <span class="symbol-label bg-light-success">
                                <i class="ki-duotone ki-abstract-26 fs-2x text-success">
                                    <span class="path1"></span>
                                    <span class="path2"></span>
                                </i>
                            </span>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Text-->
                        <div class="d-flex flex-column">
                            <span class="text-muted fw-bold">Total seluruh biaya pendidikan siswa</span>
                            <a href="#" class="text-gray-900 text-hover-primary fs-4 fw-bold">Rp.
                                {{ number_format($seluruhBiayaPendidikanSiswa, 0, ',', '.') }}</a>
                        </div>
                        <!--end::Text-->
                    </div>
                    <!--end::Item-->
                    <!--begin::Item-->
                    <div class="d-flex align-items-center mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-50px me-5">
                            <span class="symbol-label bg-light-warning">
                                <i class="ki-duotone ki-abstract-26 fs-2x text-warning">
                                    <span class="path1"></span>
                                    <span class="path2"></span>
                                </i>
                            </span>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Text-->
                        <div class="d-flex flex-column">
                            <span class="text-muted fw-bold">Biaya pendidikan (belum terbayar)</span>
                            <a href="#" class="text-gray-900 text-hover-primary fs-4 fw-bold">Rp.
                                {{ number_format($seluruhBiayaPendidikanSiswaBelumDibayar, 0, ',', '.') }}</a>
                        </div>
                        <!--end::Text-->
                    </div>
                    <!--end::Item-->
                    <!--begin::Item-->
                    <div class="d-flex align-items-center mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-50px me-5">
                            <span class="symbol-label bg-light-primary">
                                <i class="ki-duotone ki-abstract-26 fs-2x text-primary">
                                    <span class="path1"></span>
                                    <span class="path2"></span>
                                </i>
                            </span>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Text-->
                        <div class="d-flex flex-column">
                            <span class="text-muted fw-bold">Biaya pendidikan (terbayar)</span>
                            <a href="#" class="text-gray-900 text-hover-primary fs-4 fw-bold">Rp.
                                {{ number_format($seluruhBiayaPendidikanSiswaTerbayar, 0, ',', '.') }}</a>
                        </div>
                        <!--end::Text-->
                    </div>
                    <!--end::Item-->

                </div>
                <!--end::Body-->
            </div>
            <!--end::List Widget 1-->
        </div>
        <!--end::Col-->
        <!--begin::Col-->
        <div class="col-xl-4">
            <!--begin::List Widget 1-->
            <div class="card card-xl-stretch mb-xl-8">
                <!--begin::Header-->
                <div class="card-header border-0" style="background-color: #059569">
                    <h3 class="card-title align-items-start flex-column">
                        <span class="card-label fw-bold text-white">Dokumen</span>
                    </h3>
                </div>
                <!--end::Header-->
                <!--begin::Body-->
                <div class="card-body pt-5">
                    <!--begin::Item-->
                    <div class="d-flex align-items-center mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-50px me-5">
                            <span class="symbol-label bg-light-success">
                                <i class="ki-duotone ki-abstract-26 fs-2x text-success">
                                    <span class="path1"></span>
                                    <span class="path2"></span>
                                </i>
                            </span>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Text-->
                        <div class="d-flex flex-column">
                            <span class="text-muted fw-bold">Data pribadi siswa (lengkap)</span>
                            <a href="#"
                                class="text-gray-900 text-hover-primary fs-4 fw-bold">{{ number_format($dokumen->dokumen_cvlengkap, 0, ',', '.') }}</a>
                        </div>
                        <!--end::Text-->
                    </div>
                    <!--end::Item-->
                    <!--begin::Item-->
                    <div class="d-flex align-items-center mb-7">
                        <!--begin::Symbol-->
                        <div class="symbol symbol-50px me-5">
                            <span class="symbol-label bg-light-warning">
                                <i class="ki-duotone ki-abstract-26 fs-2x text-warning">
                                    <span class="path1"></span>
                                    <span class="path2"></span>
                                </i>
                            </span>
                        </div>
                        <!--end::Symbol-->
                        <!--begin::Text-->
                        <div class="d-flex flex-column">
                            <span class="text-muted fw-bold">Data pribadi siswa (belum lengkap)</span>
                            <a href="#"
                                class="text-gray-900 text-hover-primary fs-4 fw-bold">{{ number_format($dokumen->dokumen_cvbelumlengkap, 0, ',', '.') }}</a>
                        </div>
                        <!--end::Text-->
                    </div>
                    <!--end::Item-->
                </div>
                <!--end::Body-->
            </div>
            <!--end::List Widget 1-->
        </div>
        <!--end::Col-->
    </div>
    <!--end::Row-->
@endsection

@section('script')
@endsection