@extends('layouts.app')
@section('title', $client->company)
@section('heading', $client->company)
@section('subheading', $client->code.' · '.$client->city)
@section('actions')
    <x-btn variant="secondary" :href="route('clients.edit',$client)">✏️ Modifier</x-btn>
    <x-btn :href="route('quotes.create',['client'=>$client->id])">📄 Devis</x-btn>
@endsection
@section('content')
@php
$tabs = ['apercu'=>'Aperçu','contacts'=>'Contacts','projets'=>'Projets','contrats'=>'Contrats','devis'=>'Devis','factures'=>'Factures','actifs'=>'Actifs IT','rdv'=>'Rendez-vous','historique'=>'Historique','portail'=>'Portail'];
$rdvAVenir = $client->events->filter(fn($e) => $e->starts_at?->isFuture())->count();
@endphp
<div class="grid lg:grid-cols-4 gap-6">
    <x-card title="Coordonnées">
        <dl class="space-y-2 text-sm">
            @foreach([['Email',$client->email],['Téléphone',$client->phone],['Ville',$client->city],['SIRET',$client->siret],['TVA',$client->vat_number],['Forme',$client->legal_form],['Paiement',$client->payment_terms],['Commercial',$client->commercial?->name]] as [$k,$v])
                @if($v)<div class="flex justify-between border-b border-slate-50 py-1"><dt class="text-slate-400">{{ $k }}</dt><dd class="font-medium text-right">{{ $v }}</dd></div>@endif
            @endforeach
            <div class="flex justify-between py-1"><dt class="text-slate-400">CA total</dt><dd class="font-bold text-brand-600">{{ eur($client->revenue()) }}</dd></div>
        </dl>
    </x-card>
    <div class="lg:col-span-3">
        <div class="flex gap-1 border-b border-slate-200 mb-4 overflow-x-auto">
            @foreach($tabs as $k=>$label)
                <a href="{{ route('clients.show',[$client,'tab'=>$k]) }}" class="px-4 py-2 text-sm font-medium whitespace-nowrap border-b-2 {{ $tab===$k ? 'border-brand-600 text-brand-600' : 'border-transparent text-slate-500 hover:text-slate-800' }}">{{ $label }}@if($k==='rdv' && $rdvAVenir)<span class="ml-1.5 rounded-full bg-brand-100 text-brand-700 px-1.5 py-0.5 text-xs">{{ $rdvAVenir }}</span>@endif</a>
            @endforeach
        </div>

        @if($tab==='apercu')
            <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
                <x-stat label="Devis" :value="$client->quotes->count()" icon="📄" />
                <x-stat label="Contrats" :value="$client->contracts->count()" icon="📋" />
                <x-stat label="Factures" :value="$client->invoices->count()" icon="💶" />
            </div>
        @elseif($tab==='contacts')
            <x-card :padded="false">
                @foreach($client->contacts as $ct)
                    <div class="flex justify-between px-4 py-3 border-b border-slate-50">
                        <div><span class="font-medium">{{ $ct->fullName() }}</span> @if($ct->is_primary)<x-badge status="actif" label="Principal" />@endif<div class="text-xs text-slate-500">{{ $ct->job_title }}</div></div>
                        <div class="text-sm text-right text-slate-500">{{ $ct->email }}<br>{{ $ct->phone }}</div>
                    </div>
                @endforeach
                <form method="POST" action="{{ route('clients.contacts.store',$client) }}" class="p-4 flex flex-wrap gap-2 items-end bg-slate-50">@csrf
                    <input name="first_name" placeholder="Prénom" class="rounded-lg border border-slate-300 px-3 py-2 text-sm">
                    <input name="last_name" placeholder="Nom" class="rounded-lg border border-slate-300 px-3 py-2 text-sm">
                    <input name="job_title" placeholder="Fonction" class="rounded-lg border border-slate-300 px-3 py-2 text-sm">
                    <input name="email" placeholder="Email" class="rounded-lg border border-slate-300 px-3 py-2 text-sm">
                    <input name="phone" placeholder="Téléphone" class="rounded-lg border border-slate-300 px-3 py-2 text-sm">
                    <x-btn type="submit">Ajouter</x-btn>
                </form>
            </x-card>
        @elseif(in_array($tab,['contrats','devis','factures']))
            @php
                $map = ['contrats'=>['contracts','contracts.show','number'],'devis'=>['quotes','quotes.show','number'],'factures'=>['invoices','invoices.show','number']];
                [$rel,$route,$field] = $map[$tab];
                $items = $client->$rel()->latest()->get();
            @endphp
            <x-card :padded="false">
                <table class="w-full text-sm">
                    <tbody class="divide-y divide-slate-50">
                        @forelse($items as $it)
                            <tr class="hover:bg-slate-50">
                                <td class="px-4 py-3"><a href="{{ route($route,$it) }}" class="font-medium text-brand-600 hover:underline">{{ $it->$field }}</a></td>
                                <td class="px-4 py-3 text-slate-500">{{ $it->title ?? $it->type ?? '' }}</td>
                                <td class="px-4 py-3"><x-badge :status="$it->status" :label="$it->status" /></td>
                                <td class="px-4 py-3 text-right font-semibold">{{ isset($it->total) ? eur($it->total) : (isset($it->amount)? eur($it->amount) : '') }}</td>
                            </tr>
                        @empty <tr><td><x-empty message="Aucun élément" /></td></tr> @endforelse
                    </tbody>
                </table>
            </x-card>
        @elseif($tab==='actifs')
            <x-card :padded="false">
                <table class="w-full text-sm">
                    <thead class="bg-slate-50 text-slate-500 text-left"><tr><th class="px-4 py-2 font-medium">Type</th><th class="px-4 py-2 font-medium">Nom</th><th class="px-4 py-2 font-medium">Fournisseur</th><th class="px-4 py-2 font-medium">Expiration</th><th class="px-4 py-2 font-medium text-right">Coût</th></tr></thead>
                    <tbody class="divide-y divide-slate-50">
                        @forelse($client->assets as $a)
                            <tr><td class="px-4 py-2"><x-badge status="default" :label="$a->type" /></td><td class="px-4 py-2 font-medium">{{ $a->name }}</td><td class="px-4 py-2 text-slate-500">{{ $a->provider }}</td><td class="px-4 py-2 text-slate-500">{{ optional($a->expiry_date)->format('d/m/Y') }}</td><td class="px-4 py-2 text-right">{{ $a->cost ? eur($a->cost) : '' }}</td></tr>
                        @empty <tr><td colspan="5"><x-empty message="Aucun actif IT (licence, domaine, serveur, sauvegarde…)" /></td></tr> @endforelse
                    </tbody>
                </table>
                <form method="POST" action="{{ route('clients.assets.store',$client) }}" class="p-4 flex flex-wrap gap-2 items-end bg-slate-50">@csrf
                    <select name="type" class="rounded-lg border border-slate-300 px-3 py-2 text-sm">@foreach(['licence','domaine','hebergement','serveur','equipement','sauvegarde'] as $t)<option>{{ $t }}</option>@endforeach</select>
                    <input name="name" placeholder="Nom" required class="rounded-lg border border-slate-300 px-3 py-2 text-sm">
                    <input name="provider" placeholder="Fournisseur" class="rounded-lg border border-slate-300 px-3 py-2 text-sm">
                    <input name="expiry_date" type="date" class="rounded-lg border border-slate-300 px-3 py-2 text-sm">
                    <input name="cost" type="number" step="0.01" placeholder="Coût" class="rounded-lg border border-slate-300 px-3 py-2 text-sm w-24">
                    <x-btn type="submit">Ajouter</x-btn>
                </form>
            </x-card>
        @elseif($tab==='projets')
            @include('partials.projects-card', [
                'model' => $client,
                'ownerField' => 'client_id',
                'users' => $commercials,
                'defaultUser' => $client->commercial_id,
            ])
        @elseif($tab==='rdv')
            @include('partials.events-card', [
                'model' => $client,
                'relatedKey' => 'client',
                'users' => $commercials,
                'defaultTitle' => 'RDV — '.$client->company,
                'defaultUser' => $client->commercial_id,
            ])
        @elseif($tab==='historique')
            <x-card title="Ajouter une note">
                <form method="POST" action="{{ route('clients.activity',$client) }}" class="flex gap-2">@csrf
                    <select name="type" class="rounded-lg border border-slate-300 px-3 py-2 text-sm">@foreach(['note','email','appel','rendez-vous'] as $t)<option>{{ $t }}</option>@endforeach</select>
                    <input name="content" placeholder="Note…" class="flex-1 rounded-lg border border-slate-300 px-3 py-2 text-sm"><x-btn type="submit">Ajouter</x-btn>
                </form>
                <div class="mt-4 divide-y divide-slate-50">
                    @forelse($client->activities as $a)
                        <div class="py-2 text-sm flex items-start justify-between gap-3">
                            <div><span class="font-medium">{{ ucfirst($a->type) }}</span> — {{ $a->content }} <span class="text-xs text-slate-400">· {{ $a->created_at->format('d/m/Y') }}</span></div>
                            <form method="POST" action="{{ route('activities.destroy', $a) }}" onsubmit="return confirm('Supprimer cette entrée d\'historique ?')">@csrf @method('DELETE')
                                <button class="text-slate-300 hover:text-rose-600" title="Supprimer cette entrée">🗑️</button>
                            </form>
                        </div>
                    @empty <x-empty message="Aucun historique" /> @endforelse
                </div>
            </x-card>
        @elseif($tab==='portail')
            <x-card title="Accès portail client">
                <p class="text-sm text-slate-500 mb-4">Statut : @if($client->portal_enabled)<x-badge status="actif" label="Activé" />@else<x-badge status="brouillon" label="Désactivé" />@endif</p>
                <form method="POST" action="{{ route('clients.portal',$client) }}" class="flex gap-2 items-end">@csrf
                    <label class="text-sm">Mot de passe portail<input name="portal_password" type="text" placeholder="(définir / modifier)" class="mt-1 block rounded-lg border border-slate-300 px-3 py-2 text-sm"></label>
                    <x-btn type="submit">{{ $client->portal_enabled ? 'Désactiver' : 'Activer' }} le portail</x-btn>
                </form>
                <p class="text-xs text-slate-400 mt-3">Le client se connecte sur <a href="{{ route('portal.login') }}" target="_blank" class="text-brand-600">{{ route('portal.login') }}</a> avec son email ({{ $client->email }}).</p>
            </x-card>
        @endif
    </div>
</div>
@endsection