@extends('layouts.admin')
@section('title', $user->name)
@section('topbar-title', 'User Detail')

@section('content')
<div class="page-header">
    <div>
        <h1>{{ $user->name }}</h1>
        <div class="breadcrumb"><a href="{{ route('admin.users') }}">Users</a> / {{ $user->email }}</div>
    </div>
    <form action="{{ route('admin.users.toggle', $user) }}" method="POST">
        @csrf
        <button type="submit" class="btn {{ $user->is_active ? 'btn-danger' : 'btn-success' }} btn-sm"
            onclick="return confirm('{{ $user->is_active ? 'Disable' : 'Enable' }} this user?')">
            <i class="fa fa-{{ $user->is_active ? 'ban' : 'check' }}"></i>
            {{ $user->is_active ? 'Disable User' : 'Enable User' }}
        </button>
    </form>
</div>

<div style="display:grid;grid-template-columns:280px 1fr;gap:20px;">
    <div>
        <div class="card" style="margin-bottom:16px;">
            <div class="card-body" style="text-align:center;padding:28px;">
                <div style="width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#a78bfa);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 14px;">
                    {{ strtoupper(substr($user->name, 0, 1)) }}
                </div>
                <div style="font-weight:700;font-size:1rem;">{{ $user->name }}</div>
                <div style="color:var(--muted);font-size:0.82rem;margin-top:4px;">{{ $user->email }}</div>
                <div style="margin-top:10px;"><span class="badge {{ $user->is_active ? 'badge-active' : 'badge-suspended' }}">{{ $user->is_active ? 'Active' : 'Disabled' }}</span></div>
            </div>
        </div>
        <div class="card">
            <div class="card-header"><h3>Info</h3></div>
            <div class="card-body" style="font-size:0.83rem;">
                @foreach(['Phone' => $user->phone, 'Company' => $user->company, 'Joined' => $user->created_at->format('M j, Y')] as $label => $val)
                <div style="display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border);">
                    <span style="color:var(--muted);">{{ $label }}</span>
                    <span>{{ $val ?: '—' }}</span>
                </div>
                @endforeach
                <div style="display:flex;justify-content:space-between;padding:7px 0;">
                    <span style="color:var(--muted);">Licenses</span>
                    <strong>{{ $user->licenses->count() }}</strong>
                </div>
            </div>
        </div>
    </div>

    <div>
        <div class="card" style="margin-bottom:16px;">
            <div class="card-header"><h3><i class="fa fa-key" style="color:var(--accent);"></i> Licenses</h3></div>
            <div class="table-wrap">
                <table>
                    <thead><tr><th>Key</th><th>Product</th><th>IP</th><th>Status</th><th>Expires</th><th></th></tr></thead>
                    <tbody>
                        @forelse($user->licenses as $lic)
                        <tr>
                            <td style="font-family:monospace;font-size:0.75rem;color:var(--muted);">{{ $lic->license_key }}</td>
                            <td>{{ $lic->product->name }}</td>
                            <td style="font-family:monospace;font-size:0.78rem;">{{ $lic->valid_ip }}</td>
                            <td><span class="badge badge-{{ strtolower($lic->status) }}">{{ $lic->status }}</span></td>
                            <td style="font-size:0.78rem;color:var(--muted);">{{ $lic->expires_at?->format('M j, Y') ?? '—' }}</td>
                            <td><a href="{{ route('admin.licenses.show', $lic) }}" class="btn btn-outline btn-sm">Manage</a></td>
                        </tr>
                        @empty
                        <tr><td colspan="6" style="text-align:center;padding:24px;color:var(--muted);">No licenses</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <div class="card">
            <div class="card-header"><h3><i class="fa fa-receipt" style="color:var(--accent);"></i> Orders</h3></div>
            <div class="table-wrap">
                <table>
                    <thead><tr><th>Invoice</th><th>Product</th><th>Cycle</th><th>Amount</th><th>Status</th><th>Date</th></tr></thead>
                    <tbody>
                        @forelse($user->orders as $order)
                        <tr>
                            <td style="font-size:0.78rem;color:var(--muted);">{{ $order->invoice_number }}</td>
                            <td>{{ $order->plan->product->name }}</td>
                            <td style="font-size:0.8rem;color:var(--muted);">{{ $order->billing_cycle }}</td>
                            <td>${{ number_format($order->amount, 2) }}</td>
                            <td><span class="badge badge-{{ $order->status }}">{{ ucfirst($order->status) }}</span></td>
                            <td style="font-size:0.78rem;color:var(--muted);">{{ $order->created_at->format('M j, Y') }}</td>
                        </tr>
                        @empty
                        <tr><td colspan="6" style="text-align:center;padding:24px;color:var(--muted);">No orders</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection