@extends('layouts.app')

@section('judul', $pengguna->exists ? 'Ubah Pengguna' : 'Tambah Pengguna')
@section('subjudul', $pengguna->exists ? $pengguna->nama.' · '.$pengguna->username : 'Password sementara dibuat otomatis dan wajib diganti saat login pertama')

@section('aksi-header')
    <a href="{{ route('pengguna.index') }}" class="btn btn-outline-secondary"><i class="fas fa-arrow-left mr-1"></i> Daftar</a>
    @if ($pengguna->exists)
        <x-form-aksi :action="route('pengguna.reset-password', $pengguna)" label="Reset Password" ikon="fa-key" warna="gold"
                     judul="Reset password {{ $pengguna->nama }}?" pesan="Sistem membuat password sementara dan mengakhiri sesi login pengguna ini. Pengguna wajib menggantinya saat login."
                     tombol-konfirmasi="Ya, reset" />
        @unless ($pengguna->is(auth()->user()))
            <x-form-aksi :action="route('pengguna.aktif', $pengguna)" :label="$pengguna->aktif ? 'Nonaktifkan' : 'Aktifkan'"
                         :ikon="$pengguna->aktif ? 'fa-user-slash' : 'fa-user-check'" :warna="$pengguna->aktif ? 'outline-danger' : 'success'"
                         :judul="$pengguna->aktif ? 'Nonaktifkan pengguna?' : 'Aktifkan pengguna?'"
                         :pesan="$pengguna->aktif ? 'Pengguna tidak dapat login dan sesi login-nya diakhiri. Data dan riwayatnya tetap tersimpan.' : 'Pengguna dapat login kembali.'"
                         :tombol-konfirmasi="$pengguna->aktif ? 'Ya, nonaktifkan' : 'Ya, aktifkan'" />
        @endunless
    @endif
@endsection

@section('konten')
    @if (session('password_sementara'))
        <div class="alert alert-warning">
            <div class="d-flex flex-wrap align-items-center" style="gap:.75rem">
                <i class="fas fa-key fa-lg"></i>
                <div class="flex-grow-1">
                    <div class="fw-semibold">Password sementara untuk <b>{{ $pengguna->username }}</b></div>
                    <div class="small">Hanya ditampilkan sekali. Sampaikan langsung kepada pengguna; pengguna wajib menggantinya saat login.</div>
                </div>
                <code id="password-sementara" class="px-3 py-2 bg-white rounded border" style="font-size:1.1rem;letter-spacing:.05em">{{ session('password_sementara') }}</code>
                <button type="button" class="btn btn-sm btn-outline-dark" id="salin-password"><i class="far fa-copy mr-1"></i> Salin</button>
            </div>
        </div>
    @endif

    <form method="POST" action="{{ $pengguna->exists ? route('pengguna.update', $pengguna) : route('pengguna.store') }}" class="form-validasi">
        @csrf
        @if ($pengguna->exists) @method('PUT') @endif
        <div class="row">
            <div class="col-lg-7">
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h3 class="card-title"><i class="far fa-id-card mr-1"></i> Identitas</h3>
                        @if ($pengguna->exists)
                            {!! $pengguna->aktif ? '<span class="badge badge-lembut-success">Aktif</span>' : '<span class="badge badge-lembut-secondary">Nonaktif</span>' !!}
                        @endif
                    </div>
                    <div class="card-body">
                        <div class="form-group">
                            <label for="nama">Nama lengkap <span class="wajib">*</span></label>
                            <input type="text" id="nama" name="nama" maxlength="150" required value="{{ old('nama', $pengguna->nama) }}"
                                   class="form-control @error('nama') is-invalid @enderror">
                            @error('nama')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label for="username">Username <span class="wajib">*</span></label>
                                <input type="text" id="username" name="username" maxlength="50" required autocomplete="off" value="{{ old('username', $pengguna->username) }}"
                                       class="form-control @error('username') is-invalid @enderror" placeholder="mis. kabid.pendidikan">
                                @error('username')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="form-group col-md-6">
                                <label for="email">Email <span class="wajib">*</span></label>
                                <input type="email" id="email" name="email" maxlength="150" required value="{{ old('email', $pengguna->email) }}"
                                       class="form-control @error('email') is-invalid @enderror">
                                @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label for="id_unit">Unit kerja <span class="wajib">*</span></label>
                                <select id="id_unit" name="id_unit" required class="custom-select @error('id_unit') is-invalid @enderror">
                                    <option value="">— Pilih unit kerja —</option>
                                    @foreach ($daftarUnit as $u)
                                        <option value="{{ $u->id }}" @selected(old('id_unit', $pengguna->id_unit) == $u->id)>{{ $u->nama_unit }}</option>
                                    @endforeach
                                </select>
                                @error('id_unit')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="form-group col-md-6">
                                <label for="id_jabatan">Jabatan</label>
                                <select id="id_jabatan" name="id_jabatan" class="custom-select @error('id_jabatan') is-invalid @enderror">
                                    <option value="">— Tanpa jabatan —</option>
                                    @foreach ($daftarJabatan as $j)
                                        <option value="{{ $j->id }}" @selected(old('id_jabatan', $pengguna->id_jabatan) == $j->id)>{{ $j->nama_jabatan }}</option>
                                    @endforeach
                                </select>
                                @error('id_jabatan')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                <small class="form-text teks-redup">Menentukan siapa yang dapat menerima disposisi lanjutan di unit kerja yang sama.</small>
                            </div>
                        </div>
                        <div class="form-group mb-0">
                            <label for="telepon">Telepon</label>
                            <input type="text" id="telepon" name="telepon" maxlength="30" value="{{ old('telepon', $pengguna->telepon) }}"
                                   class="form-control @error('telepon') is-invalid @enderror">
                            @error('telepon')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-5">
                <div class="card">
                    <div class="card-header"><h3 class="card-title"><i class="fas fa-user-shield mr-1"></i> Role <span class="wajib text-danger">*</span></h3></div>
                    <div class="card-body pb-2">
                        @php($roleTerpilih = array_map('intval', old('roles', $pengguna->exists ? $pengguna->roles->pluck('id')->all() : [])))
                        @foreach ($daftarRole as $r)
                            <div class="custom-control custom-checkbox mb-2">
                                <input type="checkbox" class="custom-control-input" id="role-{{ $r->id }}" name="roles[]" value="{{ $r->id }}" @checked(in_array($r->id, $roleTerpilih))>
                                <label class="custom-control-label" for="role-{{ $r->id }}">{{ $r->nama_role }}
                                    <span class="d-block small teks-redup font-weight-normal">{{ $r->keterangan }}</span></label>
                            </div>
                        @endforeach
                        @error('roles')<div class="text-danger small">{{ $message }}</div>@enderror
                    </div>
                </div>

                @if ($pengguna->exists)
                    <div class="card">
                        <div class="card-body small">
                            <dl class="daftar-info mb-0">
                                <dt>Login terakhir</dt><dd>{{ $pengguna->terakhir_login?->translatedFormat('d M Y H:i') ?? 'Belum pernah' }}{{ $pengguna->terakhir_login_ip ? ' · '.$pengguna->terakhir_login_ip : '' }}</dd>
                                <dt>Password</dt><dd class="mb-0">{{ $pengguna->wajib_ganti_password ? 'Masih password sementara' : ($pengguna->password_diubah_at ? 'Diganti '.$pengguna->password_diubah_at->translatedFormat('d M Y H:i') : '—') }}</dd>
                            </dl>
                        </div>
                    </div>
                @endif
            </div>
        </div>

        <div class="card">
            <div class="card-body d-flex justify-content-between align-items-center flex-wrap" style="gap:.5rem">
                <small class="teks-redup"><i class="fas fa-circle-info mr-1"></i> Pengguna tidak dihapus agar riwayat naskah tetap utuh; nonaktifkan bila tidak lagi bertugas.</small>
                <button type="submit" class="btn btn-primary"><i class="fas fa-floppy-disk mr-1"></i> {{ $pengguna->exists ? 'Simpan perubahan' : 'Simpan & buat password sementara' }}</button>
            </div>
        </div>
    </form>
@endsection

@push('js')
<script>
$('#salin-password').on('click', function () {
    navigator.clipboard?.writeText($('#password-sementara').text().trim()).then(() => SIMSURAT.toast('Password sementara disalin.'));
});
</script>
@endpush