@extends('layouts.app')
@section('title','Clients')
@section('heading','Clients')
@section('actions')
    <x-btn variant="secondary" :href="route('exports.clients')">📊 Export Excel</x-btn>
    <x-btn :href="route('clients.create')">➕ Nouveau client</x-btn>
@endsection
@section('content')
<x-card :padded="false">
    <div class="p-4 border-b border-slate-100">
        <form method="GET" class="flex gap-2"><input name="q" value="{{ request('q') }}" placeholder="Rechercher (société, code, SIRET)…" class="flex-1 rounded-lg border border-slate-300 px-3 py-2 text-sm"><x-btn type="submit" variant="secondary">Rechercher</x-btn></form>
    </div>
    <div class="overflow-x-auto">
        <table class="w-full text-sm min-w-[640px]">
        <thead class="bg-slate-50 text-slate-500 text-left"><tr>
            <th class="w-6"></th>
            <th class="px-4 py-3 font-medium">Code</th><th class="px-4 py-3 font-medium">Société</th><th class="px-4 py-3 font-medium">Ville</th>
            <th class="px-4 py-3 font-medium">Commercial</th><th class="px-4 py-3 font-medium text-center">Factures</th>
            <th class="px-4 py-3 font-medium text-right">CA</th><th class="px-4 py-3"></th>
        </tr></thead>
        <tbody class="divide-y divide-slate-50" data-reorder="clients">
            @forelse($clients as $c)
                <tr class="hover:bg-slate-50" data-id="{{ $c->id }}">
                    @include('partials.drag')
                    <td class="px-4 py-3 font-mono text-xs">{{ $c->code }}</td>
                    <td class="px-4 py-3"><a href="{{ route('clients.show',$c) }}" class="font-medium text-brand-600 hover:underline">{{ $c->company }}</a></td>
                    <td class="px-4 py-3 text-slate-500">{{ $c->city }}</td>
                    <td class="px-4 py-3 text-slate-500">{{ $c->commercial?->name }}</td>
                    <td class="px-4 py-3 text-center">{{ $c->invoices_count }}</td>
                    <td class="px-4 py-3 text-right font-semibold">{{ eur($c->revenue()) }}</td>
                    <td class="px-4 py-3 text-right"><a href="{{ route('clients.show',$c) }}" class="text-slate-400 hover:text-brand-600">→</a></td>
                </tr>
            @empty <tr><td colspan="9"><x-empty message="Aucun client" /></td></tr> @endforelse
        </tbody>
    </table>
        </div>
    <div class="p-4">{{ $clients->links() }}</div>
</x-card>
@endsection