@extends('admin.sidebar')
@section('content')
    <section class="section">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header ">
                        <h3 class="text-center">Data Wasit</h3>
                        @include('message')
                    </div>
                    <div class="card-body">


                        <form class="row" action="{{ route('wasits.update', Crypt::encryptString($wasit->user->id)) }}"
                            method="POST" enctype="multipart/form-data">
                            @csrf
                            @method('put')
                            <div class="col-lg ">
                                <div class="mb-5">
                                    <a class="btn btn-warning text-black" href="{{ route('wasits.index') }}"><i
                                            class="bi bi-arrow-left-circle-fill text-black m-2"></i>Kembali</a>
                                    <button type="submit" class="btn btn-primary ">
                                        <i class="bx bx-check d-block d-sm-none"></i>
                                        <span><i class="bi bi-pencil-square"style="margin-right:5px"></i>Edit Data</span>
                                    </button>
                                </div>
                                <h3>Data Diri</h3>
                                <div class="form-group d-flex flex-column ">
                                    <label for="photo">Photo</label>
                                    <img class="rounded my-3" src="{{ asset('images/wasit/' . $wasit->user->photo) }}"
                                        alt="" style="width:200px;height:200px;object-fit:cover;">
                                    <input type="file" class="form-control" id="photo" name="photo"
                                        placeholder="Masukan photo">
                                    <i>*Foto yang dimasukan tidak boleh lebih dari 2mb!</i>
                                </div>
                                <div class="form-group">
                                    <label for="cabor-edit">Cabang Olahraga</label>
                                    <select id="cabor-edit" name="cabor" class="form-control">
                                        <option selected disabled>--Pilih Cabor--</option>
                                        @foreach ($cabor as $item)
                                            <option value="{{ $item->nama }}">{{ $item->nama }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="asal_kota">Asal Kota atau Kabupaten</label>
                                    <select class="form-control" name="asal_kota" id="asal_kota">
                                        <option selected disabled>--Kabupaten/Kota--</option>
                                        <option value="Kabupaten Berau"> Kabupaten Berau</option>
                                        <option value="Kabupaten Kutai Barat">Kabupaten Kutai Barat</option>
                                        <option value="Kabupaten Kutai Kartanegara">Kabupaten Kutai Kartanegara</option>
                                        <option value="Kabupaten Kutai Timur">Kabupaten Kutai Timur</option>
                                        <option value="Kabupaten Mahakam Ulu">Kabupaten Mahakam Ulu</option>
                                        <option value="Kabupaten Paser">Kabupaten Paser</option>
                                        <option value="Kabupaten Penajam Paser Utara">Kabupaten Penajam Paser Utara
                                        </option>
                                        <option value="Kota Balikpapan">Kota Balikpapan</option>
                                        <option value="Kota Bontang">Kota Bontang</option>
                                        <option value="Kota Samarinda"> Kota Samarinda</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="nama_lengkap">Nama Lengkap</label>
                                    <input type="text" class="form-control" id="nama_lengkap" name="nama_lengkap"
                                        placeholder="Masukan Nama Lengkap" value="{{ $wasit->nama_lengkap }}" required>
                                </div>
                                <div class="form-group">
                                    <label for="NIK">NIK</label>
                                    <input type="number" class="form-control" id="NIK" name="NIK"
                                        placeholder="Masukan NIK" value="{{ $wasit->NIK }}" pattern="/^-?\d+\.?\d*$/"
                                        onKeyPress="if(this.value.length==16) return false;" required>
                                </div>
                                <div class="form-group">
                                    <label for="jenis_kelamin">Jenis Kelamin</label>
                                    <select class="form-control" name="jenis_kelamin" id="jenis_kelamin">
                                        <option selected disabled>--Jenis Kelamin--</option>
                                        <option value="0">Laki-Laki</option>
                                        <option value="1">Perempuan</option>
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="umur">Umur</label>
                                    <input type="number" class="form-control" id="umur" name="umur"
                                        placeholder="Masukan Nama Umur"value="{{ $wasit->umur }}" disabled>
                                </div>
                                <i>*Ubah tanggal lahir jika ingin mengganti umur</i>
                                <div class="form-group">
                                    <label for="tempat_lahir">Tempat Lahir</label>
                                    <input type="text" class="form-control" id="tempat_lahir"
                                        placeholder="Masukan Tempat Lahir"
                                        name="tempat_lahir"value="{{ $wasit->tempat_lahir }}" required>
                                </div>
                                <div class="form-group">
                                    <label for="tanggal_lahir">Tanggal Lahir</label>
                                    <input type="date" class="form-control" id="tanggal_lahir" placeholder="dd/mm/yyyy"
                                        name="tanggal_lahir"value="{{ $wasit->tanggal_lahir }}" required>
                                </div>

                                <div class="form-group">
                                    <label for="golongan_darah">Golongan Darah</label>
                                    <select class="form-control"
                                        name="golongan_darah"value="{{ $wasit->golongan_darah }}" id="golongan_darah">
                                        <option selected disabled>--Golongan Darah--</option>
                                        <option value="A">A</option>
                                        <option value="B">B</option>
                                        <option value="O">O</option>
                                        <option value="AB">AB</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="pendidikan_terakhir">Pendidikan Terakhir</label>
                                    <select class="form-control" name="pendidikan_terakhir"
                                        value="{{ $wasit->pendidikan_terakhir }}" id="pendidikan_terakhir">
                                        <option selected disabled>--pendidikan terakhir--</option>
                                        <option value="SD/Sederajat">SD/Sederajat</option>
                                        <option value="SMP/Sederajat">SMP/Sederajat</option>
                                        <option value="SMA/Sederajat">SMA/Sederajat</option>
                                        <option value="D3">D3</option>
                                        <option value="Sarjana">Sarjana</option>
                                        <option value="S2/Magister">S2/Magister</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="pekerjaan">Pekerjaan</label>
                                    <select class="form-control" name="pekerjaan" id="pekerjaan"
                                        onchange="handleDropdownChange(this)">
                                        <option selected disabled>--Pekerjaan Umum--</option>
                                        <option value="Pegawai Negeri Sipil">Pegawai Negeri Sipil</option>
                                        <option value="Karyawan Swasta">Karyawan Swasta</option>
                                        <option value="Wiraswasta">Wiraswasta</option>
                                        <option value="Atlet">Atlet</option>
                                        <option value="Pelatih">Pelatih</option>
                                        <option value="Wasit">Wasit</option>
                                        <option value="Tenaga Pengajar">Tenaga Pengajar</option>
                                        <option value="Pelajar/Mahasiswa">Pelajar/Mahasiswa</option>
                                        <option value="Karyawan Honorer">Karyawan Honorer</option>
                                        <option value="Karyawan Swasta">Karyawan Swasta</option>
                                        <option value="Karyawan BUMN">Karyawan BUMN</option>
                                        <option value="Karyawan BUMD">Karyawan BUMD</option>
                                        <option value="Pensiunan">Pensiunan</option>
                                        <option value="Buruh">Buruh</option>
                                        <option value="TNI">TNI</option>
                                        <option value="Kepolisian RI">Kepolisian RI</option>
                                        <option value="-">Lainnya</option>

                                    </select>
                                    <div id="other" style="display:none;">
                                        <label for="otherOption">Pekerjaan Lainnya</label>
                                        <input class="form-control my-2 " style="background-color: #EEEEEE!important;"
                                            type="text" id="otherOption" placeholder="Masukan nama pekerjaan lainnya"
                                            name="pekerjaan_lainnya">
                                    </div>


                                </div>
                                <div class="form-group">
                                    <label for="no_telp">Nomor Telepon</label>
                                    <input type="number" class="form-control" id="no_telp" name="no_telp"
                                        placeholder="Masukan Nomor Telpon" value="{{ $wasit->no_telp }}"
                                        pattern="/^-?\d+\.?\d*$/" onKeyPress="if(this.value.length==13) return false;"
                                        required>

                                </div>
                                <div class="form-group">
                                    <label for="status_kawin">Status Kawin</label>
                                    <select class="form-control" name="status_kawin"value="{{ $wasit->status_kawin }}"
                                        id="status_kawin">
                                        <option disabled selected>--status kawin--</option>
                                        <option value="0">Kawin</option>

                                        <option value="1">Belum Kawin</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="no_paspor">Nomor Paspor (Optional)</label>
                                    <input type="number" class="form-control" id="no_paspor" name="no_paspor"
                                        placeholder="Masukan Nomor Paspor" value="{{ $wasit->no_paspor }}">
                                </div>
                                <div class="form-group">
                                    <label for="masa_berlaku">Masa Berlaku (Optional)</label>
                                    <input type="date" class="form-control" id="masa_berlaku" name="masa_berlaku"
                                        placeholder="Masukan Masa Belaku Paspor"value="{{ $wasit->masa_berlaku }}">
                                </div>
                                <div class="form-group">
                                    <label for="tempat_terbit">Tempat Terbit (Optional)</label>
                                    <input type="text" class="form-control" id="tempat_terbit" name="tempat_terbit"
                                        placeholder="Masukan Tempat Terbit Paspor" value="{{ $wasit->tempat_terbit }}">
                                </div>
                                <div class="form-group">
                                    <label for="alamat_domisili">Alamat Domisisi</label>
                                    <input type="text" class="form-control" id="alamat_domisili"
                                        name="alamat_domisili"
                                        placeholder="Masukan Alamat Domisili"value="{{ $wasit->alamat_domisili }}"
                                        required>
                                </div>


                            </div>
                            <div class="col-lg">

                                <h3>Data Akun</h3>
                                <div class="form-group">
                                    <label for="username">Username</label>
                                    <input type="text" class="form-control" id="username" name="username"
                                        placeholder="Masukan Nama Username" value="{{ $wasit->user->username }}"
                                        required>
                                </div>
                                <div class="form-group">
                                    <label for="email">Email</label>
                                    <input type="email" class="form-control" id="email" name="email"
                                        placeholder="Masukan Nama Email"value="{{ $wasit->user->email }}" required>
                                </div>
                                <div class="form-group">
                                    <label for="password" class="form-label">Ganti Password</label>
                                    <div class="d-flex">
                                        <input type="password" class="form-control" id="password"
                                            name="password"placeholder="*******">
                                        <span toggle="#password" class=" mx-2 eye p-1"
                                            style="width: 40px!important; height:40px!important;"><i
                                                class="bi bi-eye-fill"></i></span>
                                    </div>
                                    <i>*Minimal 6 karakter!</i>

                                </div>
                                <div class="form-group">
                                    <label for="password" class="form-label">Konfirmasi Password Baru</label>
                                    <div class="d-flex">
                                        <input type="password_confirm" class="form-control" id="password_confirm"
                                            name="password_confirm"placeholder="*******">
                                        <span toggle="#password_confirm" id="eyes" class=" mx-2 eye p-1"
                                            style="width: 40px!important; height:40px!important;"><i
                                                class="bi bi-eye-fill"></i></span>
                                    </div>

                                </div>
                                <h3>Data kualifikasi</h3>

                                <div class="form-group">
                                    <label for="level">Level</label>
                                    <select class="form-control" name="level" id="level">
                                        <option selected disabled>--Pilih Level--</option>
                                        <option value="Internasional">Internasional</option>
                                        <option value="Nasional">Nasional</option>
                                        <option value="Provinsi">Provinsi</option>
                                        <option value="Kota/Kabupaten">Kota/Kabupaten</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="no_sertifikat">Nomor Sertifikat</label>
                                    <input type="text" class="form-control" id="no_sertifikat" name="no_sertifikat"
                                        placeholder="Masukan Nomor Sertifikat"value="{{ $wasit->no_sertifikat }}"
                                        required>
                                </div>
                                <div class="form-group">
                                    <label for="jenis_sertifikat">Jenis Sertifikat</label>
                                    <select class="form-control" name="jenis_sertifikat" id="jenis_sertifikat">
                                        <option selected disabled>--Pilih Level--</option>
                                        <option value="Internasional">Internasional</option>
                                        <option value="Nasional">Nasional</option>
                                        <option value="Provinsi">Provinsi</option>
                                        <option value="Kota/Kabupaten">Kota/Kabupaten</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="keterangan">Keterangan khusus</label>
                                    <input type="text" class="form-control"
                                        id="keterangan"value="{{ $wasit->keterangan }}" name="keterangan"
                                        placeholder="Masukan Keterangan" required>
                                </div>
                                <div class="form-group">
                                    <label for="lembaga">Lembaga (Nama Lembaga yang mengeluarkan Sertifikat)</label>
                                    <input type="text" class="form-control" id="lembaga" name="lembaga"
                                        placeholder="Masukan Lembaga"value="{{ $wasit->lembaga }}" required>
                                </div>
                                <div class="form-group">
                                    <label for="nama_club">Nama Club</label>
                                    <input type="text" class="form-control" id="nama_club" name="nama_club"
                                        placeholder="Masukan Nama Club"value="{{ $wasit->nama_club }}" required>
                                </div>
                                <div class="form-group">
                                    <label for="alamat_club">Alamat Club</label>
                                    <input type="text" class="form-control" id="alamat_club" name="alamat_club"
                                        placeholder="Masukan Alamat Club"value="{{ $wasit->alamat_club }}" required>
                                </div>
                                <div class="form-group">
                                    <label for="sertifikat">Lampiran Sertifikat Kualifikasi</label>
                                    <input type="file" class="form-control" id="sertifikat" name="sertifikat">
                                    <i>*kosongkan bila tidak ingin mengganti sertifikat</i>
                                </div>
                                <a target="_blank" href="{{ asset('documents/wasit/' . $wasit->sertifikat) }}"
                                    class="btn btn-success"><i class="bi bi-eye"style="margin-right:5px"></i>Lihat
                                    Sertifikat</a>
                                <button type="submit" class="btn btn-primary ">
                                    <i class="bx bx-check d-block d-sm-none"></i>
                                    <span><i class="bi bi-pencil-square"style="margin-right:5px"></i>Edit Sertifikat</span>
                                </button>


                                <h3 class="mt-4">Data Fisik</h3>

                                <div class="form-group">
                                    <label for="berat_badan">Berat Badan</label>
                                    <input type="number" class="form-control" id="berat_badan" name="berat_badan"
                                        placeholder="Masukan Berat Badan"value="{{ $wasit->berat_badan }}" required>
                                </div>
                                <div class="form-group">
                                    <label for="tinggi_badan">Tinggi Badan</label>
                                    <input type="number" class="form-control" id="tinggi_badan" name="tinggi_badan"
                                        placeholder="Masukan Tinggi Badan" value="{{ $wasit->tinggi_badan }}" required>
                                </div>
                                <div class="form-group">
                                    <label for="size_sepatu">Size Sepatu</label>
                                    <input type="text" class="form-control" id="size_sepatu" name="size_sepatu"
                                        placeholder="Masukan Size Sepatu"value="{{ $wasit->size_sepatu }}" required>
                                </div>
                                <div class="form-group">
                                    <label for="size_baju">Size Baju</label>
                                    <input type="text" class="form-control" id="size_baju" name="size_baju"
                                        placeholder="Masukan Size Baju"value="{{ $wasit->size_baju }}" required>
                                </div>
                                <div class="form-group">
                                    <label for="size_celana">Size Celana</label>
                                    <input type="text" class="form-control" id="size_celana" name="size_celana"
                                        placeholder="Masukan Size Celana"value="{{ $wasit->size_celana }}" required>
                                </div>
                                <div class="form-group">
                                    <label for="size_topi">Size Topi</label>
                                    <input type="text" class="form-control" id="size_topi" name="size_topi"
                                        placeholder="Masukan Size Topi"value="{{ $wasit->size_topi }}" required>
                                </div>
                                <div class="form-group">
                                    <label for="size_training">Size Training</label>
                                    <input type="text" class="form-control" id="size_training" name="size_training"
                                        placeholder="Masukan Size Training"value="{{ $wasit->size_training }}" required>
                                </div>

                            </div>


                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @push('script-modal')
        <script>
            $(document).ready(function() {

                const golongan_darah = <br />
<b>Warning</b>:  Undefined variable $wasit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>351</b><br />
<br />
<b>Warning</b>:  Attempt to read property "golongan_darah" on null in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>351</b><br />
null;
                const pendidikan_terakhir = <br />
<b>Warning</b>:  Undefined variable $wasit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>352</b><br />
<br />
<b>Warning</b>:  Attempt to read property "pendidikan_terakhir" on null in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>352</b><br />
null;
                const jenis_kelamin = <br />
<b>Warning</b>:  Undefined variable $wasit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>353</b><br />
<br />
<b>Warning</b>:  Attempt to read property "jenis_kelamin" on null in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>353</b><br />
null;
                const status_kawin = <br />
<b>Warning</b>:  Undefined variable $wasit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>354</b><br />
<br />
<b>Warning</b>:  Attempt to read property "status_kawin" on null in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>354</b><br />
null;
                const asal_kota = <br />
<b>Warning</b>:  Undefined variable $wasit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>355</b><br />
<br />
<b>Warning</b>:  Attempt to read property "asal_kota" on null in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>355</b><br />
null;
                const cabor = <br />
<b>Warning</b>:  Undefined variable $wasit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>356</b><br />
<br />
<b>Warning</b>:  Attempt to read property "cabor" on null in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>356</b><br />
null;
                const level = <br />
<b>Warning</b>:  Undefined variable $wasit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>357</b><br />
<br />
<b>Warning</b>:  Attempt to read property "level" on null in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>357</b><br />
null;
                const jenis_sertifikat = <br />
<b>Warning</b>:  Undefined variable $wasit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>358</b><br />
<br />
<b>Warning</b>:  Attempt to read property "jenis_sertifikat" on null in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>358</b><br />
null;
                const pekerjaan = <br />
<b>Warning</b>:  Undefined variable $wasit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>359</b><br />
<br />
<b>Warning</b>:  Attempt to read property "pekerjaan" on null in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>359</b><br />
null;
                const pekerjaan_lainnya = <br />
<b>Warning</b>:  Undefined variable $wasit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>360</b><br />
<br />
<b>Warning</b>:  Attempt to read property "pekerjaan_lainnya" on null in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/admin/wasit/edit.blade.php</b> on line <b>360</b><br />
null;

                if (pekerjaan == "-") {

                    $(' #otherOption').prop('required', true);
                    $(' #otherOption').val(pekerjaan_lainnya);
                    $('#other').show();
                }


                $('.form-group #golongan_darah').val(golongan_darah)
                $('.form-group #pendidikan_terakhir').val(pendidikan_terakhir)
                $('.form-group #jenis_kelamin').val(jenis_kelamin)
                $('.form-group #status_kawin').val(status_kawin)
                $('.form-group #asal_kota').val(asal_kota)
                $('.form-group #cabor-edit').val(cabor)
                $('.form-group #level').val(level)
                $('.form-group #jenis_sertifikat').val(jenis_sertifikat)
                $('.form-group #pekerjaan').val(pekerjaan)

            });
        </script>
        <script>
            function handleDropdownChange(selectElement) {
                var otherOptionContainer = document.getElementById("other");
                var otherOptionInput = document.getElementById("otherOption");
                var dropdown = document.getElementById("pekerjaan");

                if (selectElement.value === "-") {
                    otherOptionContainer.style.display = "block";
                    otherOptionInput.required = true;



                } else {
                    otherOptionContainer.style.display = "none";
                    otherOptionInput.required = false;

                }
            }
        </script>
        <script>
            var clicked = false;
            const togglePassword = document.querySelector('.eye');
            const password = document.querySelector('#password');

            togglePassword.addEventListener('click', function() {
                const type = password.getAttribute('type') === 'password' ? 'text' : 'password';
                password.setAttribute('type', type);
                if (clicked) {
                    togglePassword.style.cssText =
                        'width: 40px!important; height:40px!important;color:#333!important;';
                } else {
                    togglePassword.style.cssText =
                        'width: 40px!important; height:40px!important;color:#5C7CB4!important;';

                }
                clicked = !clicked;
            });
        </script>
        <script>
            var clicked2 = false;
            const togglepassword_confirm = document.querySelector('#eyes');
            const password_confirm = document.querySelector('#password_confirm');

            togglepassword_confirm.addEventListener('click', function() {
                const type = password_confirm.getAttribute('type') === 'password' ? 'text' : 'password';
                password_confirm.setAttribute('type', type);
                if (clicked2) {
                    togglepassword_confirm.style.cssText =
                        'width: 40px!important; height:40px!important;color:#333!important;';
                } else {
                    togglepassword_confirm.style.cssText =
                        'width: 40px!important; height:40px!important;color:#5C7CB4!important;';

                }
                clicked2 = !clicked2;
            });
        </script>

        {{-- script --}}
    @endpush
@endsection