@extends('home_layout/layout')
@section('title', 'Sistem Penerimaan Santri Baru PP.Al-Qodiri Jember')
@section('content')
    <section class="navbar-area navbar-two">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <nav class="navbar navbar-expand-lg fixed-top">
                        <a class="navbar-brand" href="javascript:void(0)">
                            <img src="{{asset('home_asset/assets/images/logo.png')  }}" width="200px" alt="Logo" />
                        </a>

                        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTwo"
                            aria-controls="navbarTwo" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                        </button>

                        <div class="collapse navbar-collapse sub-menu-bar" id="navbarTwo">
                            <ul class="navbar-nav m-auto">
                                <li class="nav-item">
                                    <a href="{{ route('home.index') }}#home">Beranda</a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('home.index') }}#about">Tentang</a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('home.index') }}#lembaga_pendidikan">Lembaga Pendidikan</a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('home.index') }}#alur">Alur Pendaftaran</a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ route('home.informasi') }}">Info</a>
                                </li>
                                <li class="mt-3 ms-3">
                                    <form action="{{ route('logout') }}" method="POST" class="d-inline">
                                        @csrf
                                        <button type="submit" class="btn btn-danger me-md-2 square">Logout</button>
                                    </form>
                                </li>
                            </ul>
                        </div>

                        <!-- <div class="navbar-btn d-none d-sm-inline-block">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          </div> -->
                    </nav>
                </div>
            </div>
        </div>
    </section>



    {{-- header --}}

    <section class="mt-5 pt-5 bg-success">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 mt-5 mb-5 ">
                    <h1 class="text-center text-light fw-bold">Formulir Pendaftaran Santri Baru</h1>
                    {{-- <h2 class="text-center text-light">Silakan pilih menu yang tersedia</h2> --}}
                </div>


            </div>
        </div>
    </section>

    <!--status_santri == "AKTIF")-->

        @if ($cek_status->status_selesai == "SUDAH SELESAI")
            <section class="mt-5 mb-5">
                <div class="container single-card card-style-one">
                    <div class="card-content">
                        <h2 class="text-center">Assalamualaikum Wr.Wb</h2>
                        <hr>
                        <p class="mb-5 text text-center">

                        <div class="alert alert-success text-center" role="alert">
                            Pendaftaran telah berhasil dilakukan, silakan mengunduh bukti Pendaftaran pada link di bawah </div>

                        </p>

                        <div class="container">
                            <div class="mb-3 row">
                                <label class="col-lg-4 col-form-label"><strong>No Registrasi Pendaftaran</strong></label>
                                <div class="col">
                                    <p class="form-control-plaintext fw-bold">{{ $data_santri->no_induk_santri ?? '-' }}</p>
                                </div>
                            </div>
                            <div class="mb-3 row">
                                <label class="col-lg-4 col-form-label"><strong>NIS</strong></label>
                                <div class="col">
                                    <p class="form-control-plaintext">
                                        {!! $data_santri->nis_sippren ?? '<span class="fst-italic">Nomor Akan Muncul Saat Sudah Melakukan validasi</span>' !!}
                                    </p>
                                </div>
                            </div>

                            <div class="mb-3 row">
                                <label class="col-lg-4 col-form-label"><strong>Nama Santri</strong></label>
                                <div class="col">
                                    <p class="form-control-plaintext">{{ $data_santri->nama_lengkap_santri ?? '-' }}</p>
                                </div>
                            </div>

                            <div class="mb-3 row">
                                <label class="col-lg-4 col-form-label"><strong>Tanggal Masuk Santri</strong></label>
                                <div class="col">
                                    <p class="form-control-plaintext">
                                        @if($data_santri->tanggal_masuk)
                                            {{ $data_santri->tanggal_masuk->format('d-m-Y') }}
                                        @else
                                            -
                                        @endif
                                    </p>
                                </div>
                            </div>

                            <div class="mb-3 row">
                                <label class="col-lg-4 col-form-label"><strong>Jenis Kelamin</strong></label>
                                <div class="col">
                                    <p class="form-control-plaintext">{{ $data_santri->jenis_kelamin ?? '-' }}</p>
                                </div>
                            </div>

                            <div class="mb-3 row">
                                <label class="col-lg-4 col-form-label"><strong>Tempat Lahir</strong></label>
                                <div class="col">
                                    <p class="form-control-plaintext">{{ $data_santri->tempat_lahir ?? '-' }}</p>
                                </div>
                            </div>

                            <div class="mb-3 row">
                                <label class="col-lg-4 col-form-label"><strong>Tanggal Lahir</strong></label>
                                <div class="col">
                                    <p class="form-control-plaintext">
                                        @if($data_santri->tanggal_lahir)
                                            {{ $data_santri->tanggal_lahir->format('d-m-Y') }}
                                        @else
                                            -
                                        @endif
                                    </p>
                                </div>
                            </div>

                            <div class="mb-3 row">
                                <label class="col-lg-4 col-form-label"><strong>Status Kewarganegaraan</strong></label>
                                <div class="col">
                                    <p class="form-control-plaintext">
                                        @if($data_santri->status_kewarganegaraan == 'WNI')
                                            Warga Negara Indonesia (WNI)

                                        @else
                                            Warga Negara Asing (WNA) / Foreign Citizen
                                        @endif


                                </div>
                            </div>
                            @if ($data_santri->status_kewarganegaraan == 'WNA')
                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label"><strong>No Passport</strong></label>
                                    <div class="col">
                                        <p class="form-control-plaintext">{{ $data_santri->no_passport_santri ?? '-' }}</p>
                                    </div>
                                </div>

                            @else
                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label"><strong>No KK</strong></label>
                                    <div class="col">
                                        <p class="form-control-plaintext">{{ $data_santri->no_kk ?? '-' }}</p>
                                    </div>
                                </div>

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label"><strong>NIK Santri</strong></label>
                                    <div class="col">
                                        <p class="form-control-plaintext">{{ $data_santri->nik_santri ?? '-' }}</p>
                                    </div>
                                </div>

                            @endif

                            <hr>


                            @if ($data_santri->status_kewarganegaraan == 'WNA')
                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label"><strong>Alamat Lengkap di Negara Asal</strong></label>
                                    <div class="col">
                                        <p class="form-control-plaintext">{{ $data_santri->alamat_tinggal_negara_asal ?? '-' }}</p>
                                    </div>
                                </div>

                            @else

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label"><strong>Provinsi</strong></label>
                                    <div class="col">
                                        <p class="form-control-plaintext">{{ $data_santri->nama_provinsi ?? '-' }}</p>
                                    </div>
                                </div>

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label"><strong>Kabupaten/Kota</strong></label>
                                    <div class="col">
                                        <p class="form-control-plaintext">{{ $data_santri->nama_kabupaten ?? '-' }}</p>
                                    </div>
                                </div>

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label"><strong>Kecamatan</strong></label>
                                    <div class="col">
                                        <p class="form-control-plaintext">{{ $data_santri->nama_kecamatan ?? '-' }}</p>
                                    </div>
                                </div>

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label"><strong>Desa/Kelurahan</strong></label>
                                    <div class="col">
                                        <p class="form-control-plaintext">{{ $data_santri->nama_desa ?? '-' }}</p>
                                    </div>
                                </div>

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label"><strong>Dusun</strong></label>
                                    <div class="col">
                                        <p class="form-control-plaintext">{{ $data_santri->alamat_dusun ?? '-' }}</p>
                                    </div>
                                </div>

                            @endif

                            <hr>

                            <div class="mb-3 row">
                                <label class="col-lg-4 col-form-label"><strong>Lembaga Pendidikan</strong></label>
                                <div class="col">
                                    <p class="form-control-plaintext">
                                        @php
                                            $lembagaSelected = $lembaga->firstWhere('id_lembaga', $data_santri->pendidikan_dipilih);
                                        @endphp
                                        {{ $lembagaSelected->nama_lembaga ?? '-' }}
                                    </p>
                                </div>
                            </div>

                            <hr>

                            <div class="mb-3 row">
                                <label class="col-lg-4 col-form-label"><strong>Nama Ayah</strong></label>
                                <div class="col">
                                    <p class="form-control-plaintext">{{ $data_santri->nama_ayah ?? '-' }}</p>
                                </div>
                            </div>

                            <div class="mb-3 row">
                                <label class="col-lg-4 col-form-label"><strong>Pekerjaan Ayah</strong></label>
                                <div class="col">
                                    <p class="form-control-plaintext">{{ $data_santri->pekerjaan_ayah ?? '-' }}</p>
                                </div>
                            </div>



                            <div class="mb-3 row">
                                <label class="col-lg-4 col-form-label"><strong>Nama Ibu</strong></label>
                                <div class="col">
                                    <p class="form-control-plaintext">{{ $data_santri->nama_ibu ?? '-' }}</p>
                                </div>
                            </div>

                            <div class="mb-3 row">
                                <label class="col-lg-4 col-form-label"><strong>Pekerjaan Ibu</strong></label>
                                <div class="col">
                                    <p class="form-control-plaintext">{{ $data_santri->pekerjaan_ibu ?? '-' }}</p>
                                </div>
                            </div>


                            <div class="mb-3 row">
                                <label class="col-lg-4 col-form-label"><strong>No HP</strong></label>
                                <div class="col">
                                    <p class="form-control-plaintext">{{ $data_santri->no_hp ?? '-' }}</p>
                                </div>
                            </div>

                            {{-- <div class="mb-3 row">
                                <label class="col-lg-4 col-form-label"><strong>Status</strong></label>
                                <div class="col">
                                    <p class="form-control-plaintext">{{ $data_santri->status ?? '-' }}</p>
                                </div>
                            </div> --}}

                            <div class="mb-3 row">
                                <label class="col-lg-4 col-form-label"><strong>Foto Santri</strong></label>
                                <div class="col">
                                    @if($data_santri->foto)
                                        <img src="{{ asset('storage/' . $data_santri->foto) }}" alt="Foto Santri"
                                            style="max-width: 200px;">
                                    @else
                                        <p class="form-control-plaintext">-</p>
                                    @endif
                                </div>
                            </div>
                            <hr>
                            <div class="mb-3 row">
                                <label class="col-lg-4 col-form-label"><strong>Link Bukti Pendaftaran</strong></label>
                                <div class="col-lg-4">
                                    
                                    @if ($cek_status->status_santri == "AKTIF")
                                        <button type="button" class="btn btn-success" data-bs-toggle="modal"
                                        data-bs-target="#modal-bukti">
                                        Lihat Bukti Pendaftaran
                                    </button>

                                    @else
                                    
                                    <div class="alert alert-warning" role="alert">
  Untuk Mengunduh Bukti Pendaftaran silakan melakukan pembayaran pendaftaran santri baru
  
  <hr>
  <div class="card-btn rounded-buttons">
                                            <a class="bg-success btn primary-btn rounded-full"
                                                href="https://wa.me/6285336478403?text=Assalamualaikum%20warahmatullahi%20wabarakatuh.%0A%0ASaya%20ingin%20memohon%20aktivasi%20pada%20pendaftaran%20santri%20dengan%20detail%20sebagai%20berikut:%0A%0ANo%20Registrasi%20:%20{{ urlencode($data_santri->no_induk_santri) }}%0ANama%20Santri%20:%20{{ urlencode($data_santri->nama_lengkap_santri) }}%0A%0ATerima%20kasih%20atas%20bantuannya.%0AWassalamualaikum%20warahmatullahi%20wabarakatuh.">
                                                <i class="fa-brands fa-whatsapp"></i>

                                                CHAT ADMIN
                                            </a>
                                        </div>
</div>
                                    
                                    
                                    @endif
                                

                                   
                                    <!--<a href="{{ route('download_pdf') }}" class="btn btn-success">Download-->
                                    <!--    Bukti Pendaftaran</a> -->
                                </div>
                            </div>
                            <hr>

                            <div class="alert alert-info" role="alert">
                                <h5 class="alert-heading"><i class="fas fa-info-circle me-2"></i>Informasi Penting</h5>
                                <hr>
                                Untuk validasi, silakan hubungi admin dengan menunjukkan bukti pendaftaran
                                yang telah diunduh beserta dokumen persyaratan lainnya yang diperlukan. Untuk informasi lebih
                                lanjut, Anda dapat menghubungi admin melalui kontak yang tersedia.



                            </div>


                        </div>
                    </div>
                </div>
            </section>
            @else 
       

            <section class="mt-5  mb-5">

                <div class=" container single-card card-style-one">

                    <div class="card-content">
                        <h4 class="card-title">
                            <h2 class="text-center" href="javascript:void(0)">Assalamualaikum Wr.Wb</h2>
                            <hr>
                        </h4>
                        <p class=" mb-5 text text-center">

                        <div class="alert alert-warning text-center" role="alert">
                            Isi Form dibawah ini dengan lengkap dan benar, jika sudah silahkan klik tombol
                            <strong>Submit</strong> untuk menyelesaikan pendaftaran santri baru.
                        </div>

                        </p>

                        </p>

                        <div class="container form-validation">
                            <form class="form-valide" action="{{ route('update_santri_form', $cek_status->id) }}" method="post"
                                id="userForm" novalidate enctype="multipart/form-data">
                                @csrf
                                @method('PUT')

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="val-email">No Registrasi Pendaftaran<span
                                            class="text-danger">*</span></label>
                                    <div class="col">
                                        <p class="text fw-bold"> {{ $data_santri->no_induk_santri }} </p>
                                    </div>
                                </div>
                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="val-email">Tanggal Masuk Santri<span
                                            class="text-danger">*</span></label>
                                    <div class="col">
                                        <p class="text fw-bold">
                                            {{ $data_santri->tanggal_masuk ? \Carbon\Carbon::parse($data_santri->tanggal_masuk)->format('d-m-Y') : '-' }}
                                        </p>
                                    </div>
                                </div>


                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="nama_santri">Nama Santri <span
                                            class="text-danger">*</span></label>
                                    <div class="col">
                                        <input type="text" class="form-control @error('nama_santri') is-invalid @enderror"
                                            id="nama_santri" name="nama_santri" placeholder="Masukkan Nama Santri"
                                            value="{{ old('nama_santri', $data_santri->nama_lengkap_santri) }}">
                                        @error('nama_santri')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>



                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="jenis_kelamin">Jenis Kelamin<span
                                            class="text-danger">*</span></label>
                                    <div class="col">
                                        <select class="form-select @error('jenis_kelamin') is-invalid @enderror" id="jenis_kelamin"
                                            name="jenis_kelamin">
                                            <option selected value="">Pilih Jenis Kelamin</option>
                                            <option value="Laki-laki" {{ old('jenis_kelamin', $data_santri->jenis_kelamin) == 'Laki-laki' ? 'selected' : '' }}>Laki-laki</option>
                                            <option value="Perempuan" {{ old('jenis_kelamin', $data_santri->jenis_kelamin) == 'Perempuan' ? 'selected' : '' }}>Perempuan</option>
                                        </select>
                                        @error('jenis_kelamin')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="tempat_lahir">Tempat Lahir <span
                                            class="text-danger">*</span></label>
                                    <div class="col">
                                        <input type="text" class="form-control @error('tempat_lahir') is-invalid @enderror"
                                            id="tempat_lahir" name="tempat_lahir" placeholder="Masukkan Tempat Lahir"
                                            value="{{ old('tempat_lahir', $data_santri->tempat_lahir) }}">
                                        @error('tempat_lahir')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="tanggal_lahir">Tanggal Lahir <span
                                            class="text-danger">*</span></label>
                                    <div class="col">
                                        <input type="date" class="form-control @error('tanggal_lahir') is-invalid @enderror"
                                            id="tanggal_lahir" name="tanggal_lahir"
                                            value="{{ old('tanggal_lahir', $data_santri->tanggal_lahir ? $data_santri->tanggal_lahir->format('Y-m-d') : '') }}">
                                        @error('tanggal_lahir')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="val-confirm-password">Status Kewarganegaraan</label>
                                    <div class="col">
                                        <div class="d-flex flex-column flex-md-row gap-3">
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="status_kewarganegaraan" id="wni"
                                                    value="WNI" {{ old('status_kewarganegaraan', $data_santri->status_kewarganegaraan ?? '') == 'WNI' ? 'checked' : '' }}>
                                                <label class="form-check-label" for="wni">
                                                    WNI (Warga Negara Indonesia)
                                                </label>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="status_kewarganegaraan" id="wna"
                                                    value="WNA" {{ old('status_kewarganegaraan', $data_santri->status_kewarganegaraan ?? '') == 'WNA' ? 'checked' : '' }}>
                                                <label class="form-check-label" for="wna">
                                                    WNA (Warga Negara Asing) / Foreign Citizen
                                                </label>
                                            </div>
                                        </div>
                                        @error('status_kewarganegaraan')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="no_kk">No KK Santri <span
                                            class="text-danger">*</span></label>
                                    <div class="col">
                                        <input type="number" class="form-control @error('no_kk') is-invalid @enderror" id="no_kk"
                                            name="no_kk" placeholder="Masukkan No. KK Santri"
                                            value="{{ old('no_kk', $data_santri->no_kk) }}">
                                        @error('no_kk')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="nik_santri">NIK Santri <span
                                            class="text-danger">*</span></label>
                                    <div class="col">
                                        <input type="number" class="form-control @error('nik_santri') is-invalid @enderror"
                                            id="nik_santri" name="nik_santri" placeholder="Masukkan NIK Santri"
                                            value="{{ old('nik_santri', $data_santri->nik_santri) }}">
                                        @error('nik_santri')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="no_passport_santri">No Passport (Khusus WNA/Foreign
                                        Citizen)
                                        <span class="text-danger">*</span></label>
                                    <div class="col">
                                        <input type="text" class="form-control @error('no_passport_santri') is-invalid @enderror"
                                            id="no_passport_santri" name="no_passport_santri"
                                            placeholder="Masukkan No Passport Santri"
                                            value="{{ old('no_passport_santri', $data_santri->no_passport_santri) }}">
                                        @error('no_passport_santri')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>


                                <hr>

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="val-confirm-password">Alamat lengkap Negara Asal
                                        (khusus WNA/ Foreign Citizen )</label>
                                    <div class="col">
                                        <input type="text"
                                            class="form-control @error('alamat_tinggal_negara_asal') is-invalid @enderror"
                                            id="alamat_tinggal_negara_asal" name="alamat_tinggal_negara_asal"
                                            placeholder="Masukkan Alamat Lengkap di negara asal"
                                            value="{{ old('alamat_tinggal_negara_asal', $data_santri->alamat_tinggal_negara_asal) }}">
                                        @error('alamat_tinggal_negara_asal')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>


                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="val-confirm-password">Provinsi</label>
                                    <div class="col">
                                        <select class="form-select @error('provinsi_santri') is-invalid @enderror"
                                            id="provinsi_santri" name="provinsi_santri">
                                            <option value="">Pilih Provinsi</option>
                                            {{-- @foreach ($provinsi as $ps)
                                            <option value="{{$ps->code}}" {{ old('provinsi_santri')==$ps->code ? 'selected' : ''
                                                }}>{{$ps->name}}</option>
                                            @endforeach --}}
                                        </select>
                                        @error('provinsi_santri')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="val-confirm-password">Kabupaten/Kota</label>
                                    <div class="col">
                                        <select class="form-select @error('kabupaten_santri') is-invalid @enderror"
                                            id="kabupaten_santri" name="kabupaten_santri">
                                            <option value="">Pilih Kabupaten</option>
                                        </select>
                                        @error('kabupaten_santri')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="val-confirm-password">Kecamatan</label>
                                    <div class="col">
                                        <select class="form-select @error('kecamatan_santri') is-invalid @enderror"
                                            id="kecamatan_santri" name="kecamatan_santri">
                                            <option value="">Pilih Kecamatan</option>
                                        </select>
                                        @error('kecamatan_santri')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="val-confirm-password">Desa/Kelurahan</label>
                                    <div class="col">
                                        <select class="form-select @error('desa_kelurahan_santri') is-invalid @enderror"
                                            id="desa_kelurahan_santri" name="desa_kelurahan_santri">
                                            <option value="">Pilih Desa/Kelurahan</option>
                                        </select>
                                        @error('desa_kelurahan_santri')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="val-confirm-password">Dusun</label>
                                    <div class="col">
                                        <input type="text" class="form-control @error('alamat_dusun') is-invalid @enderror"
                                            id="alamat_dusun" name="alamat_dusun" placeholder="Masukkan Dusun"
                                            value="{{ old('alamat_dusun', $data_santri->alamat_dusun) }}">
                                        @error('alamat_dusun')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <hr>

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="val-skill">Lembaga Pendidikan yang dipilih<span
                                            class="text-danger">*</span></label>
                                    <div class="col">
                                        <select class="form-select @error('lembaga_pendidikan') is-invalid @enderror"
                                            id="lembaga_pendidikan" name="lembaga_pendidikan">
                                            <option value="">Pilih Lembaga Pendidikan</option>
                                            @foreach ($lembaga as $lg)
                                                <option value="{{ $lg->id_lembaga }}" {{ old('lembaga_pendidikan', $data_santri->pendidikan_dipilih) == $lg->id_lembaga ? 'selected' : '' }}>
                                                    {{ $lg->nama_lembaga }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('lembaga_pendidikan')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <hr>

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="val-currency">Nama Ayah <span
                                            class="text-danger">*</span></label>
                                    <div class="col">
                                        <input type="text" class="form-control @error('nama_ayah') is-invalid @enderror"
                                            id="nama_ayah" name="nama_ayah" placeholder="Masukkan Nama Ayah"
                                            value="{{ old('nama_ayah', $data_santri->nama_ayah) }}">
                                        @error('nama_ayah')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="val-website">Pekerjaan Ayah <span
                                            class="text-danger">*</span></label>
                                    <div class="col">
                                        <input type="text" class="form-control @error('pekerjaan_ayah') is-invalid @enderror"
                                            id="pekerjaan_ayah" name="pekerjaan_ayah" placeholder="Masukkan Pekerjaan Ayah"
                                            value="{{ old('pekerjaan_ayah', $data_santri->pekerjaan_ayah) }}">
                                        @error('pekerjaan_ayah')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                {{-- <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="val-website">No Passport/NIK Ayah<span
                                            class="text-danger">*</span></label>
                                    <div class="col">
                                        <input type="text" class="form-control @error('nik_ayah') is-invalid @enderror"
                                            id="nik_ayah" name="nik_ayah" placeholder="Masukkan NIK Ayah"
                                            value="{{ old('nik_ayah', $data_santri->nik_ayah) }}">
                                        @error('nik_ayah')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div> --}}

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="val-currency">Nama Ibu <span
                                            class="text-danger">*</span></label>
                                    <div class="col">
                                        <input type="text" class="form-control @error('nama_ibu') is-invalid @enderror"
                                            id="nama_ibu" name="nama_ibu" placeholder="Masukkan Nama Ibu"
                                            value="{{ old('nama_ibu', $data_santri->nama_ibu) }}">
                                        @error('nama_ibu')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="val-currency">Pekerjaan Ibu <span
                                            class="text-danger">*</span></label>
                                    <div class="col">
                                        <input type="text" class="form-control @error('pekerjaan_ibu') is-invalid @enderror"
                                            id="pekerjaan_ibu" name="pekerjaan_ibu" placeholder="Masukkan Pekerjaan Ibu"
                                            value="{{ old('pekerjaan_ibu', $data_santri->pekerjaan_ibu) }}">
                                        @error('pekerjaan_ibu')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                {{-- <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="val-currency">No Passport/NIK Ibu <span
                                            class="text-danger">*</span></label>
                                    <div class="col">
                                        <input type="text" class="form-control @error('nik_ibu') is-invalid @enderror" id="nik_ibu"
                                            name="nik_ibu" placeholder="Masukkan NIK Ibu"
                                            value="{{ old('nik_ibu', $data_santri->nik_ibu) }}">
                                        @error('nik_ibu')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div> --}}

                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="val-phoneus">No HP<span
                                            class="text-danger">*</span></label>
                                    <div class="col">
                                        <input type="text" class="form-control @error('no_hp') is-invalid @enderror" id="no_hp"
                                            name="no_hp" placeholder="Masukkan No HP cth: 08123456xxx"
                                            value="{{ old('no_hp', $data_santri->no_hp) }}">
                                        @error('no_hp')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>



                                <div class="mb-3 row">
                                    <label class="col-lg-4 col-form-label" for="val-digits">Foto Santri <span
                                            class="text-danger">*</span></label>
                                    <div class="col">
                                        <input type="file" class="form-control @error('foto_santri') is-invalid @enderror"
                                            id="foto_santri" name="foto_santri">
                                        @error('foto_santri')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <hr>

                                <div class="mb-3 row">
                                    <div class="col-lg-8 ms-auto">
                                        <button type="button" class="btn btn-success" onclick="confirmSubmit()">Submit</button>
                                    </div>
                                </div>
                            </form>
                        </div>




                    </div>
                </div>
            </section>

        @endif




   <!-- bagian else laravel-->


    <!--    <section class="card-area mt-5 mb-5">-->
    <!--        <div class="container">-->
    <!--            <div class="row justify-content-center">-->
    <!--                <div class="col-lg-8">-->
    <!--                    <div class="single-card card-style-two">-->
    <!--                        <div class="row no-gutters align-items-center">-->
    <!--                            <div class="col-sm-6">-->
    <!--                                <div class="card-image">-->
    <!--                                    <img src="{{ asset('kop/formpending.png') }}" alt="Image" />-->
    <!--                                </div>-->
    <!--                            </div>-->
    <!--                            <div class="col-sm-6">-->
    <!--                                <div class="card-content">-->
    <!--                                    <h4 class="card-title">-->
    <!--                                        <a href="javascript:void(0)">Form Belum diaktifkan</a>-->
    <!--                                    </h4>-->

    <!--                                    <p class="text">-->


    <!--                                        Silakan Menghubungi admin untuk aktivasi formulir-->
    <!--                                    </p>-->
    <!--                                    <table>-->
    <!--                                        <tr>-->
    <!--                                            <td class="text">No Registrasi</td>-->
    <!--                                            <td>:</td>-->
    <!--                                            <td class="fw-bold">{{ $data_santri->no_induk_santri }}</td>-->
    <!--                                        </tr>-->
    <!--                                        <tr>-->
    <!--                                            <td class="text">Nama Santri</td>-->
    <!--                                            <td>:</td>-->
    <!--                                            <td class="fw-bold">{{ $data_santri->nama_lengkap_santri }}</td>-->
    <!--                                        </tr>-->
    <!--                                    </table>-->

    <!--                                    <div class="card-btn rounded-buttons">-->
    <!--                                        <a class="bg-success btn primary-btn rounded-full"-->
    <!--                                            href="https://wa.me/6285336478403?text=Assalamualaikum%20warahmatullahi%20wabarakatuh.%0A%0ASaya%20ingin%20memohon%20aktivasi%20formulir%20pendaftaran%20santri%20dengan%20detail%20sebagai%20berikut:%0A%0ANo%20Registrasi%20:%20{{ urlencode($data_santri->no_induk_santri) }}%0ANama%20Santri%20:%20{{ urlencode($data_santri->nama_lengkap_santri) }}%0A%0ATerima%20kasih%20atas%20bantuannya.%0AWassalamualaikum%20warahmatullahi%20wabarakatuh.">-->
    <!--                                            <i class="fa-brands fa-whatsapp"></i>-->

    <!--                                            CHAT ADMIN-->
    <!--                                        </a>-->
    <!--                                    </div>-->
                                        

    <!--                                </div>-->
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                    </div>-->
                        <!-- single-card -->
    <!--                </div>-->
    <!--            </div>-->
                <!-- row -->
    <!--        </div>-->
            <!-- container -->
    <!--    </section>-->

  <!-- endif laravel-->



    <footer style="background-color: #009343" class="footer-area footer-two">
        <div class="footer-widget">
            <div class="container">
                <div class="row">
                    <div class="col-xl-6 col-lg-4 col-sm-12">
                        <div class="f-about">
                            <div class="footer-logo">
                                <a href="javascript:void(0)">
                                    <img src="{{ asset('home_asset/assets/images/logo.png') }}" alt="Logo" />
                                </a>
                            </div>
                            <p class="text text-light">Alamat : Jl. Manggar No.139A, Gebang Poreng, Gebang, Kec.
                                Patrang, Kabupaten Jember, Jawa Timur 68117</p>
                            <!-- <ul class="social">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              <li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <a href="javascript:void(0)">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  <i class="text-light lni lni-facebook-filled"></i>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </a>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              <li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <a href="javascript:void(0)">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  <i class="text-light lni lni-twitter-original"></i>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </a>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              <li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <a href="javascript:void(0)">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  <i class="text-light lni lni-instagram-filled"></i>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </a>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              <li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <a href="javascript:void(0)">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  <i class="text-light lni lni-linkedin-original"></i>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </a>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul> -->
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-2 col-sm-4">
                        <div class="footer-link">
                            <h6 class="footer-title text-light">Social Media</h6>
                            <ul>
                                <li><a class="text-light" href="javascript:void(0)">Instagram</a></li>
                                <li><a class="text-light" href="javascript:void(0)">Facebook</a></li>
                                <li><a class="text-light" href="javascript:void(0)">Youtube</a></li>
                                <li><a class="text-light" href="javascript:void(0)">Tiktok</a></li>
                            </ul>
                        </div>
                        <!-- footer link -->
                    </div>

                    <!-- <div class="col-xl-2 col-lg-3 col-sm-4">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          <div class="footer-link">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <h6 class="footer-title text-light">Help & Suuport</h6>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <ul>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              <li><a class="text-light" href="javascript:void(0)">Support Center</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              <li><a class="text-light" href="javascript:void(0)">FAQ</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              <li><a class="text-light" href="javascript:void(0)">Terms & Conditions</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          </div>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </div> -->
                </div>
                <!-- row -->
            </div>
            <!-- container -->
        </div>
        <!-- footer widget -->

        <div class="footer-copyright">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="copyright text-center">
                            <p class="text text-light">Copyright © 2025 Pondok Pesantren Al-Qodiri Jember All Rights
                                Reserved</p>
                        </div>
                        <!-- copyright -->
                    </div>
                </div>
                <!-- row -->
            </div>
            <!-- container -->
        </div>
        <!-- footer copyright -->
    </footer>
    <!-- footer -->



    {{-- modal bukti daftar --}}
    <!-- Modal -->
    <div class="modal fade" id="modal-bukti" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Bukti Pendaftaran</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body text-center">
                    <div id="pdf-viewer"></div>

                </div>
                <div class="modal-footer">

                    <a href="{{ route('download_pdf') }}" class="btn btn-success">Download
                        Bukti Pendaftaran</a>
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>


    {{-- JS wilayah --}}
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/jquery.validation/1.19.5/jquery.validate.min.js"></script>

    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        function confirmSubmit() {
            Swal.fire({
                title: 'Apakah Anda yakin?',
                text: "Data santri akan diperbarui dan data tidak dapat diubah, silakan cek kembali isi dari formulir anda",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Ya, simpan!',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    document.getElementById('userForm').submit();
                }
            });
        }
    </script>



    <script>
        $(document).ready(function () {
            // Fetch provinces
            $.get('/get-provinces', function (data) {
                $.each(data, function (key, value) {
                    var selected = (value.code == '{{ $data_santri->alamat_provinsi }}') ? 'selected' : '';
                    $('#provinsi_santri').append('<option value="' + value.code + '" ' + selected + '>' + value.name + '</option>');
                });

                // Trigger change event to load cities if province is already selected
                if ('{{ $data_santri->alamat_provinsi }}') {
                    $('#provinsi_santri').trigger('change');
                }
            });

            // Province change event
            $('#provinsi_santri').change(function () {
                var province_id = $(this).val();
                $('#kabupaten_santri').empty().append('<option value="">Please select</option>');
                $('#kecamatan_santri').empty().append('<option value="">Please select</option>');
                $('#desa_kelurahan_santri').empty().append('<option value="">Please select</option>');

                if (province_id) {
                    $.get('/get-cities?province_code=' + province_id, function (data) {
                        $.each(data, function (key, value) {
                            var selected = (value.code == '{{ $data_santri->alamat_kabupaten }}') ? 'selected' : '';
                            $('#kabupaten_santri').append('<option value="' + value.code + '" ' + selected + '>' + value.name + '</option>');
                        });

                        // Trigger change event to load districts if city is already selected
                        if ('{{ $data_santri->alamat_kabupaten }}') {
                            $('#kabupaten_santri').trigger('change');
                        }
                    });
                }
            });

            // City change event
            $('#kabupaten_santri').change(function () {
                var city_id = $(this).val();
                $('#kecamatan_santri').empty().append('<option value="">Please select</option>');
                $('#desa_kelurahan_santri').empty().append('<option value="">Please select</option>');

                if (city_id) {
                    $.get('/get-districts?city_code=' + city_id, function (data) {
                        $.each(data, function (key, value) {
                            var selected = (value.code == '{{ $data_santri->alamat_kecamatan }}') ? 'selected' : '';
                            $('#kecamatan_santri').append('<option value="' + value.code + '" ' + selected + '>' + value.name + '</option>');
                        });

                        // Trigger change event to load villages if district is already selected
                        if ('{{ $data_santri->alamat_kecamatan }}') {
                            $('#kecamatan_santri').trigger('change');
                        }
                    });
                }
            });

            // District change event
            $('#kecamatan_santri').change(function () {
                var district_id = $(this).val();
                $('#desa_kelurahan_santri').empty().append('<option value="">Please select</option>');

                if (district_id) {
                    $.get('/get-villages?district_code=' + district_id, function (data) {
                        $.each(data, function (key, value) {
                            var selected = (value.code == '{{ $data_santri->alamat_desa }}') ? 'selected' : '';
                            $('#desa_kelurahan_santri').append('<option value="' + value.code + '" ' + selected + '>' + value.name + '</option>');
                        });
                    });
                }
            });
        });
    </script>



    <script>
        $(document).ready(function () {
            $('#userForm').validate({
                rules: {
                    nama_santri: {
                        required: true,
                        minlength: 3
                    },
                    jenis_kelamin: {
                        required: true
                    },
                    tempat_lahir: {
                        required: true
                    },
                    tanggal_lahir: {
                        required: true,
                        date: true
                    },
                    status_kewarganegaraan: {
                        required: true
                    },
                    // WNI fields
                    no_kk: {
                        required: function () {
                            return $('#wni').is(':checked');
                        }
                    },
                    nik_santri: {
                        required: function () {
                            return $('#wni').is(':checked');
                        },
                        minlength: 16,
                        maxlength: 16,
                        number: true
                    },
                    provinsi_santri: {
                        required: function () {
                            return $('#wni').is(':checked');
                        }
                    },
                    kabupaten_santri: {
                        required: function () {
                            return $('#wni').is(':checked');
                        }
                    },
                    kecamatan_santri: {
                        required: function () {
                            return $('#wni').is(':checked');
                        }
                    },
                    desa_kelurahan_santri: {
                        required: function () {
                            return $('#wni').is(':checked');
                        }
                    },
                    alamat_dusun: {
                        required: function () {
                            return $('#wni').is(':checked');
                        }
                    },
                    // WNA fields
                    alamat_tinggal_negara_asal: {
                        required: function () {
                            return $('#wna').is(':checked');
                        }
                    },
                    no_passport_santri: {
                        required: function () {
                            return $('#wna').is(':checked');
                        }
                    },
                    lembaga_pendidikan: {
                        required: true
                    },
                    nama_ayah: {
                        required: true
                    },
                    pekerjaan_ayah: {
                        required: true
                    },
                    nama_ibu: {
                        required: true
                    },
                    pekerjaan_ibu: {
                        required: true
                    },
                    no_hp: {
                        required: true,
                        minlength: 10,
                        number: true
                    },
                    foto_santri: {
                        extension: "jpg|jpeg|png"
                    }
                },
                messages: {
                    nama_santri: {
                        required: "Nama santri harus diisi",
                        minlength: "Nama minimal 3 karakter"
                    },
                    jenis_kelamin: {
                        required: "Jenis kelamin harus dipilih"
                    },
                    tempat_lahir: {
                        required: "Tempat lahir harus diisi"
                    },
                    tanggal_lahir: {
                        required: "Tanggal lahir harus diisi",
                        date: "Masukkan tanggal yang valid"
                    },
                    status_kewarganegaraan: {
                        required: "Status kewarganegaraan harus dipilih"
                    },
                    no_kk: {
                        required: "No KK harus diisi (khusus WNI)"
                    },
                    nik_santri: {
                        required: "NIK santri harus diisi (khusus WNI)",
                        minlength: "NIK harus 16 digit",
                        maxlength: "NIK harus 16 digit",
                        number: "Hanya boleh berisi angka"
                    },
                    provinsi_santri: {
                        required: "Provinsi harus dipilih (khusus WNI)"
                    },
                    kabupaten_santri: {
                        required: "Kabupaten harus dipilih (khusus WNI)"
                    },
                    kecamatan_santri: {
                        required: "Kecamatan harus dipilih (khusus WNI)"
                    },
                    desa_kelurahan_santri: {
                        required: "Desa/Kelurahan harus dipilih (khusus WNI)"
                    },
                    alamat_dusun: {
                        required: "Alamat dusun harus diisi (khusus WNI)"
                    },
                    alamat_tinggal_negara_asal: {
                        required: "Alamat negara asal harus diisi (khusus WNA)"
                    },
                    no_passport_santri: {
                        required: "No Passport harus diisi (khusus WNA)"
                    },
                    lembaga_pendidikan: {
                        required: "Lembaga pendidikan harus dipilih"
                    },
                    nama_ayah: {
                        required: "Nama ayah harus diisi"
                    },
                    pekerjaan_ayah: {
                        required: "Pekerjaan ayah harus diisi"
                    },
                    nama_ibu: {
                        required: "Nama ibu harus diisi"
                    },
                    pekerjaan_ibu: {
                        required: "Pekerjaan ibu harus diisi"
                    },
                    no_hp: {
                        required: "Nomor HP harus diisi",
                        minlength: "Nomor HP minimal 10 digit",
                        number: "Hanya boleh berisi angka"
                    },
                    foto_santri: {
                        extension: "Hanya file dengan format jpg, jpeg, atau png yang diperbolehkan"
                    }
                },
                errorElement: 'span',
                errorPlacement: function (error, element) {
                    error.addClass('invalid-feedback');
                    if (element.closest('.col').length) {
                        element.closest('.col').append(error);
                    } else {
                        element.after(error);
                    }
                },
                highlight: function (element, errorClass, validClass) {
                    $(element).addClass('is-invalid');
                },
                unhighlight: function (element, errorClass, validClass) {
                    $(element).removeClass('is-invalid');
                }
            });
        });

        $(document).ready(function () {
            // Fungsi untuk mengatur semua field terkait kewarganegaraan
            function toggleCitizenshipFields() {
                const isWNA = $('#wna').is(':checked');

                // Field-field untuk WNI (akan di-disable jika WNA)
                const wniFields = [
                    '#no_kk',
                    '#nik_santri',
                    '#provinsi_santri',
                    '#kabupaten_santri',
                    '#kecamatan_santri',
                    '#desa_kelurahan_santri',
                    '#alamat_dusun'
                ];

                // Field-field untuk WNA (akan di-disable jika WNI)
                const wnaFields = [
                    '#alamat_tinggal_negara_asal',
                    '#no_passport_santri' // Saya menambahkan ini karena ada di HTML Anda
                ];

                // Atur field WNI
                $.each(wniFields, function (index, field) {
                    $(field).prop('disabled', isWNA);

                    if (isWNA) {
                        if ($(field).is('select')) {
                            $(field).val('').trigger('change');
                        } else {
                            $(field).val('');
                        }
                    }
                });

                // Atur field WNA
                $.each(wnaFields, function (index, field) {
                    $(field).prop('disabled', !isWNA);

                    if (!isWNA) {
                        if ($(field).is('select')) {
                            $(field).val('').trigger('change');
                        } else {
                            $(field).val('');
                        }
                    }
                });
            }

            // Jalankan saat halaman dimuat pertama kali
            toggleCitizenshipFields();

            // Jalankan saat radio button diubah
            $('input[name="status_kewarganegaraan"]').change(function () {
                toggleCitizenshipFields();
            });
        });




    </script>


    {{-- PDF VIEWER --}}

    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.11.338/pdf.min.js"></script>
    <script>
        pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.11.338/pdf.worker.min.js';

        fetch("{{ route('download_pdf') }}")
            .then(response => response.blob())
            .then(blob => {
                const url = URL.createObjectURL(blob);
                pdfjsLib.getDocument(url).promise.then(function (pdf) {
                    pdf.getPage(1).then(function (page) {
                        const scale = 1.5;
                        const viewport = page.getViewport({ scale: scale });

                        const canvas = document.createElement('canvas');
                        const context = canvas.getContext('2d');
                        canvas.height = viewport.height;
                        canvas.width = viewport.width;

                        document.getElementById('pdf-viewer').appendChild(canvas);

                        page.render({
                            canvasContext: context,
                            viewport: viewport
                        });
                    });
                });
            });
    </script>



@endsection