@extends('layouts.master_landing')
@section('content')
<!-- Content wrapper -->
<div class="content-wrapper">
    <!-- Content -->
    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="row">
            <div class="col-md-12">

                <div class="card mb-6">
                    <!-- Account -->
                    <div class="card-body">
                        <div class="d-flex align-items-start align-items-sm-center gap-6">
    @if($peserta->foto && \Storage::exists('public/peserta/' . $peserta->foto))
        <img src="{{ asset('storage/peserta/' . $peserta->foto) }}" alt="user-avatar"
            class="d-block w-px-100 h-px-100 rounded" id="uploadedAvatar" />
    @else
        <img src="{{ asset('assets/img/avatars/1.png') }}" alt="user-avatar"
            class="d-block w-px-100 h-px-100 rounded" id="uploadedAvatar" />
    @endif

    <div class="button-wrapper">
        </div>
</div>
                    </div>
                    <div class="card-body pt-4">
                        <form id="formAccountSettings" method="GET" onsubmit="return false">
                            <div class="row gy-4 gx-6 mb-6">
                                <div class="col-md-6 form-control-validation">
                                    <label for="no_reg" class="form-label">No Register</label>
                                    <input class="form-control" type="text" id="no_reg" name="no_reg" 
                                    readonly value="{{Auth::guard('peserta')->user()->no_reg}}" disabled />
                                </div>
                                <div class="col-md-6">
                                    <label for="nik" class="form-label">NIK</label>
                                    <input class="form-control" type="number" id="nik" name="nik"
                                        readonly value="{{Auth::guard('peserta')->user()->nik}}" disabled/>
                                </div>
                                <div class="col-md-6">
                                    <label for="npwp" class="form-label">NPWP</label>
                                    <input class="form-control" type="number" id="npwp" name="npwp"
                                        readonly value="{{Auth::guard('peserta')->user()->npwp}}" disabled/>
                                </div>
                                <div class="col-md-6 form-control-validation">
                                    <label for="nama" class="form-label">Nama</label>
                                    <input class="form-control" type="text" name="nama" id="nama" readonly value="{{Auth::guard('peserta')->user()->nama}}" disabled />
                                </div>
                                <div class="col-md-6 form-control-validation">
                                    <label for="email" class="form-label">Email</label>
                                    <input class="form-control" type="email" name="email" id="email" readonly value="{{Auth::guard('peserta')->user()->email}}" disabled />
                                </div>
                                <div class="col-md-6">
                                    <label for="jk" class="form-label">Jenis Kelamin</label>
                                    <select name="jk" class="form-control" disabled>
                                        <option value="">-- Pilih Jenis Kelamin --</option>
                                        <option value="L" {{ auth()->guard('peserta')->user()->jk == 'L' ? 'selected' : '' }}>Laki-laki</option>
                                        <option value="P" {{ auth()->guard('peserta')->user()->jk == 'P' ? 'selected' : '' }}>Perempuan</option>
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label" for="golongan_darah">Golongan Darah</label>
                                        <input type="text" id="golongan_darah" name="golongan_darah" class="form-control"
                                            readonly value="{{Auth::guard('peserta')->user()->golongan_darah}}" disabled />
                                </div>
                                <div class="col-md-6">
                                    <label for="tinggi" class="form-label">Tinggi Badan (cm)</label>
                                    <input type="text" class="form-control" id="tinggi" name="tinggi"
                                        readonly value="{{Auth::guard('peserta')->user()->tinggi}}" disabled />
                                </div>
                                <div class="col-md-6">
                                    <label for="berat" class="form-label">Berat Badan (kg)</label>
                                    <input class="form-control" type="text" id="berat" name="berat"
                                        readonly value="{{Auth::guard('peserta')->user()->berat}}" disabled />
                                </div>
                                <div class="col-md-6">
                                    <label for="tempat_lahir" class="form-label">Tempat Lahir</label>
                                    <input type="text" class="form-control" id="tempat_lahir" name="tempat_lahir"
                                        readonly value="{{Auth::guard('peserta')->user()->tempat_lahir}}" disabled />
                                </div>
                                <div class="col-md-6">
                                    <label for="tanggal_lahir" class="form-label">Tanggal Lahir</label>
                                    <input type="date" class="form-control" id="tanggal_lahir" name="tanggal_lahir"
                                        readonly value="{{Auth::guard('peserta')->user()->tanggal_lahir}}" disabled />
                                </div>
                                <div class="col-md-6">
    <label for="no_tlp" class="form-label">No Handphone</label>
    <div class="input-group">
        <span class="input-group-text" id="addon-phone">+62</span>
        <input type="text" class="form-control" id="no_tlp" name="no_tlp" value="{{ preg_replace('/^(\+62|62|0)/', '', Auth::guard('peserta')->user()->no_tlp) }}" disabled />
    </div>
</div>
                                <div class="col-md-6">
                                    <label for="pendidikan_terakir" class="form-label">Pendidikan Terakhir</label>
                                    <input type="text" class="form-control" id="pendidikan_terakir" name="pendidikan_terakir"
                                        readonly value="{{Auth::guard('peserta')->user()->pendidikan_terakir}}" disabled />
                                </div>
                                {{-- <div class="col-md-6">
                                    <label for="type" class="form-label">Tipe Pelatihan</label>
                                    <input type="text" class="form-control" id="type" name="type"
                                        readonly value="{{Auth::guard('peserta')->user()->type}}" disabled />
                                </div>
                                <div class="col-md-6">
                                    <label for="kantor" class="form-label">Kantor</label>
                                    <input type="text" class="form-control" id="kantor" name="kantor"
                                        readonly value="{{Auth::guard('peserta')->user()->kantor}}" disabled />
                                </div>
                                <div class="col-md-6">
                                    <label for="perusahaan" class="form-label">Perusahaan</label>
                                    <input type="text" class="form-control" id="perusahaan" name="perusahaan"
                                        readonly value="{{Auth::guard('peserta')->user()->perusahaan}}" disabled />
                                </div>
                                <div class="col-md-6">
                                    <label for="tempat_tugas" class="form-label">Tempat Tugas</label>
                                    <input type="text" class="form-control" id="tempat_tugas" name="tempat_tugas"
                                        readonly value="{{Auth::guard('peserta')->user()->tempat_tugas}}" disabled />
                                </div>
                                <div class="col-md-6">
                                    <label for="jenjang_pelatihan" class="form-label">Jenjang Pelatihan</label>
                                    <input type="text" class="form-control" id="jenjang_pelatihan" name="jenjang_pelatihan"
                                        readonly value="{{Auth::guard('peserta')->user()->jenjang_pelatihan}}" disabled />
                                </div> --}}
                                <div class="col-md-6">
                                    <label for="alamat" class="form-label">Alamat</label>
                                    <input type="textarea" class="form-control" id="alamat" name="alamat"
                                        readonly value="{{Auth::guard('peserta')->user()->alamat}}" disabled />
                                </div>
                            </div>
                            <div class="mt-2">
                                <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#editUser">Lengkapi Data</button>
                            </div>
                        </form>
                    </div>
                    <!-- /Account -->
                </div>

            </div>
        </div>
    </div>
    <!-- / Content -->


    <div class="content-backdrop fade"></div>
</div>
<!-- Content wrapper -->

<!-- MODAL -->
<div class="modal fade" id="editUser" tabindex="-1" aria-hidden="true">
                <div class="modal-dialog modal-lg modal-simple modal-edit-user">
                  <div class="modal-content">
                    <div class="modal-body">
                      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                      <div class="text-center mb-6">
                        <h4 class="mb-2">Kelengkapan Informasi Peserta</h4>
                        <p>Dimohon untuk melengkapi informasi peserta!</p>
                      </div>
                        <form action="{{ route('peserta.update') }}" class="row g-6" id="formEditPeserta" method="POST" enctype="multipart/form-data">
                        @csrf
                                <div class="col-md-6 form-control-validation">
                                    <label for="no_reg" class="form-label">No Register</label>
                                    <input class="form-control" type="text" id="no_reg" name="no_reg" 
                                    value="{{ $peserta->no_reg }}" required />
                                </div>
                                <div class="col-md-6">
                                    <label for="fotoFile" class="form-label">Foto</label>
                                    <input class="form-control" type="file" id="fotoFile" name="foto" accept="image/png, image/jpeg, image/jpg" />
                                    <small class="text-muted text-xs">Biarkan kosong jika tidak ingin mengubah foto (Format: JPG, PNG. Maks: 2MB)</small>
                                    @error('foto')
                                        <div class="text-danger mt-1" style="font-size: 0.8rem;">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6">
                                    <label for="nik" class="form-label">NIK</label>
                                    <input class="form-control" type="number" id="nik" name="nik"
                                    value="{{ $peserta->nik }}" required/>
                                </div>
                                <div class="col-md-6">
                                    <label for="no_tlp" class="form-label">No Handphone</label>
                                    <div class="input-group">
                                        <span class="input-group-text" id="addon-phone">+62</span>
                                        <input type="text" class="form-control" id="no_tlp" name="no_tlp" value="{{ preg_replace('/^(\+62|62|0)/', '', Auth::guard('peserta')->user()->no_tlp) }}" required />
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <label for="npwp" class="form-label">NPWP</label>
                                    <input class="form-control" type="number" id="npwp" name="npwp"
                                    value="{{ $peserta->npwp }}" required/>
                                </div>
                                <div class="col-md-6 form-control-validation">
                                    <label for="nama" class="form-label">Nama</label>
                                    <input class="form-control" type="text" name="nama" id="nama" 
                                    value="{{ $peserta->nama }}" required/>
                                </div>
                                <div class="col-md-6 form-control-validation">
                                    <label for="email" class="form-label">Email</label>
                                    <input class="form-control" type="email" name="email" id="email" 
                                    value="{{ $peserta->email }}" required disabled/>
                                </div>
                                <div class="col-md-6">
                                    <label for="jk" class="form-label">Jenis Kelamin</label>
                                    <select name="jk" class="form-control" required>
                                        <option value="">-- Pilih Jenis Kelamin --</option>
                                        <option value="L" {{ auth()->guard('peserta')->user()->jk == 'L' ? 'selected' : '' }}>Laki-laki</option>
                                        <option value="P" {{ auth()->guard('peserta')->user()->jk == 'P' ? 'selected' : '' }}>Perempuan</option>
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label" for="golongan_darah">Golongan Darah</label>
                                        <input type="text" id="golongan_darah" name="golongan_darah" class="form-control"
                                        value="{{ $peserta->golongan_darah }}" required />
                                </div>
                                <div class="col-md-6">
                                    <label for="tinggi" class="form-label">Tinggi Badan (cm)</label>
                                    <input type="text" class="form-control" id="tinggi" name="tinggi"
                                    value="{{ $peserta->tinggi }}" required />
                                </div>
                                <div class="col-md-6">
                                    <label for="berat" class="form-label">Berat Badan (kg)</label>
                                    <input class="form-control" type="text" id="berat" name="berat"
                                    value="{{ $peserta->berat }}" required />
                                </div>
                                <div class="col-md-6">
                                    <label for="tempat_lahir" class="form-label">Tempat Lahir</label>
                                    <input type="text" class="form-control" id="tempat_lahir" name="tempat_lahir"
                                    value="{{ $peserta->tempat_lahir }}" required />
                                </div>
                                <div class="col-md-6">
                                    <label for="tanggal_lahir" class="form-label">Tanggal Lahir</label>
                                    <input type="date" class="form-control" id="tanggal_lahir" name="tanggal_lahir"
                                    value="{{ $peserta->tanggal_lahir }}" required />
                                </div>
                                <div class="col-md-6">
                                    <label for="pendidikan_terakir" class="form-label">Pendidikan Terakhir</label>
                                    <select name="pendidikan_terakir" class="form-control" required>
                                        <option value="">-- Pilih Pendidikan Terakhir --</option>
                                        <option value="SD" {{ auth()->guard('peserta')->user()->pendidikan_terakir == 'SD' ? 'selected' : '' }}>SD/Sederajat</option>
                                        <option value="SMP" {{ auth()->guard('peserta')->user()->pendidikan_terakir == 'SMP' ? 'selected' : '' }}>SMP/Sederajat</option>
                                        <option value="SMA" {{ auth()->guard('peserta')->user()->pendidikan_terakir == 'SMA' ? 'selected' : '' }}>SMA/Sederajat</option>
                                        <option value="Diploma" {{ auth()->guard('peserta')->user()->pendidikan_terakir == 'Diploma' ? 'selected' : '' }}>Diploma/Sederajat</option>
                                        <option value="Sarjana" {{ auth()->guard('peserta')->user()->pendidikan_terakir == 'Sarjana' ? 'selected' : '' }}>Sarjana/Sederajat (S1)</option>
                                        <option value="Magister" {{ auth()->guard('peserta')->user()->pendidikan_terakir == 'Magister' ? 'selected' : '' }}>Magister/Sederajat (S2)</option>
                                    </select>
                                </div>
                                {{-- <div class="col-md-6">
                                    <label for="type" class="form-label">Tipe Pelatihan</label>
                                    <input type="text" class="form-control" id="type" name="type"
                                    value="{{ $peserta->type }}" required />
                                </div>
                                <div class="col-md-6">
                                    <label for="kantor" class="form-label">Kantor</label>
                                    <input type="text" class="form-control" id="kantor" name="kantor"
                                    value="{{ $peserta->kantor }}" required />
                                </div>
                                <div class="col-md-6">
                                    <label for="perusahaan" class="form-label">Perusahaan</label>
                                    <input type="text" class="form-control" id="perusahaan" name="perusahaan"
                                    value="{{ $peserta->perusahaan }}" required />
                                </div>
                                <div class="col-md-6">
                                    <label for="tempat_tugas" class="form-label">Tempat Tugas</label>
                                    <input type="text" class="form-control" id="tempat_tugas" name="tempat_tugas"
                                    value="{{ $peserta->tempat_tugas }}" required />
                                </div>
                                <div class="col-md-6">
                                    <label for="jenjang_pelatihan" class="form-label">Jenjang Pelatihan</label>
                                    <input type="text" class="form-control" id="jenjang_pelatihan" name="jenjang_pelatihan"
                                    value="{{ $peserta->jenjang_pelatihan }}" required />
                                </div> --}}
                                <div class="col-md-6">
                                    <label for="alamat" class="form-label">Alamat</label>
                                    <textarea class="form-control" id="alamat" name="alamat" required>{{ $peserta->alamat }}</textarea>
                                </div>
                            <div class="col-12 text-center">
                                <button type="submit" form="formEditPeserta" class="btn btn-primary me-3">Submit</button>
                                <button
                                    type="reset"
                                    class="btn btn-label-secondary"
                                    data-bs-dismiss="modal"
                                    aria-label="Close">
                                    Cancel
                                </button>
                            </div>
                        </form>
                    </div>
                  </div>
                </div>
              </div>
@endsection