@extends('layouts.home_siswa')

@section('title')
    Bukti Daftar
@endsection

@section('content')
    <div class="card mb-5 bg-white">
        @if(count($list_pilihan) == 0)
            <div class="card mb-5">
                <div class="card-body text-center py-10">
                    <h4>- Siswa belum memilih sekolah tujuan -</h4>
                </div>
            </div>
        @else
            <div class="card-body">
                <h1 class="text-center">{!! ($siswa->is_lock == 0) ? 'Resume Pendaftaran<br><small>(Data Belum Terkirim ke Server jika belum Klik Simpan Permanen Dibawah Ini)</small>' : 'Bukti Pendaftaran<br><small>(Valid, Silahkan Tombol Cetak Dibawah Ini)</small>' !!}</h1>
                <div class="d-flex flex-column flex-lg-row gap-3">
                    <table class="table border align-middle">
                        <tr><td class="px-4 lh-1 fs-4 border" colspan="2"><b>Biodata Siswa</b></td></tr>
                        <tr>
                            <td class="px-4 lh-1 fs-4 border text-nowrap text-end">NIK Peserta</td>
                            <td class="px-4 lh-1 fs-4 border">{{ $siswa->nik }}</td>
                        </tr>
                        <tr>
                            <td class="px-4 lh-1 fs-4 border text-nowrap text-end">Nama Lengkap</td>
                            <td class="px-4 lh-1 fs-4 border">{{ $siswa->nama }}</td>
                        </tr>
                        <tr>
                            <td class="px-4 lh-1 fs-4 border text-nowrap text-end">Jenis Kelamin</td>
                            <td class="px-4 lh-1 fs-4 border">{{ $siswa->jenis_kelamin_label }}</td>
                        </tr>
                        <tr>
                            <td class="px-4 lh-1 fs-4 border text-nowrap text-end">Tempat, Tgl. Lahir</td>
                            <td class="px-4 lh-1 fs-4 border">{{ $siswa->tempat_lahir }}, {{ fulldate($siswa->tanggal_lahir) }}</td>
                        </tr>
                        <tr>
                            <td class="px-4 lh-1 fs-4 border text-end">Alamat</td>
                            <td class="px-4 lh-1 fs-4 border">{{ $siswa->alamat }}<br>{{ ucwords(strtolower($siswa->lokasi)) }}</td>
                        </tr>
                        <tr>
                            <td class="px-4 lh-1 fs-4 border text-nowrap text-end">Asal Sekolah</td>
                            <td class="px-4 lh-1 fs-4 border">{{ $siswa->asal_sekolah->nama ?? '' }}</td>
                        </tr>
                    </table>
                    <table class="table border align-middle">
                        <tr><td class="px-4 lh-1 fs-4 border" colspan="2"><b>Pilihan Sekolah Jalur : {{ $list_pilihan[0]->jalur ?? '' }}</b></td></tr>
                        @foreach($list_pilihan as $pilihan)
                            <tr>
                                <td class="px-4 lh-1 fs-4 border text-end">Pilihan Ke-{{ $pilihan->pilihan_ke }}</td>
                                <td class="px-4 lh-1 fs-4 border">
                                    {{ $pilihan->sekolah->nama }} <br>
                                    Skor : <b>{{ format_decimal($pilihan->skor) }}</b> <br>
                                    Waktu : <b>{{ $pilihan->created_at }}</b> <br>
                                    Jalur : <b>{{ $pilihan->jalur }}</b> <br>
                                </td>
                            </tr>
                        @endforeach
                    </table>
                </div>
                <hr>
                @if(count($list_pilihan) > 0 && $siswa->is_lock == 1)
                    <button onclick="cetak_pin({{ $siswa->is_fix }})" class="btn btn-primary w-100">{{ $siswa->is_fix === 0 ? 'Simpan Bukti Daftar' : 'Cetak' }}</button>
                @endif
                @if(count($list_pilihan) > 0 && $siswa->is_lock == 0)
                    <div class="card mb-5">
                        <div class="card-body text-center py-10">
                            <h4>- Pilihan sekolah Belum disimpan -</h4>
                            <div class="text-center">
                                <button type="button" class="btn btn-primary ps-8" onclick="simpan_pilihan()">
                                    Simpan dan Cetak Bukti Daftar
                                    <span class="svg-icon svg-icon-muted svg-icon-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1" transform="rotate(-180 18 13)" fill="currentColor"/><path d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z" fill="currentColor"/></svg></span>
                                </button>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        @endif
    </div>

    <div class="d-flex justify-content-between align-items-center mt-7 pt-7 border-top">
        <a href="{{ route('siswa.pilihan') }}" class="btn btn-light me-5">Proses Sebelumnya</a>
    </div>
@endsection

@push('scripts')
    <script>
        let simpan_pilihan = () => {
            Swal.fire({
                title: 'Apakah anda yakin dengan pilihan sekolah yang anda pilih ?',
                text: "Tekan Ya, jika anda telah yakin dengan pilihan sekolah anda",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Ya',
                cancelButtonText: 'Periksa Kembali'
            }).then((result) => {
                if (result.isConfirmed) $.post("{{ route('siswa.pilihan.kunci_pilihan') }}", {_token: '{{ csrf_token() }}'}, () => window.location.href = "{{ route('siswa.bukti_daftar') }}");
            })
        }
    </script>
@endpush