@extends('layouts.app')
@section('title','Contrats')
@section('heading','Contrats')
@section('actions')<x-btn :href="route('contracts.create')">➕ Nouveau contrat</x-btn>@endsection
@section('content')
@if($expiring->count())
<div class="mb-4 rounded-lg bg-amber-50 border border-amber-200 px-4 py-3 text-sm text-amber-800">
    ⚠️ <b>{{ $expiring->count() }}</b> contrat(s) arrivent à échéance sous 60 jours :
    @foreach($expiring as $e)<a href="{{ route('contracts.show',$e) }}" class="underline">{{ $e->number }}</a>@if(!$loop->last), @endif @endforeach
</div>
@endif
<x-card :padded="false">
    <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">N°</th><th class="px-4 py-3 font-medium">Client</th><th class="px-4 py-3 font-medium">Type</th><th class="px-4 py-3 font-medium">Fin</th><th class="px-4 py-3 font-medium">Facturation</th><th class="px-4 py-3 font-medium">Statut</th><th class="px-4 py-3 font-medium text-right">Montant</th></tr></thead>
        <tbody class="divide-y divide-slate-50" data-reorder="contracts">
            @forelse($contracts as $c)
                <tr class="hover:bg-slate-50" data-id="{{ $c->id }}">
                    @include('partials.drag')
                    <td class="px-4 py-3"><a href="{{ route('contracts.show',$c) }}" class="font-mono text-brand-600 hover:underline">{{ $c->number }}</a></td>
                    <td class="px-4 py-3">{{ $c->client?->company }}</td>
                    <td class="px-4 py-3"><x-badge status="default" :label="$c->type" /></td>
                    <td class="px-4 py-3 {{ $c->expiringSoon() ? 'text-amber-600 font-semibold' : 'text-slate-500' }}">{{ optional($c->end_date)->format('d/m/Y') }}</td>
                    <td class="px-4 py-3 text-slate-500">{{ $c->billing_frequency }}</td>
                    <td class="px-4 py-3"><x-badge :status="$c->status" :label="$c->status" /></td>
                    <td class="px-4 py-3 text-right font-semibold">{{ eur($c->amount) }}</td>
                </tr>
            @empty <tr><td colspan="8"><x-empty message="Aucun contrat" /></td></tr> @endforelse
        </tbody>
    </table>
        </div>
    <div class="p-4">{{ $contracts->links() }}</div>
</x-card>
@endsection