@php $user = $user ?? null; @endphp

<div class="form-grid form-grid--single">
    <div class="field">
        <label for="name">Nama Lengkap</label>
        <input type="text" id="name" name="name" value="{{ old('name', $user->name ?? '') }}">
        @error('name')<p class="field-error">{{ $message }}</p>@enderror
    </div>

    <div class="field">
        <label for="email">Email</label>
        <input type="email" id="email" name="email" value="{{ old('email', $user->email ?? '') }}">
        @error('email')<p class="field-error">{{ $message }}</p>@enderror
    </div>

    <div class="field">
        <label for="password">{{ $user ? 'Password Baru' : 'Password' }}</label>
        <input type="password" id="password" name="password" placeholder="{{ $user ? 'Kosongkan jika tidak diubah' : 'Minimal 8 karakter' }}" autocomplete="new-password">
        @error('password')<p class="field-error">{{ $message }}</p>@enderror
    </div>

    <div class="field">
        <label for="phone">Telepon</label>
        <input type="text" id="phone" name="phone" value="{{ old('phone', $user->phone ?? '') }}" placeholder="08xxxxxxxxxx">
        @error('phone')<p class="field-error">{{ $message }}</p>@enderror
    </div>

    <div class="field">
        <label for="role_id">Role</label>
        <select id="role_id" name="role_id">
            <option value="">Pilih Role</option>
            @foreach ($roles as $role)
                <option value="{{ $role->id }}" @selected(old('role_id', $user->role_id ?? '') == $role->id)>{{ $role->nama }}</option>
            @endforeach
        </select>
        @error('role_id')<p class="field-error">{{ $message }}</p>@enderror
    </div>

    <div class="field">
        <label for="status">Status</label>
        <select id="status" name="status">
            <option value="Aktif" @selected(old('status', $user->status ?? 'Aktif') === 'Aktif')>Aktif</option>
            <option value="Nonaktif" @selected(old('status', $user->status ?? '') === 'Nonaktif')>Nonaktif</option>
        </select>
        @error('status')<p class="field-error">{{ $message }}</p>@enderror
    </div>
</div>

<div class="form-actions">
    <button type="submit" class="btn">
        <i data-lucide="check"></i>
        <span>Simpan</span>
    </button>
    <a href="{{ route('user.index') }}" class="btn btn--ghost">Batal</a>
</div>