@extends('admin.layouts.admin')

@section('title','Edit User')
@section('page-title','Edit User')

@section('content')

{{-- ================= FLASH MESSAGES ================= --}}
@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        <i class="bi bi-check-circle-fill me-2"></i>
        {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif

@if(session('error'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <i class="bi bi-exclamation-triangle-fill me-2"></i>
        {{ session('error') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif

@if($errors->any())
    <div class="alert alert-danger">
        <strong>Please fix the following errors:</strong>
        <ul class="mb-0 mt-2">
            @foreach($errors->all() as $err)
                <li>{{ $err }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="row justify-content-center">
    <div class="col-lg-6">

        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white">
                <strong>Edit User</strong>
                <small class="text-muted d-block">
                    Update user details and role
                </small>
            </div>

            <div class="card-body">

                <form method="POST"
                      action="{{ route('admin.users.update', $user->id) }}">
                    @csrf
                    @method('PUT')

                    <!-- NAME -->
                    <div class="mb-3">
                        <label class="form-label">Full Name</label>
                        <input type="text"
                               name="name"
                               class="form-control"
                               value="{{ old('name', $user->name) }}"
                               required>
                    </div>

                    <!-- EMAIL -->
                    <div class="mb-3">
                        <label class="form-label">Email Address</label>
                        <input type="email"
                               name="email"
                               class="form-control"
                               value="{{ old('email', $user->email) }}"
                               required>
                    </div>

                    <!-- ROLE -->
                    <div class="mb-3">
                                    <label class="form-label">Role</label>

                                    <select name="role"
                                            class="form-select @error('role_id') is-invalid @enderror"
                                            required>

                                        <option value="">Select Role</option>

                                        @foreach($roles as $role)
                                            <option value="{{ $role->id }}"
                                                {{ old('role_id', $user->role_id) == $role->id ? 'selected' : '' }}>
                                                {{ $role->name }}
                                            </option>
                                        @endforeach
                                    </select>

                            
                                </div>



                    <!-- PASSWORD (OPTIONAL) -->
                    <div class="mb-3">
                        <label class="form-label">
                            New Password
                            <small class="text-muted">(leave blank to keep current)</small>
                        </label>
                        <input type="password"
                               name="password"
                               class="form-control"
                               placeholder="Minimum 6 characters">
                    </div>

                    <!-- STATUS -->
                    <div class="form-check form-switch mb-4">
                        <input class="form-check-input"
                               type="checkbox"
                               name="is_active"
                               value="1"
                               {{ $user->is_active ? 'checked' : '' }}>
                        <label class="form-check-label">
                            Active User
                        </label>
                    </div>

                    <!-- ACTIONS -->
                    <div class="d-flex justify-content-end gap-2">
                        <a href="{{ route('admin.users.index') }}"
                           class="btn btn-light">
                            Cancel
                        </a>

                        <button class="btn btn-primary">
                            <i class="bi bi-save"></i>
                            Update User
                        </button>
                    </div>

                </form>

            </div>
        </div>

    </div>
</div>

@endsection