{{-- EDIT --}}
<div class="modal fade" id="modaledit" aria-labelledby="exampleModalLabel" >
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Edit Data {{ $title }}</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <form class="form" id="formedit" action="" enctype="multipart/form-data" method="POST">
        @csrf
        <div class="modal-body">
          <div class="row">
            <div class="col-md-6">
              <label class="form-label">Role Akses <span style="color: red;">*</span></label>
              <input type="hidden" name="id" id="user_id" class="form-control">
              <select class="form-control" name="role_access" id="role_access" required>
                <option value="" disabled>--Pilih Role Akses--</option>
                @foreach ($role as $r)
                  <option value="{{ $r->id }}">{{ $r->role_access }}</option>
                @endforeach
              </select>
            </div>
          </div>
          <label class="form-label mt-3">Jenis Kelamin <span style="color: red;">*</span></label>
          <select class="form-control" name="sex" id="sex" required>
            <option value="" disabled>--Pilih Jenis Kelamin--</option>
            <option value="1">Laki-laki</option>
            <option value="2">Perempuan</option>
          </select>
          <label class="form-label mt-3">Nama Lengkap <span style="color: red;">*</span></label>
          <input type="text" class="form-control" name="nama_lengkap" id="name" placeholder="Nama Lengkap" required>
          <label class="form-label mt-3">Email / Username <span style="color: red;">*</span></label>
          <input type="text" class="form-control" name="email" id="email" placeholder="Email / Username" required>
        </div>
        <div class="modal-footer">
          <button type="submit" class="btn btn-primary btn-sm">Simpan</button>
        </div>
      </form>
    </div>
  </div>
</div>

{{-- CHANGE PASSWORD --}}
<div class="modal fade" id="modalpassword" aria-labelledby="exampleModalLabel" >
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Edit Data Password</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <form action="{{ route('sistem-user-password-edit') }}" method="POST">
          @csrf
          <div class="col-sm-12">
            <label class="form-label">Password Lama</label>
            <div class="input-group">
              <input type="password" class="form-control" name="current_password" id="current_password" placeholder="Masukkan password lama"  autofocus>
              <span class="input-group-text" onclick="togglePasswordVisibility('current_password', 'toggleCurrentPassword')">
                <i class="fa fa-eye" id="toggleCurrentPassword"></i>
              </span>
            </div>
          </div>
          <div class="col-sm-12">
            <label class="form-label mt-3">Password Baru</label>
            <div class="input-group">
              <input type="password" class="form-control" name="new_password" id="new_password" placeholder="Masukkan password baru" >
              <span class="input-group-text" onclick="togglePasswordVisibility('new_password', 'toggleNewPassword')">
                <i class="fa fa-eye" id="toggleNewPassword"></i>
              </span>
            </div>
          </div>
          <div class="col-sm-12">
            <label class="form-label mt-3">Konfirmasi Password Baru</label>
            <div class="input-group">
              <input type="password" class="form-control" name="new_password_confirmation" id="new_password_confirmation" placeholder="Konfirmasi password baru" >
              <span class="input-group-text" onclick="togglePasswordVisibility('new_password_confirmation', 'toggleNewPasswordConfirmation')">
                <i class="fa fa-eye" id="toggleNewPasswordConfirmation"></i>
              </span>
            </div>
          </div>
          <hr>
          <button type="submit" class="btn btn-sm btn-primary">Simpan</button>
        </form>
      </div>
    </div>
  </div>
</div>

{{-- UBAH FOTO --}}
<div class="modal fade" id="modalfoto" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <form action="{{ route('sistem-user-ubahfoto') }}" enctype="multipart/form-data" method="POST">
        @csrf
        <div class="modal-header">
          <strong>UBAH FOTO PROFIL</strong>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <label>Pilih berkas :</label>
          <input type="file" name="photo" class="form-control form-control-sm mt-1">
          <p class="mt-1" style="font-size: 10px; color: red">Ukuran gambar maksimum: 512KB</p>
        </div>
        <div class="modal-footer">
          <button type="submit" class="btn btn-warning btn-sm">
            <i class='pli-cloud-upload'></i>Simpan
          </button>
        </div>
      </form>
    </div>
  </div>
</div>