@extends('admin.layouts.main')
@section('title','Edit Anggota: ' . $user->name)

@section('content')
<div class="page-header d-flex align-items-center justify-content-between">
    <div>
        <h1 class="page-title">Edit Anggota</h1>
        <p class="page-sub">{{ $user->name }} — {{ $user->role_label }}</p>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('admin.users.show', $user->id) }}" class="btn-adm btn-outline-adm btn-adm-sm"><i class="fas fa-eye"></i> Detail</a>
        <a href="{{ route('admin.users.index') }}" class="btn-adm btn-outline-adm btn-adm-sm"><i class="fas fa-arrow-left"></i> Kembali</a>
    </div>
</div>

<form action="{{ route('admin.users.update', $user->id) }}" method="POST">
    @csrf @method('PUT')
    <div class="row g-4">
        <div class="col-lg-7">
            <div class="adm-card mb-4">
                <div class="adm-card-header"><div class="adm-card-title"><i class="fas fa-user-edit"></i> Informasi Akun</div></div>
                <div class="adm-card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label">Nama Lengkap <span style="color:#ef4444;">*</span></label>
                                <input type="text" name="name" class="form-control" value="{{ old('name', $user->name) }}" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label">Posisi / Jabatan</label>
                                <input type="text" name="position" class="form-control" value="{{ old('position', $user->position) }}" placeholder="Contoh: Staff Pemasaran">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label">Email <span style="color:#ef4444;">*</span></label>
                                <input type="email" name="email" class="form-control" value="{{ old('email', $user->email) }}" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label">No. Telepon</label>
                                <input type="text" name="phone" class="form-control" value="{{ old('phone', $user->phone) }}">
                            </div>
                        </div>
                        <div class="col-12">
                            <div style="background:#fffbeb;border:1px solid #fde68a;border-radius:9px;padding:12px 14px;margin-bottom:4px;">
                                <div style="font-size:12.5px;font-weight:600;color:#d97706;"><i class="fas fa-lock me-2"></i>Ubah Password (opsional)</div>
                                <div style="font-size:12px;color:#92400e;margin-top:2px;">Kosongkan jika tidak ingin mengubah password.</div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label">Password Baru</label>
                                <input type="password" name="password" class="form-control" placeholder="Min. 8 karakter">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="form-label">Konfirmasi Password</label>
                                <input type="password" name="password_confirmation" class="form-control" placeholder="Ulangi password baru">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-5">
            <div class="adm-card mb-4">
                <div class="adm-card-header"><div class="adm-card-title"><i class="fas fa-shield-alt"></i> Role & Status</div></div>
                <div class="adm-card-body">
                    <div class="form-group">
                        <label class="form-label">Role <span style="color:#ef4444;">*</span></label>
                        @if($user->id === auth()->id())
                        <div style="background:var(--c-50);border:1px solid var(--c-200);border-radius:9px;padding:12px 14px;display:flex;align-items:center;gap:10px;">
                            <i class="fas fa-{{ $user->role === 'admin' ? 'user-shield' : 'user-tie' }}" style="color:{{ $user->role_color }};"></i>
                            <span style="font-size:13.5px;font-weight:600;color:var(--c-900);">{{ $user->role_label }}</span>
                            <span style="font-size:11px;color:var(--c-400);margin-left:auto;">Tidak bisa diubah sendiri</span>
                        </div>
                        <input type="hidden" name="role" value="{{ $user->role }}">
                        @else
                        <div class="d-flex gap-2">
                            @foreach(['admin'=>['Super Admin','user-shield','#2563eb','#eff6ff'], 'staff'=>['Staff','user-tie','#0d9488','#f0fdfa']] as $rk => $rv)
                            <label style="flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px;background:{{ old('role',$user->role)==$rk ? $rv[3] : 'var(--c-50)' }};border:2px solid {{ old('role',$user->role)==$rk ? $rv[2] : 'var(--c-200)' }};border-radius:12px;cursor:pointer;">
                                <input type="radio" name="role" value="{{ $rk }}" {{ old('role',$user->role)==$rk ? 'checked' : '' }} style="display:none;" required>
                                <i class="fas fa-{{ $rv[1] }}" style="font-size:1.3rem;color:{{ $rv[2] }};"></i>
                                <span style="font-size:13px;font-weight:700;color:var(--c-900);">{{ $rv[0] }}</span>
                            </label>
                            @endforeach
                        </div>
                        @endif
                    </div>
                    <div style="margin-top:8px;">
                        <label style="display:flex;align-items:center;gap:10px;padding:12px;background:var(--c-50);border-radius:9px;cursor:pointer;border:1px solid var(--c-200);">
                            <input type="checkbox" name="is_active" {{ $user->is_active ? 'checked' : '' }}>
                            <div>
                                <div style="font-size:13.5px;font-weight:600;color:var(--c-900);">Akun Aktif</div>
                                <div style="font-size:11.5px;color:var(--c-500);">Anggota dapat login ke sistem</div>
                            </div>
                        </label>
                    </div>
                    <div style="margin-top:12px;padding:12px;background:var(--c-50);border-radius:9px;border:1px solid var(--c-200);">
                        <div style="font-size:12px;color:var(--c-500);line-height:1.7;">
                            <i class="fas fa-calendar me-1" style="color:var(--c-400);"></i> Bergabung: {{ $user->created_at->format('d M Y') }}<br>
                            <i class="fas fa-clock me-1" style="color:var(--c-400);"></i> Login Terakhir: {{ $user->last_login_at ? $user->last_login_at->format('d M Y H:i') : 'Belum pernah' }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="d-flex gap-3">
                <button type="submit" class="btn-adm btn-primary-adm flex-fill" style="justify-content:center;">
                    <i class="fas fa-save"></i> Simpan Perubahan
                </button>
                @if(auth()->user()->can('delete_users') && $user->id !== auth()->id())
                <form action="{{ route('admin.users.destroy', $user->id) }}" method="POST" id="del-user-form">
                    @csrf @method('DELETE')
                    <button type="button" class="btn-adm btn-danger-adm" onclick="confirmDelete('del-user-form')">
                        <i class="fas fa-trash"></i>
                    </button>
                </form>
                @endif
            </div>
        </div>
    </div>
</form>
@endsection