@extends('layouts.app')

@section('content')
<div class="max-w-7xl mx-auto px-4 py-8">

    <div class="flex justify-between items-center mb-6">
        <a href="{{ route('admin.users.index') }}" class="text-gray-600 hover:text-gray-900 font-bold">
            ← Retour annuaire
        </a>
        <h1 class="text-3xl font-bold text-gray-800">Fiche Client : {{ $user->name }}</h1>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">

        <div class="space-y-6">
            <x-card class="p-6 border-t-4 border-primary">
                <h3 class="font-bold text-gray-700 mb-4">👤 Informations</h3>
                <div class="space-y-2 text-sm">
                    <p><strong>Email :</strong> <a href="mailto:{{ $user->email }}" class="text-blue-600">{{ $user->email }}</a></p>
                    <p><strong>Téléphone :</strong> {{ $user->phone ?? 'Non renseigné' }}</p>
                    <p><strong>Inscrit le :</strong> {{ $user->created_at->format('d/m/Y') }}</p>
                    <p><strong>Adresse principale :</strong><br>
                        {{ $user->address ?? 'Aucune' }}<br>
                        {{ $user->zip_code }} {{ $user->city }}
                    </p>
                </div>
            </x-card>

            <x-card class="p-6">
                <h3 class="font-bold text-gray-700 mb-4">📊 Statistiques</h3>
                <div class="grid grid-cols-2 gap-4 text-center">
                    <div class="bg-gray-50 p-3 rounded">
                        <div class="text-2xl font-bold text-primary">{{ $user->orders->count() }}</div>
                        <div class="text-xs text-gray-500">Commandes</div>
                    </div>
                    <div class="bg-gray-50 p-3 rounded">
                        <div class="text-2xl font-bold text-green-600">{{ $totalSpent }} €</div>
                        <div class="text-xs text-gray-500">Dépensé</div>
                    </div>
                </div>
            </x-card>

            <x-card class="p-6">
                <h3 class="font-bold text-gray-700 mb-4">📍 Carnet d'adresses ({{ $user->addresses->count() }})</h3>
                <ul class="space-y-3 text-sm">
                    @forelse($user->addresses as $addr)
                        <li class="bg-gray-50 p-2 rounded border">
                            <span class="font-bold block">{{ $addr->name }}</span>
                            {{ $addr->address }}, {{ $addr->city }}
                        </li>
                    @empty
                        <li class="text-gray-400 italic">Aucune adresse enregistrée.</li>
                    @endforelse
                </ul>
            </x-card>
        </div>

        <div class="lg:col-span-2 space-y-6">

            <x-card class="p-6">
                <h3 class="font-bold text-gray-700 mb-4">📦 Historique Commandes</h3>
                <div class="overflow-x-auto">
                    <table class="min-w-full text-sm">
                        <thead>
                            <tr class="bg-gray-50 text-left">
                                <th class="p-2">N°</th>
                                <th class="p-2">Date</th>
                                <th class="p-2">Montant</th>
                                <th class="p-2">Statut</th>
                                <th class="p-2"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($user->orders->sortByDesc('created_at') as $order)
                                <tr class="border-b last:border-0">
                                    <td class="p-2 font-bold">#{{ $order->id }}</td>
                                    <td class="p-2">{{ $order->created_at->format('d/m/Y') }}</td>
                                    <td class="p-2">{{ $order->total_price }} €</td>
                                    <td class="p-2">
                                        <span class="px-2 py-1 bg-gray-100 rounded text-xs">{{ $order->status }}</span>
                                    </td>
                                    <td class="p-2 text-right">
                                        <a href="{{ route('admin.orders.show', $order->id) }}" class="text-blue-600 hover:underline">Voir</a>
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="5" class="p-4 text-center text-gray-500">Pas encore de commande.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </x-card>

            <x-card class="p-6">
                <h3 class="font-bold text-gray-700 mb-4">🆘 Tickets Support</h3>
                <div class="space-y-3">
                    @forelse($user->tickets as $ticket)
                        <a href="{{ route('admin.tickets.show', $ticket->id) }}" class="block border rounded p-3 hover:bg-gray-50 flex justify-between items-center">
                            <div>
                                <span class="font-bold {{ $ticket->status == 'ferme' ? 'text-gray-500 line-through' : 'text-gray-800' }}">
                                    {{ $ticket->subject }}
                                </span>
                                <div class="text-xs text-gray-500">{{ $ticket->created_at->format('d/m/Y') }} • {{ $ticket->status }}</div>
                            </div>
                            <i class="fas fa-chevron-right text-gray-400"></i>
                        </a>
                    @empty
                        <p class="text-gray-400 italic text-sm">Aucun ticket ouvert.</p>
                    @endforelse
                </div>
            </x-card>

        </div>
    </div>
</div>
@endsection