@extends('layouts.admin')

@section('title', 'User Details')

@section('content')
<div class="flex justify-between items-center mb-6">
    <h1 class="text-2xl font-bold">User: {{ $user->username }}</h1>
    <form action="/admin/users/{{ $user->id }}/update-status" method="POST" class="flex space-x-2">
        <select name="role" class="px-3 py-2 border rounded">
            <option value="user" {{ $user->role == 'user' ? 'selected' : '' }}>User</option>
            <option value="admin" {{ $user->role == 'admin' ? 'selected' : '' }}>Admin</option>
        </select>
        <select name="status" class="px-3 py-2 border rounded">
            <option value="active" {{ $user->status == 'active' ? 'selected' : '' }}>Active</option>
            <option value="banned" {{ $user->status == 'banned' ? 'selected' : '' }}>Banned</option>
        </select>
        <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded">Update</button>
    </form>
</div>

<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
    <!-- User Info -->
    <div class="bg-white rounded-lg shadow p-6">
        <h2 class="text-lg font-semibold mb-4">User Information</h2>
        <p class="mb-2"><span class="font-semibold">Email:</span> {{ $user->email }}</p>
        <p class="mb-2"><span class="font-semibold">Roblox:</span> {{ $user->roblox_username }}</p>
        <p class="mb-2"><span class="font-semibold">Joined:</span> {{ $user->created_at }}</p>
    </div>

    <!-- Stats -->
    <div class="bg-white rounded-lg shadow p-6">
        <h2 class="text-lg font-semibold mb-4">Statistics</h2>
        <p class="mb-2"><span class="font-semibold">Total Orders:</span> {{ $user->orders->count() }}</p>
        <p class="mb-2"><span class="font-semibold">Total Spent:</span> Rp {{ number_format($user->orders->where('status', 'delivered')->sum('total')) }}</p>
        <p class="mb-2"><span class="font-semibold">Tickets:</span> {{ $user->tickets->count() }}</p>
    </div>

    <!-- Cashback -->
    <div class="bg-white rounded-lg shadow p-6">
        <h2 class="text-lg font-semibold mb-4">Cashback</h2>
        <p class="mb-4"><span class="font-semibold">Total Cashback:</span> Rp {{ number_format($user->cashback->sum('amount')) }}</p>
        
        <form action="/admin/users/{{ $user->id }}/add-cashback" method="POST">
            <div class="mb-2">
                <input type="number" name="amount" placeholder="Amount" class="w-full px-3 py-2 border rounded" required>
            </div>
            <div class="mb-2">
                <input type="datetime-local" name="expired_at" class="w-full px-3 py-2 border rounded">
            </div>
            <button type="submit" class="bg-green-600 text-white px-4 py-2 rounded w-full">Add Cashback</button>
        </form>
    </div>
</div>

<!-- Recent Orders -->
<div class="bg-white rounded-lg shadow mt-6">
    <div class="p-6 border-b">
        <h2 class="text-lg font-semibold">Recent Orders</h2>
    </div>
    
    <table class="w-full">
        <thead class="bg-gray-50">
            <tr>
                <th class="px-6 py-3 text-left">Order #</th>
                <th class="px-6 py-3 text-left">Total</th>
                <th class="px-6 py-3 text-left">Status</th>
                <th class="px-6 py-3 text-left">Date</th>
                <th class="px-6 py-3"></th>
            </tr>
        </thead>
        <tbody>
            @foreach($user->orders as $order)
            <tr class="border-t">
                <td class="px-6 py-4">{{ $order->order_number }}</td>
                <td class="px-6 py-4">Rp {{ number_format($order->total) }}</td>
                <td class="px-6 py-4">{{ $order->status }}</td>
                <td class="px-6 py-4">{{ $order->created_at }}</td>
                <td class="px-6 py-4">
                    <a href="/admin/orders/{{ $order->id }}" class="text-blue-600">View</a>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection