@extends('layouts.app')
@section('title', 'CA par mois')
@section('breadcrumb', 'États / CA par mois')
@section('content')
<div class="page-header">
    <div><h1 class="page-title"><i class="fas fa-chart-line" style="color:var(--success)"></i> Chiffre d'affaires par mois</h1></div>
    <a href="{{ route('etats.index') }}" class="btn btn-secondary">Retour</a>
</div>

<div class="card" style="margin-bottom:16px;"><div class="card-body" style="padding:12px 16px;">
    <form method="GET" style="display:flex;gap:10px;flex-wrap:wrap;">
        <select name="annee" class="form-control" style="max-width:120px;">
            @for($y=date('Y');$y>=date('Y')-5;$y--)<option value="{{ $y }}" {{ ($annee??date('Y'))==$y?'selected':'' }}>{{ $y }}</option>@endfor
        </select>
        <button type="submit" class="btn btn-primary">Afficher</button>
    </form>
</div></div>

<div class="grid-sidebar">
    <div class="card"><div class="card-header"><h3 class="card-title">Évolution mensuelle {{ $annee??date('Y') }}</h3></div>
    <div class="table-wrap"><table class="table">
        <thead><tr><th>Mois</th><th>HT</th><th>TVA</th><th>TTC</th></tr></thead>
        <tbody>
        @php $totalHt=0; $totalTtc=0; @endphp
        @forelse($data as $row)
        @php $totalHt+=$row->ht; $totalTtc+=$row->ttc; @endphp
        <tr>
            <td>{{ \Carbon\Carbon::create(null,$row->mois,1)->translatedFormat('F') }}</td>
            <td>{{ number_format($row->ht,3,',',' ') }}</td>
            <td>{{ number_format($row->tva,3,',',' ') }}</td>
            <td style="font-weight:600;">{{ number_format($row->ttc,3,',',' ') }}</td>
        </tr>
        @empty
            <tr><td colspan="4" class="empty-state">Aucune donnée pour cette période</td></tr>
        @endforelse
        </tbody>
        @if(count($data))
        <tfoot><tr style="font-weight:700;background:#f8fafc;">
            <td>TOTAL</td>
            <td>{{ number_format($totalHt,3,',',' ') }}</td>
            <td></td>
            <td style="color:#2563eb;">{{ number_format($totalTtc,3,',',' ') }}</td>
        </tr></tfoot>
        @endif
    </table></div></div>

    <div class="card"><div class="card-header"><h3 class="card-title">Résumé {{ $annee??date('Y') }}</h3></div><div class="card-body">
        <div style="margin-bottom:16px;padding:12px;background:#eff6ff;border-radius:8px;">
            <div style="font-size:11px;color:#64748b;text-transform:uppercase;">CA Total HT</div>
            <div style="font-size:20px;font-weight:700;color:#2563eb;">{{ number_format($totalHt??0,3,',',' ') }}</div>
        </div>
        <div style="padding:12px;background:#f0fdf4;border-radius:8px;">
            <div style="font-size:11px;color:#64748b;text-transform:uppercase;">CA Total TTC</div>
            <div style="font-size:20px;font-weight:700;color:#10b981;">{{ number_format($totalTtc??0,3,',',' ') }}</div>
        </div>
    </div></div>
</div>
@endsection