@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 Atlet</h3>
                        @include('message')
                    </div>


                    <div class="card-body">
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item" role="presentation">
                                <a class="nav-link active" id="data-akun-tab" data-bs-toggle="tab" href="#data-akun"
                                    role="tab" aria-controls="data-akun" aria-selected="true">Data Akun</a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a class="nav-link" id="profile-tab" data-bs-toggle="tab" href="#profile" role="tab"
                                    aria-controls="profile" aria-selected="false">Data Diri</a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a class="nav-link" id="contact-tab" data-bs-toggle="tab" href="#contact" role="tab"
                                    aria-controls="cabor" aria-selected="false">Data Cabor</a>
                            </li>
                        </ul>

                        {{-- DATA AKUN START --}}
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade show active" id="data-akun" role="tabpanel"
                                aria-labelledby="data-akun-tab">
                                <form class="row"
                                    action="{{ route('userAtlit.update', Crypt::encryptString($atlit->user_id)) }}"
                                    method="POST" enctype="multipart/form-data">
                                    @csrf
                                    @method('put')

                                    <div class="col-lg ">
                                        {{-- USER INPUT --}}


                                        <h3 class="my-3">Data Akun</h3>
                                        <img style="width:200px;" class="rounded-lg m-2"
                                            src="{{ asset('images/atlit/' . $atlit->user->photo) }}" alt="">
                                        <div class="form-group">
                                            <input class="form-control" name="photo" id="photo" type="file">
                                        </div>
                                        <div class="form-group">
                                            <label for="username">Username</label>
                                            <input type="text" class="form-control" id="username" name="username"
                                                placeholder="Masukan Nama Username" value="{{ $atlit->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="{{ $atlit->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>
                                        {{-- USER INPUT --}}

                                        <div class="my-5">

                                            <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>

                                        <div class="form-group">
                                            <input type="hidden" value="{{ $atlit->cabor }}" id="cabor"
                                                name="cabor">
                                        </div>
                                        <div class="form-group">
                                            <input type="hidden" value="{{ $atlit->asal_kota }}" id="asal_kota"
                                                name="asal_kota">
                                        </div>
                                        <div class="form-group">
                                            <input type="hidden" class="form-control" id="nama_lengkap"
                                                name="nama_lengkap" placeholder="Masukan Nama Lengkap"
                                                value="{{ $atlit->nama_lengkap }}" required>
                                        </div>
                                        <div class="form-group">
                                            <input type="hidden" class="form-control" id="NIK" name="NIK"
                                                placeholder="Masukan NIK"value="{{ $atlit->NIK }}" maxlength="13"
                                                required pattern="/^-?\d+\.?\d*$/"
                                                onKeyPress="if(this.value.length==16) return false;">
                                        </div>
                                        <div class="form-group">
                                            <input type="hidden" id="jenis_kelamin" name="jenis_kelamin"
                                                value="{{ $atlit->jenis_kelamin }}">
                                        </div>

                                        <div class="form-group">

                                            <input type="hidden" class="form-control" id="umur" name="umur"
                                                placeholder="Masukan Nama Umur"value="{{ $atlit->umur }}" required>
                                        </div>
                                        <div class="form-group">

                                            <input type="hidden" class="form-control"
                                                id="tanggal_lahir"value="{{ $atlit->tanggal_lahir }}"
                                                placeholder="dd/mm/yyyy" name="tanggal_lahir" required>
                                        </div>
                                        <div class="form-group">

                                            <input type="hidden" class="form-control" id="tempat_lahir"
                                                placeholder="Masukan Tempat Lahir"value="{{ $atlit->tempat_lahir }}"
                                                name="tempat_lahir" required>
                                        </div>


                                        <div class="form-group">
                                            <input type="hidden" name="golongan_darah" id="golongan_darah"
                                                value="{{ $atlit->golongan_darah }}">
                                        </div>
                                        <div class="form-group">
                                            <input type="hidden" class="form-control" id="nama_sekolah"
                                                placeholder="Masukan Nama Sekolah"
                                                name="nama_sekolah"value="{{ $atlit->nama_sekolah }}" required>
                                        </div>
                                        <div class="form-group">
                                            <input type="hidden" class="form-control" id="jenjang_pendidikan"
                                                placeholder="Masukan Nama Sekolah"
                                                name="jenjang_pendidikan"value="{{ $atlit->jenjang_pendidikan }}"
                                                required>
                                        </div>
                                        <div class="form-group">
                                            <input type="hidden" class="form-control" id="alamat_sekolah"
                                                placeholder="Masukan Alamat Sekolah"
                                                name="alamat_sekolah"value="{{ $atlit->alamat_sekolah }}" required>
                                        </div>
                                        <div class="form-group">

                                            <input type="hidden" class="form-control" id="nama_ortu"
                                                placeholder="Masukan Nama Ayah"
                                                name="nama_ortu"value="{{ $atlit->nama_ortu }}" required>
                                            <input type="hidden" class="form-control" id="tinggi_ayah"
                                                name="tinggi_ayah"value="{{ $atlit->tinggi_ayah }}" required>
                                            <input type="hidden" class="form-control" id="nama_ortu_ibu"
                                                placeholder="Masukan Nama Ayah"
                                                name="nama_ortu_ibu"value="{{ $atlit->nama_ortu_ibu }}" required>
                                            <input type="hidden" class="form-control" id="tinggi_ibu"
                                                name="tinggi_ibu"value="{{ $atlit->tinggi_ibu }}" required>
                                        </div>
                                        <div class="form-group">

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

                                            <input type="hidden" class="form-control" id="no_paspor" name="no_paspor"
                                                placeholder="Masukan Nomor Paspor" value="{{ $atlit->no_paspor }}">
                                        </div>
                                        <div class="form-group">

                                            <input type="hidden" class="form-control" id="masa_berlaku"
                                                name="masa_berlaku"
                                                placeholder="Masukan Masa Belaku Paspor"value="{{ $atlit->masa_berlaku }}">
                                        </div>

                                        <input type="hidden" class="form-control" id="tempat_terbit"
                                            name="tempat_terbit"
                                            placeholder="Masukan Tempat Terbit Paspor"value="{{ $atlit->tempat_terbit }}">
                                    </div>
                                    <div class="form-group">

                                        <input type="hidden" class="form-control" id="alamat_domisili"
                                            name="alamat_domisili"
                                            placeholder="Masukan Alamat Domisili"value="{{ $atlit->alamat_domisili }}"
                                            required>
                                    </div>


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

                                <div class="form-group">


                                    <input type="hidden" name="pelatih_id" id="pelatih_id"
                                        value="{{ $atlit->pelatih_id }}">
                                </div>
                                <div class="form-group">
                                    <input type="hidden" name="status_atlet" id="status_atlet"
                                        value="{{ $atlit->status_atlet }}">
                                </div>
                                <div class="form-group">

                                    <input type="hidden" class="form-control" id="asal_atlet" name="asal_atlet"
                                        placeholder="Masukan Asal Atlet"value="{{ $atlit->asal_atlet }}" required>
                                </div>
                                <div class="form-group">
                                    <input type="hidden" name="atlet_lapis" id="atlet_lapis">
                                </div>
                                <div class="form-group">

                                    <input type="hidden" class="form-control" id="nama_club" name="nama_club"
                                        placeholder="Masukan Nama Club"value="{{ $atlit->nama_club }}" required>
                                </div>
                                <div class="form-group">

                                    <input type="hidden" class="form-control" id="program_kegiatan"
                                        name="program_kegiatan"
                                        placeholder="Masukan Program Kegiatan"value="{{ $atlit->program_kegiatan }}"
                                        required>
                                </div>

                                <div class="form-group">

                                    <input type="hidden" class="form-control" id="alamat_club" name="alamat_club"
                                        placeholder="Masukan Alamat Club" value="{{ $atlit->alamat_club }}" required>
                                </div>


                                <div class="form-group">

                                    <input type="hidden" class="form-control" id="berat_badan" name="berat_badan"
                                        placeholder="Masukan Berat Badan" value="{{ $atlit->berat_badan }}" required>
                                </div>
                                <div class="form-group">

                                    <input type="hidden" class="form-control" id="tinggi_badan" name="tinggi_badan"
                                        placeholder="Masukan Tinggi Badan"value="{{ $atlit->tinggi_badan }}" required>
                                </div>
                                <div class="form-group">

                                    <input type="hidden" class="form-control" id="size_sepatu" name="size_sepatu"
                                        placeholder="Masukan Size Sepatu"value="{{ $atlit->size_sepatu }}" required>
                                </div>
                                <div class="form-group">

                                    <input type="hidden" class="form-control" id="size_baju" name="size_baju"
                                        placeholder="Masukan Size Baju" value="{{ $atlit->size_baju }}" required>
                                </div>
                                <div class="form-group">

                                    <input type="hidden" class="form-control" id="size_celana" name="size_celana"
                                        placeholder="Masukan Size Celana" value="{{ $atlit->size_celana }}" required>
                                </div>
                                <div class="form-group">

                                    <input type="hidden" class="form-control"
                                        id="size_topi"value="{{ $atlit->size_topi }}" name="size_topi"
                                        placeholder="Masukan Size Topi" required>
                                </div>
                                <div class="form-group">

                                    <input type="hidden" class="form-control" id="size_training" name="size_training"
                                        placeholder="Masukan Size Training" value="{{ $atlit->size_training }}" required>
                                </div>

                            </div>



                            </form>

                            {{-- DATA AKUN END --}}


                            {{-- Data Diri Start --}}
                            <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">

                                <form class="row"
                                    action="{{ route('userAtlit.update', Crypt::encryptString($atlit->user_id)) }}"
                                    method="POST" enctype="multipart/form-data">
                                    @csrf
                                    @method('put')

                                    <h3>Data Diri</h3>
                                    <div class="col-lg ">




                                        <div class="form-group">

                                            <input type="hidden" class="form-control" id="username" name="username"
                                                placeholder="Masukan Nama Username" value="{{ $atlit->user->username }}"
                                                required>
                                        </div>
                                        <div class="form-group">

                                            <input type="hidden" class="form-control" id="email" name="email"
                                                placeholder="Masukan Nama Email"value="{{ $atlit->user->email }}"
                                                required>
                                        </div>
                                        <div class="form-group">
                                            <input type="hidden" value="{{ $atlit->cabor }}" id="cabor"
                                                name="cabor">
                                        </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="{{ $atlit->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="{{ $atlit->NIK }}" maxlength="13"
                                                required pattern="/^-?\d+\.?\d*$/"
                                                onKeyPress="if(this.value.length==16) return false;">
                                        </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="{{ $atlit->umur }}" required>
                                        </div>
                                        <i>*Ubah tanggal lahir jika ingin mengganti umur</i>
                                        <div class="form-group">
                                            <label for="tanggal_lahir">Tanggal Lahir</label>
                                            <input type="date" class="form-control"
                                                id="tanggal_lahir"value="{{ $atlit->tanggal_lahir }}"
                                                placeholder="dd/mm/yyyy" name="tanggal_lahir" required>
                                        </div>
                                        <div class="form-group">
                                            <label for="tempat_lahir">Tempat Lahir</label>
                                            <input type="text" class="form-control" id="tempat_lahir"
                                                placeholder="Masukan Tempat Lahir"value="{{ $atlit->tempat_lahir }}"
                                                name="tempat_lahir" required>
                                        </div>






                                    </div>

                                    <div class="col-lg">

                                        <div class="form-group">
                                            <label for="golongan_darah">Golongan Darah</label>
                                            <select class="form-control" name="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="jenjang_pendidikan">Jenjang Pendidikan</label>
                                            <select class="form-control" name="jenjang_pendidikan"
                                                id="jenjang_pendidikan">
                                                <option selected disabled>--Jenjang Pendidikan--</option>
                                                <option value="PAUD">PAUD</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="nama_sekolah">Nama Sekolah</label>
                                            <input type="text" class="form-control" id="nama_sekolah"
                                                placeholder="Masukan Nama Sekolah"
                                                name="nama_sekolah"value="{{ $atlit->nama_sekolah }}" required>
                                        </div>


                                        <div class="form-group">
                                            <label for="alamat_sekolah">Alamat Sekolah</label>
                                            <input type="text" class="form-control" id="alamat_sekolah"
                                                placeholder="Masukan Alamat Sekolah"
                                                name="alamat_sekolah"value="{{ $atlit->alamat_sekolah }}" required>
                                        </div>
                                        <div class="form-group">
                                            <div class="form-group">
                                                <label for="nama_ortu">Nama Orang Tua (Ayah)</label>
                                                <input type="text" class="form-control" id="nama_ortu"
                                                    placeholder="Masukan Nama Ayah" name="nama_ortu"
                                                    value="{{ $atlit->nama_ortu }}" required>
                                            </div>
                                            <div class="form-group">
                                                <label for="tinggi_ayah">Tinggi Orang Tua (Ayah)</label>
                                                <input type="number" class="form-control" id="tinggi_ayah"
                                                    placeholder="Masukan tinggi Ayah dalam cm" name="tinggi_ayah"
                                                    value="{{ $atlit->tinggi_ayah }}" required>
                                            </div>
                                            <div class="form-group">
                                                <label for="nama_ortu">Nama Orang Tua (Ibu)</label>
                                                <input type="text" class="form-control" id="nama_ortu_ibu"
                                                    placeholder="Masukan Nama Ayah" name="nama_ortu_ibu"
                                                    value="{{ $atlit->nama_ortu_ibu }}" required>
                                            </div>
                                            <div class="form-group">
                                                <label for="tinggi_ibu">Tinggi Orang Tua (Ibu)</label>
                                                <input type="number" class="form-control" id="tinggi_ibu"
                                                    placeholder="Masukan tinggi Ibu dalam cm" name="tinggi_ibu"
                                                    value="{{ $atlit->tinggi_ibu }}" required>
                                            </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="{{ $atlit->no_telp }}"
                                                pattern="/^-?\d+\.?\d*$/"
                                                onKeyPress="if(this.value.length==13) return false;" required>
                                        </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="{{ $atlit->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="{{ $atlit->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="{{ $atlit->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="{{ $atlit->alamat_domisili }}"
                                                required>
                                        </div>
                                    </div>
                                    <div class="">
                                        <div class="form-group">


                                            <input type="hidden" name="pelatih_id" value="{{ $atlit->pelatih_id }}">
                                        </div>
                                        <div class="form-group">
                                            <input type="hidden" name="status_atlet" id="status_atlet"
                                                value="{{ $atlit->status_atlet }}">
                                        </div>
                                        <div class="form-group">

                                            <input type="hidden" class="form-control" id="asal_atlet" name="asal_atlet"
                                                placeholder="Masukan Asal Atlet"value="{{ $atlit->asal_atlet }}" required>
                                        </div>
                                        <div class="form-group">
                                            <input type="hidden" name="atlet_lapis" id="atlet_lapis">
                                        </div>
                                        <div class="form-group">

                                            <input type="hidden" class="form-control" id="nama_club" name="nama_club"
                                                placeholder="Masukan Nama Club"value="{{ $atlit->nama_club }}" required>
                                        </div>
                                        <div class="form-group">

                                            <input type="hidden" class="form-control" id="program_kegiatan"
                                                name="program_kegiatan"
                                                placeholder="Masukan Program Kegiatan"value="{{ $atlit->program_kegiatan }}"
                                                required>
                                        </div>

                                        <div class="form-group">

                                            <input type="hidden" class="form-control" id="alamat_club"
                                                name="alamat_club" placeholder="Masukan Alamat Club"
                                                value="{{ $atlit->alamat_club }}" required>
                                        </div>


                                        <div class="form-group">

                                            <input type="hidden" class="form-control" id="berat_badan"
                                                name="berat_badan" placeholder="Masukan Berat Badan"
                                                value="{{ $atlit->berat_badan }}" required>
                                        </div>
                                        <div class="form-group">

                                            <input type="hidden" class="form-control" id="tinggi_badan"
                                                name="tinggi_badan"
                                                placeholder="Masukan Tinggi Badan"value="{{ $atlit->tinggi_badan }}"
                                                required>
                                        </div>
                                        <div class="form-group">

                                            <input type="hidden" class="form-control" id="size_sepatu"
                                                name="size_sepatu"
                                                placeholder="Masukan Size Sepatu"value="{{ $atlit->size_sepatu }}"
                                                required>
                                        </div>
                                        <div class="form-group">

                                            <input type="hidden" class="form-control" id="size_baju" name="size_baju"
                                                placeholder="Masukan Size Baju" value="{{ $atlit->size_baju }}" required>
                                        </div>
                                        <div class="form-group">

                                            <input type="hidden" class="form-control" id="size_celana"
                                                name="size_celana" placeholder="Masukan Size Celana"
                                                value="{{ $atlit->size_celana }}" required>
                                        </div>
                                        <div class="form-group">

                                            <input type="hidden" class="form-control"
                                                id="size_topi"value="{{ $atlit->size_topi }}" name="size_topi"
                                                placeholder="Masukan Size Topi" required>
                                        </div>
                                        <div class="form-group">

                                            <input type="hidden" class="form-control" id="size_training"
                                                name="size_training" placeholder="Masukan Size Training"
                                                value="{{ $atlit->size_training }}" required>
                                        </div>

                                    </div>
                                    <div class="">

                                        <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>




                                </form>
                            </div>
                            {{-- Data Diri END --}}




                            {{-- DATA CABOR START --}}
                            <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
                                <form class="row"
                                    action="{{ route('userAtlit.update', Crypt::encryptString($atlit->user_id)) }}"
                                    method="POST" enctype="multipart/form-data">
                                    @csrf
                                    @method('put')

                                    <div class="col-lg">
                                        <h3 class="mb-3">Data Cabang Olahraga</h3>
                                        <div class="form-group">
                                            <label for="cabor">Cabang Olahraga</label>
                                            <select id="cabor" 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="pelatih">Nama Pelatih</label>
                                            <select class="form-control selectpicker" name="pelatih_id" id="pelatih"
                                                data-show-subtext="true" data-live-search="true">
                                                <option selected disabled>--Pilih Nama Pelatih--</option>
                                                @foreach ($pelatih as $item)
                                                    <option value="{{ $item->id }}">{{ $item->nama_lengkap }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label for="status_atlet">Status Atlet</label>
                                            <select class="form-control" name="status_atlet" id="status_atlet">
                                                <option selected disabled>--Status Atlet--</option>
                                                <option value="Club">Club</option>
                                                <option value="SKOI">SKOI</option>
                                                <option value="PPLT">PPLT</option>
                                                <option value="PPLD">PPLD</option>
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label for="asal_atlet">Asal Atlet</label>
                                            <input type="text" class="form-control" id="asal_atlet" name="asal_atlet"
                                                placeholder="Masukan Asal Atlet"value="{{ $atlit->asal_atlet }}" required>
                                        </div>
                                        <div class="form-group">
                                            <label for="atlet_lapis">Atlet Lapis</label>
                                            <select class="form-control" name="atlet_lapis" id="atlet_lapis">
                                                <option selected disabled>--Lapis--</option>
                                                <option value="LAPIS 1">LAPIS 1</option>
                                                <option value="LAPIS 2">LAPIS 2</option>
                                                <option value="LAPIS 3">LAPIS 3</option>
                                                <option value="LAPIS 4">LAPIS 4</option>
                                            </select>
                                        </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="{{ $atlit->nama_club }}" required>
                                        </div>
                                        <div class="form-group">
                                            <label for="program_kegiatan">Program Kegiatan</label>
                                            <input type="text" class="form-control" id="program_kegiatan"
                                                name="program_kegiatan"
                                                placeholder="Masukan Program Kegiatan"value="{{ $atlit->program_kegiatan }}"
                                                required>
                                        </div>
                                        <div class="form-group">
                                            <label for="photo">Program Pelatihan Atlet (PPA) (optional)</label>
                                            <input type="file" class="form-control" id="ppa" name="ppa"
                                                placeholder="Masukan ">
                                            <i class="form-group">* file berupa Pdf dan tidak boleh lebih dari 2mb!</i>
                                        </div>
                                        @if (isset($atlit->ppa))
                                            <a href="{{ asset('documents/atlit/' . $atlit->ppa) }}"
                                                class="btn btn-warning" download="{{ $atlit->ppa }}"><i
                                                    class="bi bi-download "></i>
                                                PPA
                                            </a>
                                        @endif
                                        <div class="form-group py-3">
                                            <label for="program_latihan " style="margin-bottom :10px">Program
                                                Latihan</label>
                                            <div>
                                                <input type="checkbox" id="program_latihan1" value="FLEXIBILITY"
                                                    name="program_latihan[]"
                                                    {{ in_array('FLEXIBILITY', $program_latihan) ? 'checked' : '' }}>
                                                <label for="program_latihan1">FLEXIBILITY</label>
                                            </div>
                                            <div>


                                                <input type="checkbox" id="program_latihan2" value="SPEED & QUICKNESS"
                                                    name="program_latihan[]"
                                                    {{ in_array('SPEED & QUICKNESS', $program_latihan) ? 'checked' : '' }}>
                                                <label for="program_latihan2">SPEED & QUICKNESS</label>
                                            </div>
                                            <div>

                                                <input type="checkbox" id="program_latihan3" value="STRENGTH"
                                                    name="program_latihan[]"
                                                    {{ in_array('STRENGTH', $program_latihan) ? 'checked' : '' }}>
                                                <label for="program_latihan3">STRENGTH</label>
                                            </div>
                                            <div>
                                                <input type="checkbox" id="program_latihan4" value="ENDURANCE"
                                                    name="program_latihan[]"
                                                    {{ in_array('ENDURANCE', $program_latihan) ? 'checked' : '' }}>
                                                <label for="program_latihan4">ENDURANCE</label>
                                            </div>





                                        </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="{{ $atlit->alamat_club }}" required>
                                        </div>

                                    </div>
                                    <div class="col-lg">
                                        <h3 class="mb-3">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="{{ $atlit->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="{{ $atlit->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="{{ $atlit->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="{{ $atlit->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="{{ $atlit->size_celana }}" required>
                                        </div>
                                        <div class="form-group">
                                            <label for="size_topi">Size Topi</label>
                                            <input type="text" class="form-control"
                                                id="size_topi"value="{{ $atlit->size_topi }}" name="size_topi"
                                                placeholder="Masukan 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="{{ $atlit->size_training }}" required>
                                        </div>
                                        <div class="">

                                            <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>
                                    </div>





                                    <div class="form-group">

                                        <input type="hidden" class="form-control" id="username" name="username"
                                            placeholder="Masukan Nama Username" value="{{ $atlit->user->username }}"
                                            required>
                                    </div>
                                    <div class="form-group">

                                        <input type="hidden" class="form-control" id="email" name="email"
                                            placeholder="Masukan Nama Email"value="{{ $atlit->user->email }}" required>
                                    </div>




                                    <div class="form-group">
                                        <input type="hidden" value="{{ $atlit->asal_kota }}" id="asal_kota"
                                            name="asal_kota">
                                    </div>
                                    <div class="form-group">
                                        <input type="hidden" class="form-control" id="nama_lengkap" name="nama_lengkap"
                                            placeholder="Masukan Nama Lengkap" value="{{ $atlit->nama_lengkap }}"
                                            required>
                                    </div>
                                    <div class="form-group">
                                        <input type="hidden" class="form-control" id="NIK" name="NIK"
                                            placeholder="Masukan NIK"value="{{ $atlit->NIK }}" maxlength="13" required
                                            pattern="/^-?\d+\.?\d*$/"
                                            onKeyPress="if(this.value.length==16) return false;">
                                    </div>
                                    <div class="form-group">
                                        <input type="hidden" id="jenis_kelamin" name="jenis_kelamin"
                                            value="{{ $atlit->jenis_kelamin }}">
                                    </div>

                                    <div class="form-group">

                                        <input type="hidden" class="form-control" id="umur" name="umur"
                                            placeholder="Masukan Nama Umur"value="{{ $atlit->umur }}" required>
                                    </div>
                                    <div class="form-group">

                                        <input type="hidden" class="form-control"
                                            id="tanggal_lahir"value="{{ $atlit->tanggal_lahir }}"
                                            placeholder="dd/mm/yyyy" name="tanggal_lahir" required>
                                    </div>
                                    <div class="form-group">

                                        <input type="hidden" class="form-control" id="tempat_lahir"
                                            placeholder="Masukan Tempat Lahir"value="{{ $atlit->tempat_lahir }}"
                                            name="tempat_lahir" required>
                                    </div>


                                    <div class="form-group">
                                        <input type="hidden" name="golongan_darah" id="golongan_darah"
                                            value="{{ $atlit->golongan_darah }}">
                                    </div>
                                    <div class="form-group">
                                        <input type="hidden" class="form-control" id="jenjang_pendidikan"
                                            placeholder="Masukan Nama Sekola"
                                            name="jenjang_pendidikan"value="{{ $atlit->jenjang_pendidikan }}" required>
                                    </div>
                                    <div class="form-group">
                                        <input type="hidden" class="form-control" id="nama_sekolah"
                                            placeholder="Masukan Nama Sekolah"
                                            name="nama_sekolah"value="{{ $atlit->nama_sekolah }}" required>
                                    </div>
                                    <div class="form-group">
                                        <input type="hidden" class="form-control" id="alamat_sekolah"
                                            placeholder="Masukan Alamat Sekolah"
                                            name="alamat_sekolah"value="{{ $atlit->alamat_sekolah }}" required>
                                    </div>
                                    <div class="form-group">

                                        <input type="hidden" class="form-control" id="nama_ortu"
                                            placeholder="Masukan Nama Ayah"
                                            name="nama_ortu"value="{{ $atlit->nama_ortu }}" required>
                                        <input type="hidden" class="form-control" id="tinggi_ayah"
                                            name="tinggi_ayah"value="{{ $atlit->tinggi_ayah }}" required>
                                        <input type="hidden" class="form-control" id="nama_ortu_ibu"
                                            placeholder="Masukan Nama Ayah"
                                            name="nama_ortu_ibu"value="{{ $atlit->nama_ortu_ibu }}" required>
                                        <input type="hidden" class="form-control" id="tinggi_ibu"
                                            name="tinggi_ibu"value="{{ $atlit->tinggi_ibu }}" required>
                                    </div>
                                    <div class="form-group">

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

                                        <input type="hidden" class="form-control" id="no_paspor" name="no_paspor"
                                            placeholder="Masukan Nomor Paspor" value="{{ $atlit->no_paspor }}">
                                    </div>
                                    <div class="form-group">

                                        <input type="hidden" class="form-control" id="masa_berlaku" name="masa_berlaku"
                                            placeholder="Masukan Masa Belaku Paspor"value="{{ $atlit->masa_berlaku }}">
                                    </div>

                                    <input type="hidden" class="form-control" id="tempat_terbit" name="tempat_terbit"
                                        placeholder="Masukan Tempat Terbit Paspor"value="{{ $atlit->tempat_terbit }}">

                                    <div class="form-group">

                                        <input type="hidden" class="form-control" id="alamat_domisili"
                                            name="alamat_domisili"
                                            placeholder="Masukan Alamat Domisili"value="{{ $atlit->alamat_domisili }}"
                                            required>
                                    </div>



                                </form>
                            </div>
                            {{-- DATA CABOR END --}}
                        </div>
                    </div>


                </div>
            </div>
        </div>
        </div>
    </section>
    @push('ckEditor')
        {{-- cdn ckeditor --}}
        <script src="{{ url('https://cdn.ckeditor.com/ckeditor5/11.0.1/classic/ckeditor.js') }}"></script>
        {{-- cdn ckeditor --}}
    @endpush
    @push('script-modal')
        <script>
            $(document).ready(function() {
                const pelatih_id = <br />
<b>Warning</b>:  Undefined variable $atlit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/users/atlit/edit.blade.php</b> on line <b>913</b><br />
<br />
<b>Warning</b>:  Attempt to read property "pelatih_id" on null in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/users/atlit/edit.blade.php</b> on line <b>913</b><br />
null;

                $('.form-group #pelatih').val(pelatih_id);


                $('.form-group #cabor').change(function() {
                    var pelatihDropdown = $('#pelatih');
                    var CaborPilihan = $(this).val();
                    jQuery.getScript('https://cdn.jsdelivr.net/npm/sweetalert2@11', function() {

                        Swal.fire({
                            title: 'Cabor telah diubah!',
                            text: 'Ayo pilih kembali Nama Pelatihmu!',
                            icon: 'warning',
                            confirmButtonText: 'OK'
                        });
                    });



                    $.ajax({
                        url: '/get-pelatih/' + CaborPilihan,
                        type: 'GET',
                        success: function(data) {
                            pelatihDropdown.empty();

                            if (data.length > 0) {
                                $.each(data, function(index, pelatih) {
                                    pelatihDropdown.append('<option value="' + pelatih.id +
                                        '">' +
                                        pelatih.nama_lengkap + '</option>');
                                });
                            } else {
                                pelatihDropdown.append(
                                    '<option value="" disabled>Pelatih Tidak Tersedia!</option>'
                                );
                            }

                            pelatihDropdown.selectpicker('refresh');
                        },
                        error: function(error) {
                            console.log(error);
                        }
                    });
                });
            });
        </script>
        <script>
            $(document).ready(function() {

                const golongan_darah = <br />
<b>Warning</b>:  Undefined variable $atlit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/users/atlit/edit.blade.php</b> on line <b>963</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/users/atlit/edit.blade.php</b> on line <b>963</b><br />
null;
                const pendidikan_terakhir = <br />
<b>Warning</b>:  Undefined variable $atlit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/users/atlit/edit.blade.php</b> on line <b>964</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/users/atlit/edit.blade.php</b> on line <b>964</b><br />
null;
                const jenis_kelamin = <br />
<b>Warning</b>:  Undefined variable $atlit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/users/atlit/edit.blade.php</b> on line <b>965</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/users/atlit/edit.blade.php</b> on line <b>965</b><br />
null;
                const status_kawin = <br />
<b>Warning</b>:  Undefined variable $atlit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/users/atlit/edit.blade.php</b> on line <b>966</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/users/atlit/edit.blade.php</b> on line <b>966</b><br />
null;
                const asal_kota = <br />
<b>Warning</b>:  Undefined variable $atlit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/users/atlit/edit.blade.php</b> on line <b>967</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/users/atlit/edit.blade.php</b> on line <b>967</b><br />
null;
                const status_atlet = <br />
<b>Warning</b>:  Undefined variable $atlit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/users/atlit/edit.blade.php</b> on line <b>968</b><br />
<br />
<b>Warning</b>:  Attempt to read property "status_atlet" on null in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/users/atlit/edit.blade.php</b> on line <b>968</b><br />
null;
                const atlet_lapis = <br />
<b>Warning</b>:  Undefined variable $atlit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/users/atlit/edit.blade.php</b> on line <b>969</b><br />
<br />
<b>Warning</b>:  Attempt to read property "atlet_lapis" on null in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/users/atlit/edit.blade.php</b> on line <b>969</b><br />
null;
                const atlet_cabor = <br />
<b>Warning</b>:  Undefined variable $atlit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/users/atlit/edit.blade.php</b> on line <b>970</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/users/atlit/edit.blade.php</b> on line <b>970</b><br />
null;
                const pelatih_id = <br />
<b>Warning</b>:  Undefined variable $atlit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/users/atlit/edit.blade.php</b> on line <b>971</b><br />
<br />
<b>Warning</b>:  Attempt to read property "pelatih_id" on null in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/users/atlit/edit.blade.php</b> on line <b>971</b><br />
null;
                const jenjang_pendidikan = <br />
<b>Warning</b>:  Undefined variable $atlit in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/users/atlit/edit.blade.php</b> on line <b>972</b><br />
<br />
<b>Warning</b>:  Attempt to read property "jenjang_pendidikan" on null in <b>/home/aplikasiposinfo/public_html/dbon.kaltimprov.go.id/resources/views/users/atlit/edit.blade.php</b> on line <b>972</b><br />
null;

                $('.form-group #pelatih_id').val(pelatih_id)
                $('.form-group #golongan_darah').val(golongan_darah)
                $('.form-group #atlet_lapis').val(atlet_lapis)
                $('.form-group #status_atlet').val(status_atlet)
                $('.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').val(atlet_cabor)
                $('.form-group #jenjang_pendidikan').val(jenjang_pendidikan)

            });
        </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