@php $u = $user ?? null; @endphp
<div class="row g-3">
    <div class="col-md-6"><label class="form-label text-xs">Name *</label><input name="name" value="{{ old('name', $u->name ?? '') }}" class="form-control form-control-sm" required></div>
    <div class="col-md-6"><label class="form-label text-xs">Email *</label><input type="email" name="email" value="{{ old('email', $u->email ?? '') }}" class="form-control form-control-sm" required></div>
    <div class="col-md-6"><label class="form-label text-xs">Password {{ $u ? '(leave blank to keep)' : '*' }}</label><input type="password" name="password" class="form-control form-control-sm" {{ $u ? '' : 'required' }}></div>
    <div class="col-md-6"><label class="form-label text-xs">Role *</label>
        <select name="role" id="role-select" class="form-select form-select-sm" required>
            @foreach(['admin','finance','supervisor','staff'] as $r)
                <option value="{{ $r }}" @selected(old('role', $u?->getRoleNames()->first())===$r)>{{ ucfirst($r) }}</option>
            @endforeach
        </select></div>
    <div class="col-md-12" id="staff-link">
        <label class="form-label text-xs">Linked Staff (for staff role)</label>
        <select name="staff_id" class="form-select form-select-sm">
            <option value="">—</option>
            @foreach($staffList as $s)<option value="{{ $s->id }}" @selected(old('staff_id', $u->staff_id ?? '')==$s->id)>{{ $s->name }} ({{ $s->passport_no }})</option>@endforeach
        </select>
    </div>
</div>
@push('scripts')
<script>
    const rs = document.getElementById('role-select'), sl = document.getElementById('staff-link');
    function toggle(){ sl.style.display = rs.value === 'staff' ? 'block' : 'none'; }
    rs.addEventListener('change', toggle); toggle();
</script>
@endpush