{{-- resources/views/admin/users/edit.blade.php --}}
{{-- Controller: Admin\UserController@edit / @update --}}

@extends('layouts.admin')

@section('title', 'Edit User')
@section('page_title', 'Edit User')

@section('page_css')
    <link rel="stylesheet" href="{{ asset('css/admin/forms.css') }}">
@endsection

@section('content')

    <x-admin.page-header
        title="Edit User"
        :breadcrumb="[
            ['label' => 'Users', 'url' => route('admin.users.index')],
            ['label' => $user->name]
        ]"
    />

    <x-admin.form-card
        title="Edit User Details"
        :action="route('admin.users.update', $user->id)"
        method="PUT"
    >
        <div class="form-grid">
            <div class="form-group">
                <label class="form-label" for="name">Full Name <span class="form-required">*</span></label>
                <input type="text" name="name" id="name" value="{{ old('name', $user->name) }}" class="form-input" required>
                @error('name') <span class="form-error">{{ $message }}</span> @enderror
            </div>
            <div class="form-group">
                <label class="form-label" for="email">Email Address <span class="form-required">*</span></label>
                <input type="email" name="email" id="email" value="{{ old('email', $user->email) }}" class="form-input" required>
                @error('email') <span class="form-error">{{ $message }}</span> @enderror
            </div>
            <div class="form-group">
                <label class="form-label" for="password">New Password <span class="form-hint-inline">(leave blank to keep current)</span></label>
                <input type="password" name="password" id="password" class="form-input">
                @error('password') <span class="form-error">{{ $message }}</span> @enderror
            </div>
            <div class="form-group">
                <label class="form-label" for="password_confirmation">Confirm New Password</label>
                <input type="password" name="password_confirmation" id="password_confirmation" class="form-input">
            </div>
            <div class="form-group">
                <label class="form-label" for="role">Role</label>
                <select name="role" id="role" class="form-select">
                    <option value="admin" {{ old('role', $user->roles->first()?->name) === 'admin' ? 'selected' : '' }}>Admin</option>
                    <option value="editor" {{ old('role', $user->roles->first()?->name) === 'editor' ? 'selected' : '' }}>Editor</option>
                    <option value="moderator" {{ old('role', $user->roles->first()?->name) === 'moderator' ? 'selected' : '' }}>Moderator</option>
                </select>
            </div>
        </div>
        <div class="form-toggles-row">
            <div class="form-toggle">
                <label class="toggle-label" for="status">Status (Active)</label>
                <label class="toggle-switch">
                    <input type="hidden" name="status" value="inactive">
                    <input type="checkbox" name="status" id="status" value="active" {{ old('status', $user->status ?? 'active') === 'active' ? 'checked' : '' }}>
                    <span class="toggle-slider"></span>
                </label>
            </div>
        </div>
        <div class="form-actions">
            <button type="submit" class="btn-primary-action"><i class="bi bi-check-lg"></i> Update User</button>
            <a href="{{ route('admin.users.index') }}" class="btn-cancel">Cancel</a>
        </div>
    </x-admin.form-card>

@endsection