@extends(auth()->user()->isSuperAdmin() ? 'layout.super_admin' : 'layout.admin')
@section('content')

  <main id="main" class="main">

    <div class="pagetitle">
      <h1>Edit Akun Pengguna</h1>
      <nav>
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="/dashboard">Home</a></li>
          <li class="breadcrumb-item">Manajemen Akun</li>
          <li class="breadcrumb-item active">Edit Akun</li>
        </ol>
      </nav>
    </div><!-- End Page Title -->

    <section class="section">
      <div class="row justify-content-center">
        <div class="col-lg-8">

          <style>
            .premium-edit-card {
              border: none;
              border-radius: 16px;
              box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
              border-top: 4px solid #435ebe;
              background: #ffffff;
            }
            .form-label-premium {
              font-weight: 600;
              font-size: 12px;
              color: #344054;
              margin-bottom: 6px;
              display: block;
              text-transform: uppercase;
              letter-spacing: 0.5px;
            }
            .form-control-premium {
              border: 1px solid #d0d5dd;
              border-radius: 10px;
              padding: 10px 16px;
              font-size: 14px;
              color: #1d2939;
              background-color: #ffffff;
              transition: border-color 0.2s, box-shadow 0.2s;
            }
            .form-control-premium:focus {
              outline: none;
              border-color: #435ebe;
              box-shadow: 0 0 0 4px rgba(67, 94, 190, 0.15);
              background-color: #ffffff;
            }
            .form-select-premium {
              border: 1px solid #d0d5dd;
              border-radius: 10px;
              padding: 10px 16px;
              font-size: 14px;
              color: #1d2939;
              background-color: #ffffff;
              transition: border-color 0.2s, box-shadow 0.2s;
            }
            .form-select-premium:focus {
              outline: none;
              border-color: #435ebe;
              box-shadow: 0 0 0 4px rgba(67, 94, 190, 0.15);
            }
            .btn-pill {
              border-radius: 50px;
              font-weight: 600;
              font-size: 13px;
              padding: 10px 28px;
              transition: all 0.2s;
            }
            .btn-pill:hover {
              transform: translateY(-1px);
            }
          </style>

          <div class="card premium-edit-card">
            <div class="card-body p-5">
              <h5 class="card-title text-center mb-4 text-dark font-weight-bold">Form Edit Akun (Role: {{ ucfirst($user->role) }})</h5>

              @if($errors->any())
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                  <ul class="mb-0">
                    @foreach($errors->all() as $error)
                      <li>{{ $error }}</li>
                    @endforeach
                  </ul>
                  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
              @endif

              <form class="row g-4" action="{{ auth()->user()->isSuperAdmin() ? route('super.account-edit-post', $user->id) : route('account-edit-post', $user->id) }}" method="POST">
                @csrf
                @method('PUT')
                
                <div class="col-md-6">
                  <label for="nama" class="form-label-premium">Nama Lengkap</label>
                  <input type="text" name="nama" class="form-control form-control-premium w-100" id="nama" required value="{{ old('nama', $user->calon_mahasiswa->nama ?? $user->assessor->nama ?? $user->admin->nama ?? $user->super_admin->nama ?? '') }}" placeholder="Masukkan Nama Lengkap">
                </div>

                <div class="col-md-6">
                  <label for="email" class="form-label-premium">Alamat Email</label>
                  <input type="email" name="email" class="form-control form-control-premium w-100" id="email" required value="{{ old('email', $user->email) }}" placeholder="name@example.com">
                </div>

                <div class="col-md-6">
                  <label for="username" class="form-label-premium">Username</label>
                  <input type="text" name="username" class="form-control form-control-premium w-100" id="username" required value="{{ old('username', $user->username) }}" placeholder="Masukkan Username">
                </div>

                <div class="col-md-6">
                  <label for="yourPassword" class="form-label-premium">Password Baru</label>
                  <input type="password" name="password" class="form-control form-control-premium w-100" id="yourPassword" placeholder="Kosongkan jika tidak diganti">
                  <small class="text-muted">Isi jika ingin mengganti password akun ini.</small>
                </div>

                @if($user->role !== 'super_admin')
                <div class="col-md-6">
                  <label for="jurusan_id" class="form-label-premium">Program Studi / Jurusan</label>
                  <select class="form-select form-select-premium w-100" name="jurusan_id" id="jurusan_id" {{ auth()->user()->isSuperAdmin() ? '' : 'disabled' }}>
                      @foreach($jurusans as $jurusan)
                          <option value="{{ $jurusan->id }}" {{ old('jurusan_id', $user->calon_mahasiswa->jurusan_id ?? $user->assessor->jurusan_id ?? $user->admin->jurusan_id ?? '') == $jurusan->id ? 'selected' : '' }}>{{ $jurusan->nama_jurusan }}</option>
                      @endforeach
                  </select>
                  @if(!auth()->user()->isSuperAdmin())
                    <input type="hidden" name="jurusan_id" value="{{ $user->calon_mahasiswa->jurusan_id ?? $user->assessor->jurusan_id ?? $user->admin->jurusan_id ?? '' }}">
                  @endif
                </div>
                @endif

                @if($user->role === 'pendaftar' || $user->role === 'camaba')
                <div class="col-md-6">
                  <label for="periode_id" class="form-label-premium">Periode Akademik</label>
                  <select class="form-select form-select-premium w-100" name="periode_id" id="periode_id" required>
                      <option value="">Pilih Periode</option>
                      @foreach($periodes as $periode)
                          <option value="{{ $periode->id }}" {{ old('periode_id', $user->calon_mahasiswa->periode_id ?? '') == $periode->id ? 'selected' : '' }}>{{ $periode->tahun_ajaran }}</option>
                      @endforeach
                  </select>
                </div>
                @endif

                <!-- Confirmation Modal Trigger Button -->
                <div class="col-12 d-flex justify-content-end gap-2 mt-5">
                  <button type="button" class="btn btn-primary btn-pill shadow-sm" data-bs-toggle="modal" data-bs-target="#confirmEditModal">Simpan Perubahan</button>
                  <a href="javascript:history.back()" class="btn btn-outline-secondary btn-pill">Batal</a>
                </div>

                <!-- Modal -->
                <div class="modal fade" id="confirmEditModal" tabindex="-1" role="dialog" aria-labelledby="confirmEditModalTitle" aria-hidden="true">
                  <div class="modal-dialog modal-dialog-centered" role="document">
                      <div class="modal-content border-0 shadow">
                      <div class="modal-header bg-primary text-white">
                          <h5 class="modal-title font-weight-bold" id="confirmEditModalTitle"><i class="bi bi-question-circle me-2"></i>Konfirmasi</h5>
                          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                      </div>
                      <div class="modal-body text-dark py-4">
                          Apakah Anda yakin ingin menyimpan perubahan pada akun ini?
                      </div>
                      <div class="modal-footer bg-light">
                          <button type="button" class="btn btn-secondary btn-pill" data-bs-dismiss="modal">Batal</button>
                          <button type="submit" class="btn btn-primary btn-pill">Ya, Simpan</button>
                      </div>
                      </div>
                  </div>
                </div>

              </form>

            </div>
          </div>

        </div>
      </div>
    </section>

  </main><!-- End #main -->
@endsection