@php($a = $akunAdmin ?? null)
@php($tipe = $a ? $a->role : old('tipe', 'jurusan'))

<div class="mb-3 row">
    <label for="name" class="col-md-3 col-form-label">Nama <span class="text-danger">*</span></label>
    <div class="col-md-9">
        <input type="text" name="name" id="name" class="form-control @error('name') is-invalid @enderror"
            value="{{ old('name', $a->name ?? '') }}" required>
        @error('name')
            <span class="invalid-feedback">{{ $message }}</span>
        @enderror
    </div>
</div>

<div class="mb-3 row">
    <label for="email" class="col-md-3 col-form-label">Email <span class="text-danger">*</span></label>
    <div class="col-md-9">
        <input type="email" name="email" id="email" class="form-control @error('email') is-invalid @enderror"
            value="{{ old('email', $a->email ?? '') }}" required>
        @error('email')
            <span class="invalid-feedback">{{ $message }}</span>
        @enderror
    </div>
</div>

<div class="mb-3 row">
    <label for="tipe" class="col-md-3 col-form-label">Tingkat Akun <span class="text-danger">*</span></label>
    <div class="col-md-9">
        @if ($a)
            <input type="text" class="form-control" value="{{ $tipe === 'prodi' ? 'Admin Prodi' : 'Admin Jurusan' }}" disabled>
            <div class="form-text">Tingkat akun tidak bisa diubah. Buat akun baru bila ingin tingkat yang berbeda.</div>
        @else
            <select name="tipe" id="tipe" class="form-select @error('tipe') is-invalid @enderror" required>
                <option value="jurusan" {{ $tipe === 'jurusan' ? 'selected' : '' }}>Admin Jurusan (cakupan satu jurusan)</option>
                <option value="prodi" {{ $tipe === 'prodi' ? 'selected' : '' }}>Admin Prodi (cakupan satu program studi, hanya lihat)</option>
            </select>
            @error('tipe')
                <span class="invalid-feedback">{{ $message }}</span>
            @enderror
        @endif
    </div>
</div>

<div class="mb-3 row" data-untuk-tipe="jurusan" @if ($tipe !== 'jurusan') style="display:none" @endif>
    <label for="jurusan_id" class="col-md-3 col-form-label">Jurusan <span class="text-danger">*</span></label>
    <div class="col-md-9">
        <select name="jurusan_id" id="jurusan_id" class="form-select @error('jurusan_id') is-invalid @enderror">
            <option value="">-- Pilih Jurusan --</option>
            @foreach ($jurusans as $j)
                <option value="{{ $j->id }}" {{ (string) old('jurusan_id', $a->jurusan_id ?? '') === (string) $j->id ? 'selected' : '' }}>
                    {{ $j->nama }}
                </option>
            @endforeach
        </select>
        @error('jurusan_id')
            <span class="invalid-feedback">{{ $message }}</span>
        @enderror
        <div class="form-text">Akun ini bisa mengelola Data Mahasiswa, Kegiatan, dan Laporan Presensi jurusan ini.</div>
    </div>
</div>

<div class="mb-3 row" data-untuk-tipe="prodi" @if ($tipe !== 'prodi') style="display:none" @endif>
    <label for="prodi_id" class="col-md-3 col-form-label">Program Studi <span class="text-danger">*</span></label>
    <div class="col-md-9">
        <select name="prodi_id" id="prodi_id" class="form-select @error('prodi_id') is-invalid @enderror">
            <option value="">-- Pilih Program Studi --</option>
            @foreach ($programStudis as $p)
                <option value="{{ $p->id }}" {{ (string) old('prodi_id', $a->prodi_id ?? '') === (string) $p->id ? 'selected' : '' }}>
                    {{ $p->nama }} ({{ $p->jurusan->nama ?? '-' }})
                </option>
            @endforeach
        </select>
        @error('prodi_id')
            <span class="invalid-feedback">{{ $message }}</span>
        @enderror
        <div class="form-text">Akun ini hanya bisa <strong>melihat</strong> Data Mahasiswa, Kegiatan, dan Laporan Presensi program studi ini. Kegiatan yang ditampilkan adalah yang mengizinkan prodi ini atau tidak membatasi prodi.</div>
    </div>
</div>

<div class="mb-3 row">
    <label for="password" class="col-md-3 col-form-label">
        Password @unless ($a) <span class="text-danger">*</span> @endunless
    </label>
    <div class="col-md-9">
        <input type="password" name="password" id="password" class="form-control @error('password') is-invalid @enderror"
            autocomplete="new-password" {{ $a ? '' : 'required' }}>
        @error('password')
            <span class="invalid-feedback">{{ $message }}</span>
        @enderror
        @if ($a)
            <div class="form-text">Kosongkan jika tidak ingin mengubah password.</div>
        @endif
    </div>
</div>

@unless ($a)
    <script>
        (function () {
            const tipe = document.getElementById('tipe');
            if (!tipe) return;
            const perbarui = () => {
                document.querySelectorAll('[data-untuk-tipe]').forEach((baris) => {
                    const aktif = baris.dataset.untukTipe === tipe.value;
                    baris.style.display = aktif ? '' : 'none';
                    baris.querySelector('select').disabled = !aktif;
                });
            };
            tipe.addEventListener('change', perbarui);
            perbarui();
        })();
    </script>
@endunless