@extends('layouts.home_siswa')

@section('title')
    Sekolah Pilihan
@endsection

@section('content')
    <div class="d-flex flex-column flex-xl-row gap-10">
        @if($dokumen_lengkap == false)
            <div class="flex-lg-row-fluid">
                <div class="card">
                    <div class="card-body text-center py-20">
                        <h4>- Upload Dokumen Kelengkapan dan Lengkapi No.Hp/WA Terlebih Dahulu, Sebelum Memilih Sekolah -</h4>
                    </div>
                </div>
            </div>
        @endif

        @if($boleh_mengikuti == false)
            <div class="flex-lg-row-fluid">
                <div class="card">
                    <div class="card-body text-center py-20">
                        <h4>- Tahapan Pendaftaran Afirmasi sedang berlangsung, Hanya untuk siswa yang terdatar dalam DTKS dan DKTS+ yang dapat mengikuti -</h4>
                    </div>
                </div>
            </div>
        @endif

        @if(count($jalur_tersedia) == 0)
            <div class="flex-lg-row-fluid">
                <div class="card">
                    <div class="card-body text-center py-20">
                        <h4>- Belum ada jalur yang aktif -</h4>
                        @if($siswa->keterangan_kk == 'LUAR KOTA')
                            <h4>- Jalur Afirmasi, Inklusi dan Prestasi hanya untuk siswa dalam Kota Kediri -</h4>
                        @endif
                    </div>
                </div>
            </div>
        @endif

        @if($dokumen_lengkap == true && $boleh_mengikuti == true && count($jalur_tersedia) > 0)
            <div class="flex-lg-row-auto w-100 w-xl-350px">
                <div class="card">
                    <div class="card-body">
                        @if($siswa->is_lock == 0)
                            <div class="d-flex flex-column align-items-start fs-4">
                                <span class="fw-bolder mb-6">Pilihan Jalur</span>
                                <div class="menu menu-column menu-rounded menu-state-bg menu-state-title-primary menu-state-icon-primary menu-state-bullet-primary">
                                    @foreach($jalur_tersedia as $item)
                                        <div class="menu-item mb-3">
                                            <a href="{{ route('siswa.pilihan', ['jalur=' . $item]) }}" class="menu-link inactive">
                                                <span class="menu-title fs-6 fw-bolder">{{ $item }}</span>
                                                @if($item == $jalur)
                                                    <span class="svg-icon svg-icon-success svg-icon-1 me-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9.89557 13.4982L7.79487 11.2651C7.26967 10.7068 6.38251 10.7068 5.85731 11.2651C5.37559 11.7772 5.37559 12.5757 5.85731 13.0878L9.74989 17.2257C10.1448 17.6455 10.8118 17.6455 11.2066 17.2257L18.1427 9.85252C18.6244 9.34044 18.6244 8.54191 18.1427 8.02984C17.6175 7.47154 16.7303 7.47154 16.2051 8.02984L11.061 13.4982C10.7451 13.834 10.2115 13.834 9.89557 13.4982Z" fill="currentColor"/></svg></span>
                                                @endif
                                            </a>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            <hr class="mb-6">
                        @endif
                        <div id="list_pilihan"></div>
                        @if($siswa->tingkat == 'TK')
                            <div class="d-flex flex-stack fs-4">
                                <div class="fw-bolder rotate">
                                    Rumus Skor Jalur Zonasi
                                </div>
                            </div>
                            <div class="fw-bolder mt-5">Skor Usia</div>
                            <div class="text-gray-600">- Cut Off Juknis 1 Juli 2024 = 2557 hari</div>
                            <div class="text-gray-600">- Skor Cut Off Juknis = 600</div>
                            <div class="text-gray-600">- Skor Usia = (Usia hari / 2557) * 600</div>
                            <div class="fw-bolder mt-5">Skor Zonasi</div>
                            <div class="text-gray-600">> Provinsi, Kabupaten, Kecamatan, dan Kelurahan sama dengan sekolah = 400</div>
                            <div class="text-gray-600">> Provinsi, Kabupaten dan Kecamatan sama dengan sekolah = 300</div>
                            <div class="text-gray-600">> Provinsi dan Kabupaten sama dengan sekolah = 200</div>
                            <div class="text-gray-600">> Hanya Provinsi yang sama = 0</div>
                            <div class="fw-bolder mt-5">Skor Total</div>
                            <div class="text-gray-600">- Skor Usia + Skor Zonasi</div>
                        @endif
                        @if($siswa->tingkat == '-')
                            <div class="d-flex flex-stack fs-4">
                                <div class="fw-bolder rotate">
                                    Rumus Skor Jalur Zonasi
                                </div>
                            </div>
                            <div class="fw-bolder mt-5">Skor Usia</div>
                            <div class="text-gray-600">- Cut Off Juknis 1 Juli 2024 = 2192 hari</div>
                            <div class="text-gray-600">- Skor Cut Off Juknis = 700</div>
                            <div class="text-gray-600">- Skor Usia = (Usia hari / 2192) * 700</div>
                            <div class="fw-bolder mt-5">Skor Zonasi</div>
                            <div class="text-gray-600">> Provinsi, Kabupaten dan Kecamatan sama dengan sekolah = 300</div>
                            <div class="text-gray-600">> Provinsi dan Kabupaten sama dengan sekolah = 200</div>
                            <div class="text-gray-600">> Hanya Provinsi yang sama = 0</div>
                            <div class="fw-bolder mt-5">Skor Total</div>
                            <div class="text-gray-600">- Skor Usia + Skor Zonasi</div>
                        @endif
                    </div>
                </div>
            </div>

            @if($jalur !== '' && $siswa->is_lock == 0)
                <div class="flex-lg-row-fluid">
                    <form id="sekolah_search">
                        @csrf
                        <div class="card mb-7">
                            <div class="card-body">
                                <div class="d-flex align-items-center">
                                    <div class="position-relative w-100 me-4">
                                        <i class="fa fa-search position-absolute top-50 translate-middle ms-6"></i>
                                        <x-input name="nama" prefix="search_" class="form-control-solid ps-10" caption="Pencarian Sekolah" />
                                    </div>
                                    <div class="d-flex align-items-center ms-auto">
                                        <button type="submit" class="btn btn-secondary">Search</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div id="list_sekolah"></div>
                </div>
            @endif

            @if($siswa->is_verifikasi == 1 && $siswa->is_lock == 1)
                <div class="flex-lg-row-fluid">
                    <div class="card">
                        <div class="card-body text-center py-20">
                            <h4>- Siswa sudah diverifikasi final oleh admin -</h4>
                        </div>
                    </div>
                </div>
            @endif
        @endif
    </div>

    @if($dokumen_lengkap == true)
        <div class="d-flex justify-content-between align-items-center mt-7 pt-7 border-top">
            <a href="{{ route('siswa.dokumen') }}" class="btn btn-light me-5">Proses Sebelumnya</a>
            <p class="mb-0 fs-5">Klik Selanjutnya untuk mencetak bukti daftar atau klik Cetak Bukti Daftar pada menu diatas</p>
            <a  class="btn btn-primary ps-8" href="{{ route('siswa.bukti_daftar') }}">
                Proses Berikutnya
                <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>
            </a>
        </div>
    @endif
@endsection

@push('scripts')
    <script>
        let $list_pilihan = $('#list_pilihan'),
            $list_sekolah = $('#list_sekolah'),
            $sekolah_search = $('#sekolah_search'),
            _token = '{{ csrf_token() }}',
            list_selected = [],
            @php($siswa->alamat = '')
            siswa = JSON.parse('@json($siswa)');

        let sekolah_pilihan = () => {
            $.get("{{ route('siswa.pilihan.list_pilihan', ['jalur=' . $jalur]) }}", (result) => {
                $list_pilihan.html(result);
            }).fail((xhr) => {
                $list_pilihan.html(xhr.responseText);
            });
        }

        let list_sekolah = () => {
            let nama = $('#search_nama').val();
            $.get("{{ route('siswa.pilihan.list_sekolah') }}?nama=" + nama + '&not_in=' + list_selected.join(',') + '&jalur={{ $jalur }}', (result) => {
                $list_sekolah.html(result);
            }).fail((xhr) => {
                $list_sekolah.html(xhr.responseText);
            });
        }

        let pilih_sekolah = (id) => {
            let $button = $('#button_pilih_' + id);
            $button.attr('disabled', 'disabled');
            $button.html('Loading');
            $.post("{{ route('siswa.pilihan.pilih_sekolah') }}", {_token, id, jalur: '{{ $jalur }}'}, (result) => {
                if (result['error']) swal.fire(result['error']);
                else swal.fire('Berhasil ditambahkan ke sekolah pilihan!');
                sekolah_pilihan();
            }).fail((xhr) => {
                console.log(xhr.responseText);
            });
        }

        let hapus_pilihan = (id) => {
            Swal.fire({
                title: 'Hapus Pilihan ?',
                showDenyButton: true,
                confirmButtonText: 'Hapus',
                denyButtonText: 'Batal',
                confirmButtonColor: '#F46A6A',
                denyButtonColor: '#bdbdbd'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.post("{{ url('siswa/pilihan/hapus') }}/" + id, {_token}, (result) => {
                        sekolah_pilihan();
                    }).fail((xhr) => {
                        console.log(xhr.responseText);
                    });
                }
            });

        }

        let kunci_pilihan = () => {
            Swal.fire({
                title: 'Kunci Pilihan ?',
                text: 'Pilihan yang sudah dikunci tidak dapat diubah lagi.',
                showDenyButton: true,
                confirmButtonText: 'Kunci',
                denyButtonText: 'Batal',
                confirmButtonColor: '#50cd89',
                denyButtonColor: '#bdbdbd'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.post("{{ route('siswa.pilihan.kunci_pilihan') }}", {_token}, () => {
                        window.location.reload();
                    }).fail((xhr) => {
                        console.log(xhr.responseText);
                    });
                }
            });
        }

        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') }}");
            })
        }

        $sekolah_search.submit((e) => {
            e.preventDefault();
            list_sekolah();
        });

        @if(session()->has('error'))
            swal.fire('{{ session('error') }}');
        @endif



        sekolah_pilihan();
        list_sekolah();
    </script>
@endpush