@extends('admin.layout')
@section('title', 'Edit User: ' . ($user->battle_name ?? $user->name))

@section('content')
<div class="max-w-3xl">
    <a href="{{ route('admin.users.show', $user) }}" class="text-sm text-slate-500 hover:underline">← Back</a>

    <form method="POST" action="{{ route('admin.users.update', $user) }}" class="bg-white rounded-lg shadow-sm border border-slate-200 p-6 mt-3 space-y-4">
        @csrf @method('PUT')

        <div class="grid grid-cols-2 gap-4">
            <div>
                <label class="block text-sm font-medium mb-1">Battle Name</label>
                <input type="text" name="battle_name" value="{{ old('battle_name', $user->battle_name) }}" class="w-full rounded-md border border-slate-300 px-3 py-2">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Name</label>
                <input type="text" name="name" value="{{ old('name', $user->name) }}" class="w-full rounded-md border border-slate-300 px-3 py-2">
            </div>
            <div class="col-span-2">
                <label class="block text-sm font-medium mb-1">Email</label>
                <input type="email" name="email" value="{{ old('email', $user->email) }}" class="w-full rounded-md border border-slate-300 px-3 py-2">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Level</label>
                <input type="number" name="level" value="{{ old('level', $user->level) }}" class="w-full rounded-md border border-slate-300 px-3 py-2">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">XP</label>
                <input type="number" name="xp" value="{{ old('xp', $user->xp) }}" class="w-full rounded-md border border-slate-300 px-3 py-2">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Coins</label>
                <input type="number" name="coins" value="{{ old('coins', $user->coins) }}" class="w-full rounded-md border border-slate-300 px-3 py-2">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Energy</label>
                <input type="number" name="energy" value="{{ old('energy', $user->energy) }}" class="w-full rounded-md border border-slate-300 px-3 py-2">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Current Streak</label>
                <input type="number" name="streak" value="{{ old('streak', $user->streak) }}" class="w-full rounded-md border border-slate-300 px-3 py-2">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Best Streak</label>
                <input type="number" name="best_streak" value="{{ old('best_streak', $user->best_streak) }}" class="w-full rounded-md border border-slate-300 px-3 py-2">
            </div>
        </div>

        <div class="border-t pt-4 space-y-3">
            <label class="flex items-center gap-2">
                <input type="checkbox" name="is_admin" value="1" @checked(old('is_admin', $user->is_admin))>
                <span class="text-sm">Admin access</span>
            </label>
            <label class="flex items-center gap-2">
                <input type="checkbox" name="is_banned" value="1" @checked(old('is_banned', $user->is_banned))>
                <span class="text-sm">Banned</span>
            </label>
            <div>
                <label class="block text-sm font-medium mb-1">Ban Reason (shown to user)</label>
                <input type="text" name="banned_reason" value="{{ old('banned_reason', $user->banned_reason) }}" class="w-full rounded-md border border-slate-300 px-3 py-2">
            </div>
        </div>

        <div class="border-t pt-4">
            <label class="block text-sm font-medium mb-1">New Password (leave blank to keep current)</label>
            <input type="password" name="password" class="w-full rounded-md border border-slate-300 px-3 py-2">
        </div>

        <div class="flex justify-end items-center pt-4 border-t">
            <button class="bg-slate-900 text-white px-5 py-2 rounded-md">Save Changes</button>
        </div>
    </form>

    <form method="POST" action="{{ route('admin.users.destroy', $user) }}" onsubmit="return confirm('Delete this user permanently?')" class="mt-4 text-right">
        @csrf @method('DELETE')
        <button type="submit" class="text-red-600 hover:underline text-sm">Delete Account Permanently</button>
    </form>
</div>
@endsection