@extends('admin.layouts.app')
@section('title', $user->name)
@section('heading', 'User: '.$user->name)

@section('content')
<div style="display:grid; grid-template-columns: 1fr 2fr; gap: 1.5rem;">
    <div class="card">
        <h3><i class="fa-solid fa-user"></i> Profile</h3>
        <p><strong>{{ $user->name }}</strong></p>
        <p style="color:#6b7280;">{{ $user->email }}</p>
        <p>{{ $user->phone ?? '—' }}</p>
        <p style="margin-top:.5rem;">
            @if($user->is_admin)
                <span class="badge badge-admin">Admin</span>
            @else
                <span class="badge" style="background:#e5e7eb; color:#374151;">User</span>
            @endif
        </p>
        <p style="margin-top:.5rem; color:#6b7280; font-size:.9rem;">Joined {{ $user->created_at->format('M d, Y') }}</p>

        @if($user->id !== auth()->id())
            <form method="POST" action="{{ route('admin.users.toggle-admin', $user) }}" style="margin-top:1rem;">
                @csrf
                <button class="adm-btn adm-btn-warn" style="width:100%; justify-content:center;">
                    <i class="fa-solid fa-user-shield"></i> {{ $user->is_admin ? 'Revoke Admin' : 'Make Admin' }}
                </button>
            </form>
            <form method="POST" action="{{ route('admin.users.destroy', $user) }}" onsubmit="return confirm('Delete user?');" style="margin-top:.5rem;">
                @csrf @method('DELETE')
                <button class="adm-btn adm-btn-danger" style="width:100%; justify-content:center;"><i class="fa-solid fa-trash"></i> Delete User</button>
            </form>
        @endif

        <a href="{{ route('admin.users.index') }}" style="display:inline-block; margin-top:1rem;" class="adm-btn adm-btn-ghost"><i class="fa-solid fa-arrow-left"></i> Back</a>
    </div>

    <div class="card">
        <h3><i class="fa-solid fa-receipt"></i> Orders ({{ $user->orders->count() }})</h3>
        @if($user->orders->count())
            <table class="data-table">
                <thead><tr><th>#</th><th>Items</th><th>Total</th><th>Status</th><th>Date</th><th></th></tr></thead>
                <tbody>
                    @foreach($user->orders as $o)
                        <tr>
                            <td>#{{ $o->id }}</td>
                            <td>{{ $o->items->count() }}</td>
                            <td><strong>Rs {{ number_format($o->total, 0) }}</strong></td>
                            <td><span class="badge badge-{{ $o->status }}">{{ strtoupper($o->status) }}</span></td>
                            <td>{{ $o->created_at->format('M d, Y') }}</td>
                            <td><a href="{{ route('admin.orders.show', $o) }}" class="adm-btn adm-btn-ghost"><i class="fa-solid fa-eye"></i></a></td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        @else
            <p style="color:#6b7280;">No orders yet.</p>
        @endif
    </div>
</div>
@endsection