@extends('layouts.app')
@section('title', 'Tableau de bord')
@section('breadcrumb', 'Tableau de bord')

@section('content')
<div class="page-header">
    <div>
        <div class="page-title"><i class="fas fa-chart-pie" style="color:var(--primary)"></i> Tableau de bord</div>
        <div class="page-subtitle">{{ now()->translatedFormat('l d F Y') }}</div>
    </div>
</div>

{{-- KPIs --}}
<div class="stats-grid">

    <a href="{{ route('vente.index') }}" class="stat-card">
        <div class="stat-icon purple"><i class="fas fa-file-invoice-dollar"></i></div>
        <div>
            <div class="stat-value">{{ number_format($ca_mois, 3, ',', ' ') }}</div>
            <div class="stat-label">CA du mois (TND)</div>
        </div>
    </a>

    <a href="{{ route('clients.index') }}" class="stat-card">
        <div class="stat-icon green"><i class="fas fa-users"></i></div>
        <div>
            <div class="stat-value">{{ $stats['clients'] }}</div>
            <div class="stat-label">Clients actifs</div>
        </div>
    </a>

    <a href="{{ route('produits.index') }}" class="stat-card">
        <div class="stat-icon blue"><i class="fas fa-box"></i></div>
        <div>
            <div class="stat-value">{{ $stats['produits'] }}</div>
            <div class="stat-label">Produits actifs</div>
            @if($produitsAlerteStock->count() > 0)
                <div class="stat-change down"><i class="fas fa-exclamation-triangle"></i> {{ $produitsAlerteStock->count() }} en rupture</div>
            @endif
        </div>
    </a>

    <a href="{{ route('achat.index') }}" class="stat-card">
        <div class="stat-icon orange"><i class="fas fa-cart-shopping"></i></div>
        <div>
            <div class="stat-value">{{ number_format($achats_mois, 3, ',', ' ') }}</div>
            <div class="stat-label">Achats du mois (TND)</div>
        </div>
    </a>

    <a href="{{ route('fournisseurs.index') }}" class="stat-card">
        <div class="stat-icon cyan"><i class="fas fa-truck"></i></div>
        <div>
            <div class="stat-value">{{ $stats['fournisseurs'] }}</div>
            <div class="stat-label">Fournisseurs</div>
        </div>
    </a>

    <a href="{{ route('chantiers.index') }}" class="stat-card">
        <div class="stat-icon red"><i class="fas fa-hard-hat"></i></div>
        <div>
            <div class="stat-value">{{ $stats['chantiers'] }}</div>
            <div class="stat-label">Chantiers en cours</div>
        </div>
    </a>

</div>

{{-- Grille inférieure --}}
<div class="grid-2">

    {{-- Derniers documents --}}
    <div class="card" style="grid-column:1/-1">
        <div class="card-header">
            <span class="card-title"><i class="fas fa-clock" style="color:var(--primary)"></i> Derniers documents de vente</span>
            <a href="{{ route('vente.index') }}" class="btn btn-sm btn-primary"><i class="fas fa-arrow-right"></i> Voir tout</a>
        </div>
        <div class="table-wrap">
            <table>
                <thead>
                    <tr>
                        <th>N° Document</th>
                        <th>Type</th>
                        <th>Client</th>
                        <th>Date</th>
                        <th>Montant TTC</th>
                        <th>Statut</th>
                    </tr>
                </thead>
                <tbody>
                @forelse($recentVentes as $doc)
                    <tr>
                        <td><a href="{{ route('vente.show', $doc) }}" style="color:var(--primary);font-weight:600;">{{ $doc->numero }}</a></td>
                        <td><span class="badge-pill badge-info">{{ ucfirst(str_replace('_', ' ', $doc->type)) }}</span></td>
                        <td>{{ $doc->client?->nom ?? '—' }}</td>
                        <td>{{ $doc->date->format('d/m/Y') }}</td>
                        <td><strong>{{ number_format($doc->total_ttc, 3, ',', ' ') }} TND</strong></td>
                        <td>
                            @php
                                $badge = match($doc->statut) {
                                    'valide', 'facture' => 'success',
                                    'annule'            => 'danger',
                                    'brouillon'         => 'muted',
                                    default             => 'info',
                                };
                            @endphp
                            <span class="badge-pill badge-{{ $badge }}">{{ ucfirst($doc->statut) }}</span>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6">
                            <div class="empty-state" style="padding:20px">
                                <i class="fas fa-inbox"></i>
                                <p>Aucun document</p>
                            </div>
                        </td>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>

    {{-- Produits en alerte stock --}}
    <div class="card">
        <div class="card-header">
            <span class="card-title"><i class="fas fa-star" style="color:var(--warning)"></i> Produits en alerte stock</span>
            <a href="{{ route('stock.index') }}" class="btn btn-sm btn-secondary">Voir tout</a>
        </div>
        <div class="card-body">
            @if($produitsAlerteStock->isEmpty())
                <div class="alert alert-success"><i class="fas fa-check-circle"></i> Tous les stocks sont corrects</div>
            @else
                @foreach($produitsAlerteStock as $p)
                    <div style="display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)">
                        <span style="font-size:13px;font-weight:500">{{ $p->nom }}</span>
                        <span class="badge-pill badge-danger">{{ number_format($p->qte_stock, 0) }} en stock</span>
                    </div>
                @endforeach
            @endif
        </div>
    </div>

    {{-- Accès rapide --}}
    <div class="card">
        <div class="card-header">
            <span class="card-title"><i class="fas fa-bolt" style="color:var(--warning)"></i> Accès rapide</span>
        </div>
        <div class="card-body grid-2">
            <a href="{{ route('produits.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> Nouveau produit</a>
            <a href="{{ route('vente.create') }}" class="btn btn-success"><i class="fas fa-file-invoice"></i> Nouvelle facture</a>
            <a href="{{ route('clients.create') }}" class="btn btn-warning"><i class="fas fa-user-plus"></i> Nouveau client</a>
            <a href="{{ route('achat.create') }}" class="btn btn-info"><i class="fas fa-cart-plus"></i> Facture achat</a>
        </div>
    </div>

</div>
@endsection