@if(isset($petuga))
    @method('PUT')
@endif

@push('styles')
<link href=" {{ asset('assets/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css') }} " rel="stylesheet">
@endpush

<div class="mb-3">
    <label class="form-label">Nama Petugas</label>
    <input type="text" name="nama_petugas" class="form-control" required value="{{ old('nama_petugas', @$petuga->nama_petugas) }}" placeholder="Nama Lengkap petugas" />
</div>

<div class="mb-3">
    <label class="form-label">Email</label>
    <input type="text" name="email" class="form-control" required value="{{ old('email', @$petuga->user->email) }}" placeholder="Email" />
</div>
<div class="mb-3">
    <label class="form-label">No.Whatsapp </label>
    <input type="number" name="no_hp" class="form-control" required value="{{ old('no_hp', @$petuga->no_hp) }}" placeholder="No.Whatsapp" />
</div>
<div class="mb-3">
    <label class="form-label">Jenis Kelamin</label>
    <select class="form-select" name="jenis_kelamin" required>
      <option value="">Jenis Kelamin</option>
      <option @if( old('jenis_kelamin', @$petuga->jenis_kelamin) == 'Laki-laki' ) selected @endif value="Laki-laki">Laki-laki</option>
      <option @if( old('jenis_kelamin', @$petuga->jenis_kelamin) == 'Perempuan' ) selected @endif value="Perempuan">Perempuan</option>
    </select>
</div>
<div class="mb-3">
    <label class="form-label">Tanggal Lahir</label>
    <input type="text" name="tanggal_lahir" id="tanggal_lahir" class="form-control" required value="{{ old('tanggal_lahir', (@$petuga->tanggal_lahir) ?? '2000-01-01') }}" placeholder="Tanggal Lahir" />
</div>
<div class="mb-3">
    <label class="form-label">Alamat</label>
    <textarea name="alamat" id="" cols="30" rows="3" class="form-control" required> {{ old('alamat', @$petuga->alamat) }} </textarea>
</div>

{{-- <div class="mb-3">
  <label for="password">Password @if(@$petuga) <i class="text-danger">(kosongkan jika tidak ingin mengubah password)</i> @endif </label>
  <input type="password" name="password" class="form-control" id="password" placeholder="Password" @if(!@$petuga) required @endif>
</div>

<div class="mb-3">
    <label for="c_password">Confirm Password @if(@$petuga) <i class="text-danger">(kosongkan jika tidak ingin mengubah password)</i> @endif </label>
    <input type="password" name="c_password" class="form-control" id="c_password" placeholder="Password" @if(!@$petuga) required @endif>
</div> --}}


<div class="mb-0">
    <div>
        <button type="submit"
            class="btn btn-primary waves-effect waves-light me-1">
            Submit
        </button>
    </div>
</div>

@push('scripts')
    <script src=" {{ asset('assets/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }} "></script>
    <script>
        $(document).ready(function () {
            var tanggal_lahir = $('#tanggal_lahir');

            tanggal_lahir.datepicker({
                format: 'yyyy-mm-dd',
                autoclose: true
            });
        });
    </script>
@endpush