@extends('layouts.admin')
@section('title', 'Edit User')
@section('header', 'Edit User')

@section('content')
<form method="POST" action="{{ route('admin.users.update', $user) }}" class="space-y-6 max-w-xl">
    @csrf
    @method('PUT')

    <div>
        <label class="block text-sm font-medium text-gray-700 mb-2">Name</label>
        <input type="text" name="name" value="{{ old('name', $user->name) }}" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-accent" required>
    </div>

    <div>
        <label class="block text-sm font-medium text-gray-700 mb-2">Email</label>
        <input type="email" name="email" value="{{ old('email', $user->email) }}" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-accent" required>
    </div>

    <div>
        <label class="block text-sm font-medium text-gray-700 mb-2">New Password (leave blank to keep current)</label>
        <input type="password" name="password" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-accent">
    </div>

    <div>
        <label class="block text-sm font-medium text-gray-700 mb-2">Confirm Password</label>
        <input type="password" name="password_confirmation" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-accent">
    </div>

    <div>
        <label class="block text-sm font-medium text-gray-700 mb-2">Role</label>
        <select name="role" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-accent" required>
            <option value="editor" {{ $user->role === 'editor' ? 'selected' : '' }}>Editor</option>
            <option value="admin" {{ $user->role === 'admin' ? 'selected' : '' }}>Admin</option>
        </select>
    </div>

    <div>
        <label class="flex items-center gap-2">
            <input type="checkbox" name="is_active" value="1" {{ $user->is_active ? 'checked' : '' }} class="rounded text-accent focus:ring-accent">
            <span class="text-gray-700">Active</span>
        </label>
    </div>

    <div class="flex gap-4">
        <button type="submit" class="px-6 py-2 bg-accent text-primary font-semibold rounded-lg hover:bg-primary-100">Update User</button>
        <a href="{{ route('admin.users.index') }}" class="px-6 py-2 bg-gray-300 text-gray-700 rounded-lg hover:bg-gray-400">Cancel</a>
    </div>
</form>
@endsection