@extends('layouts.home_siswa')

@section('title')
    Home
@endsection

@section('content')
    <div id="kt_content_container" class="d-flex flex-column-fluid align-items-start container-xxl">
        <div class="content" id="kt_content">


            @if(($kk->verifikasi ?? 1) === 0 || ($ktp->verifikasi ?? 1) === 0 || ($akta->verifikasi ?? 1) === 0)
                @php
                    $dokumen = [];
                    $alasan = [];
                    if (($kk->verifikasi ?? 0) === 0) {
                        array_push($dokumen, 'Kartu Keluarga');
                        array_push($alasan, $kk->keterangan_verifikasi ?? '');
                    }
                    if (($akta->verifikasi ?? 0) === 0) {
                        array_push($dokumen, 'Akta Lahir');
                        array_push($alasan, $akta->keterangan_verifikasi ?? '');
                    }
                    if (($pernyataan->verifikasi ?? 0) === 0) {
                        array_push($dokumen, 'Pernyataan Orang Tua');
                        array_push($alasan, $pernyataan->keterangan_verifikasi ?? '');
                    }
                @endphp
                <div class="d-flex flex-row gap-7 mb-10">
                    <label class="btn btn-outline btn-danger  d-flex text-start p-6 flex-row-fluid" data-kt-button="true">
                        <span class="ms-5">
                            <span class="svg-icon svg-icon-muted svg-icon-2hx">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                <path opacity="0.3" d="M12 10.6L14.8 7.8C15.2 7.4 15.8 7.4 16.2 7.8C16.6 8.2 16.6 8.80002 16.2 9.20002L13.4 12L12 10.6ZM10.6 12L7.8 14.8C7.4 15.2 7.4 15.8 7.8 16.2C8 16.4 8.3 16.5 8.5 16.5C8.7 16.5 8.99999 16.4 9.19999 16.2L12 13.4L10.6 12Z" fill="currentColor"/>
                                <path d="M22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C17.5 2 22 6.5 22 12ZM13.4 12L16.2 9.20001C16.6 8.80001 16.6 8.19999 16.2 7.79999C15.8 7.39999 15.2 7.39999 14.8 7.79999L12 10.6L9.2 7.79999C8.8 7.39999 8.2 7.39999 7.8 7.79999C7.4 8.19999 7.4 8.80001 7.8 9.20001L10.6 12L7.8 14.8C7.4 15.2 7.4 15.8 7.8 16.2C8 16.4 8.3 16.5 8.5 16.5C8.7 16.5 9 16.4 9.2 16.2L12 13.4L14.8 16.2C15 16.4 15.3 16.5 15.5 16.5C15.7 16.5 16 16.4 16.2 16.2C16.6 15.8 16.6 15.2 16.2 14.8L13.4 12Z" fill="currentColor"/>
                                </svg>
                            </span>
                            <span class="fs-4 fw-bolder mb-1 d-block mt-3">Dokumen {{ join(', ', $dokumen) }} Ditolak</span>
                            <span class="fw-bold fs-7 text-white">Alasan : <br>{!! join('<br>', $alasan) !!}</span>
                        </span>
                    </label>
                </div>
            @endif

            <div class="d-flex flex-row flex-wrap gap-7">
                @foreach($list_tahapan as $key => $tahapan)
                    <label class="btn btn-outline btn-outline-dashed btn-outline-default d-flex text-start p-6 flex-row-fluid" data-kt-button="true">
                        <span class="ms-5">
                            @if($tahapan['status'] == true)
                                <span class="svg-icon svg-icon-primary svg-icon-2hx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                <path opacity="0.5" d="M12.8956 13.4982L10.7949 11.2651C10.2697 10.7068 9.38251 10.7068 8.85731 11.2651C8.37559 11.7772 8.37559 12.5757 8.85731 13.0878L12.7499 17.2257C13.1448 17.6455 13.8118 17.6455 14.2066 17.2257L21.1427 9.85252C21.6244 9.34044 21.6244 8.54191 21.1427 8.02984C20.6175 7.47154 19.7303 7.47154 19.2051 8.02984L14.061 13.4982C13.7451 13.834 13.2115 13.834 12.8956 13.4982Z" fill="currentColor"/>
                                <path d="M7.89557 13.4982L5.79487 11.2651C5.26967 10.7068 4.38251 10.7068 3.85731 11.2651C3.37559 11.7772 3.37559 12.5757 3.85731 13.0878L7.74989 17.2257C8.14476 17.6455 8.81176 17.6455 9.20663 17.2257L16.1427 9.85252C16.6244 9.34044 16.6244 8.54191 16.1427 8.02984C15.6175 7.47154 14.7303 7.47154 14.2051 8.02984L9.06096 13.4982C8.74506 13.834 8.21146 13.834 7.89557 13.4982Z" fill="currentColor"/></svg>
                                </span>
                            @endif
                            @if($tahapan['status'] == false)
                                <span class="svg-icon svg-icon-muted svg-icon-2hx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                <rect opacity="0.3" x="2" y="2" width="20" height="20" rx="4" fill="currentColor"/>
                                <rect x="11" y="11" width="2.6" height="2.6" rx="1.3" fill="currentColor"/>
                                <rect x="15" y="11" width="2.6" height="2.6" rx="1.3" fill="currentColor"/>
                                <rect x="7" y="11" width="2.6" height="2.6" rx="1.3" fill="currentColor"/></svg>
                                </span>
                            @endif
                            <span class="fs-4 fw-bolder mb-1 d-block mt-3">{{ $key+1 . '. ' . $tahapan['name'] }}</span>
                            <span class="fw-bold fs-7 text-gray-600">{{ $tahapan['desc'] }}</span>
                        </span>
                    </label>
                @endforeach
            </div>

{{--            @if(!empty($seleksi))--}}
{{--                <div class="d-flex flex-row gap-7 mt-10">--}}
{{--                    <label class="bg-light-primary d-flex text-start p-6 flex-row-fluid" data-kt-button="true">--}}
{{--                        <span class="ms-5">--}}
{{--                            <span class="svg-icon svg-icon-muted svg-icon-2hx">--}}
{{--                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">--}}
{{--                                <rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546" height="2" rx="1" transform="rotate(45 17.0365 15.1223)" fill="currentColor"/>--}}
{{--                                <path d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z" fill="currentColor"/>--}}
{{--                                </svg>--}}
{{--                            </span>--}}
{{--                            <p class="fw-bold fs-7 mt-3 mb-0 text-gray-600">Lolos seleksi pilihan ke-{{ $seleksi->pilihan_ke }} pada <br></p>--}}
{{--                            <span class="fs-4 fw-bolder mb-1 d-block">{{ $seleksi->sekolah->nama }}</span>--}}
{{--                            <p class="fw-bold fs-7 mt-3 mb-0 text-gray-600">Catatan : Hasil seleksi belum final selama periode eleksi masih dibuka. Hasil seleksi yang final dapat dilihat setelah periode seleksi ditutup<br></p>--}}
{{--                        </span>--}}
{{--                    </label>--}}
{{--                </div>--}}
{{--            @endif--}}
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        @if(session()->has('error'))
            swal.fire('{{ session('error') }}');
        @endif
        @if(session()->has('success'))
        swal.fire('{{ session('success') }}');
        @endif
    </script>
@endpush