@extends('layouts.admin')
@section('title', 'Edit Pengguna')
@section('breadcrumb', 'Sistem / Pengguna / Edit')
@section('content')
<div style="max-width:700px;">
<div class="card">
    <div class="card-header">
        <h3><i class="fas fa-user-edit" style="color:var(--sage);margin-right:8px;"></i> Edit Pengguna — {{ $user->name }}</h3>
        <a href="{{ route('admin.users') }}" class="btn btn-outline btn-sm"><i class="fas fa-arrow-left"></i> Kembali</a>
    </div>
    <form method="POST" action="{{ route('admin.users.update', $user) }}">
        @csrf @method('PUT')
        <div class="form-grid form-grid-2">
            <div class="form-group">
                <label>Nama Lengkap <span style="color:var(--danger)">*</span></label>
                <input type="text" name="name" class="form-input {{ $errors->has('name') ? 'error' : '' }}" 
                       value="{{ old('name', $user->name) }}">
                @error('name')<div class="form-error">{{ $message }}</div>@enderror
            </div>
            <div class="form-group">
                <label>Email <span style="color:var(--danger)">*</span></label>
                <input type="email" name="email" class="form-input {{ $errors->has('email') ? 'error' : '' }}" 
                       value="{{ old('email', $user->email) }}">
                @error('email')<div class="form-error">{{ $message }}</div>@enderror
            </div>
            <div class="form-group">
                <label>Nomor Telepon</label>
                <input type="text" name="phone" class="form-input" 
                       value="{{ old('phone', $user->phone) }}">
            </div>
            <div class="form-group">
                <label>Hak Akses (Role) <span style="color:var(--danger)">*</span></label>
                <select name="role" class="form-select">
                    <option value="kasir" {{ old('role', $user->role)=='kasir' ? 'selected' : '' }}>Kasir</option>
                    <option value="admin" {{ old('role', $user->role)=='admin' ? 'selected' : '' }}>Admin</option>
                    <option value="owner" {{ old('role', $user->role)=='owner' ? 'selected' : '' }}>Owner</option>
                </select>
            </div>
            <div class="form-group">
                <label>Status Akun</label>
                <select name="is_active" class="form-select">
                    <option value="1" {{ old('is_active', $user->is_active) ? 'selected' : '' }}>✓ Aktif</option>
                    <option value="0" {{ old('is_active', $user->is_active) ? '' : 'selected' }}>✗ Nonaktif</option>
                </select>
            </div>
            <div style="grid-column: 1 / -1; margin-top: 10px; padding: 15px; background: var(--beige); border-radius: 12px;">
                <h4 style="font-size: 14px; margin-bottom: 5px;"><i class="fas fa-key"></i> Ubah Password</h4>
                <p style="font-size: 12px; color: var(--text-light); margin-bottom: 15px;">Kosongkan jika tidak ingin mengubah password.</p>
                
                <div class="form-grid form-grid-2">
                    <div class="form-group">
                        <label>Password Baru</label>
                        <input type="password" name="password" class="form-input {{ $errors->has('password') ? 'error' : '' }}" 
                               placeholder="Minimal 6 karakter">
                        @error('password')<div class="form-error">{{ $message }}</div>@enderror
                    </div>
                    <div class="form-group">
                        <label>Konfirmasi Password Baru</label>
                        <input type="password" name="password_confirmation" class="form-input" 
                               placeholder="Ulangi password">
                    </div>
                </div>
            </div>
        </div>
        <div class="form-actions">
            <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Perbarui Data</button>
            <a href="{{ route('admin.users') }}" class="btn btn-outline">Batal</a>
        </div>
    </form>
</div>
</div>
@endsection