@extends('layouts.app')
@section('title', $client->nom)
@section('breadcrumb', 'Clients / '.$client->nom)

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title"><i class="fas fa-user" style="color:var(--primary)"></i> {{ $client->nom }}</h1>
        <p class="page-subtitle">Code: {{ $client->code }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('clients.edit', $client) }}" class="btn btn-primary"><i class="fas fa-edit"></i> Modifier</a>
        <a href="{{ route('clients.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-left"></i> Retour</a>
    </div>
</div>

<div class="grid-sidebar-left">
    <div class="card">
        <div class="card-header"><h3 class="card-title">Informations</h3></div>
        <div class="card-body">
            @php $rows = ['Groupe'=>$client->groupe?->label,'Matricule'=>$client->matricule_fiscale,'Tél'=>$client->tel,'Email'=>$client->email,'Adresse'=>$client->adresse,'Remise'=>$client->remise_accordee.'%','Plafond'=>number_format($client->plafond_credit,3,',',' ').' TND']; @endphp
            @foreach($rows as $label => $val)
                @if($val)
                <div style="display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9;">
                    <span style="color:#64748b;font-size:13px;">{{ $label }}</span>
                    <span style="font-weight:500;font-size:13px;">{{ $val }}</span>
                </div>
                @endif
            @endforeach
            <div style="display:flex;justify-content:space-between;padding:8px 0;margin-top:8px;">
                <span style="color:#64748b;font-size:13px;">Solde</span>
                <span style="font-size:16px;font-weight:700;color:{{ $solde > 0 ? '#ef4444' : '#10b981' }};">{{ number_format($solde, 3, ',', ' ') }} TND</span>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Historique des documents</h3>
            <a href="{{ route('vente.index') }}?search={{ $client->nom }}" class="btn btn-sm btn-secondary">Voir tout</a>
        </div>
        <div class="table-wrap">
            <table class="table">
                <thead><tr><th>N°</th><th>Type</th><th>Date</th><th>Total TTC</th><th>Statut</th></tr></thead>
                <tbody>
                @forelse($client->venteDocuments as $doc)
                    <tr>
                        <td><a href="{{ route('vente.show', $doc) }}" style="color:var(--primary);">{{ $doc->numero }}</a></td>
                        <td>{{ $doc->type_libelle }}</td>
                        <td>{{ $doc->date->format('d/m/Y') }}</td>
                        <td>{{ number_format($doc->total_ttc, 3, ',', ' ') }}</td>
                        <td><span class="badge-pill badge-info">{{ $doc->statut }}</span></td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="empty-state">Aucun document</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection