@extends('layouts.erp')
@section('title', 'Tableau de bord')
@section('page_title', 'Tableau de bord de direction')
@section('page_sub', now()->translatedFormat('d F Y').' · '.(optional(\App\Http\Controllers\ScopeController::boutique())->name ?? 'Toutes les agences'))

@section('content')
@php
    $benefice = $ca - $depenses;
    $treso = $caisse + $banque;
    $den = max(1, abs($benefice) + $depenses);
    $pBen = (int) round(max(0, $benefice) / $den * 100);
    $pDep = (int) round($depenses / $den * 100);
    $pAut = max(0, 100 - $pBen - $pDep);
    $maxBoutique = max(1, $byBoutique->max() ?? 1);
    $fmt = fn ($n) => number_format($n, 0, ',', ' ').' F';
    $periodeLabels = ['aujourdhui' => "Aujourd'hui", 'mois' => 'Ce mois', 'annee' => 'Cette année'];
    $geo = array_filter(['pays' => $paysId ?? null, 'ville' => $villeId ?? null]);
    $dash = fn (array $extra = []) => route('dashboard', array_merge($geo, ['periode' => $periode], $extra));
    $depenseLabel = ['aujourdhui' => "Dépenses du jour", 'mois' => 'Dépenses du mois', 'annee' => "Dépenses de l'année"][$periode];
    $chartTitle = ['aujourdhui' => "Chiffre d'affaires du jour", 'mois' => 'Chiffre d\'affaires par jour · '.now()->translatedFormat('F Y'), 'annee' => 'Chiffre d\'affaires par mois · '.now()->year][$periode];
@endphp

<div class="page-tools">
    <div class="tabs">
        <a href="{{ $dash(['periode' => 'aujourdhui']) }}" class="{{ $periode === 'aujourdhui' ? 'on' : '' }}">Aujourd'hui</a>
        <a href="{{ $dash(['periode' => 'mois']) }}" class="{{ $periode === 'mois' ? 'on' : '' }}">Ce mois</a>
        <a href="{{ $dash(['periode' => 'annee']) }}" class="{{ $periode === 'annee' ? 'on' : '' }}">Cette année</a>
    </div>
    <div class="spacer">
        @if(auth()->user()->allows('reports'))
        <a class="btn btn-outline" href="{{ route('reports.index') }}">Rapports CSV</a>
        @endif
        <a class="btn btn-primary" href="{{ route('sales.create', ['type' => 'facture']) }}">+ Nouvelle vente</a>
    </div>
</div>

@if(auth()->user()->seesAllAgencies())
@php
    $paysActuel = $countries->firstWhere('id', $paysId);
    $villeActuelle = $paysActuel?->cities->firstWhere('id', $villeId);
@endphp
<div class="card" style="margin-bottom:14px">
    <div class="card-body">
        <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px">
            <form method="POST" action="{{ route('scope.update') }}">
                @csrf
                <input type="hidden" name="boutique_id" value="">
                <input type="hidden" name="redirect" value="{{ route('dashboard', ['periode' => $periode]) }}">
                <button type="submit" class="btn btn-outline btn-sm">Tous les pays</button>
            </form>
            @if($scopeBoutique)
                <span style="color:var(--muted)">/</span>
                <form method="POST" action="{{ route('scope.update') }}">
                    @csrf
                    <input type="hidden" name="boutique_id" value="">
                    <input type="hidden" name="redirect" value="{{ route('dashboard', ['periode' => $periode, 'pays' => $scopeBoutique->city->country_id ?? null]) }}">
                    <button type="submit" class="btn btn-outline btn-sm">{{ $scopeBoutique->city->country->name ?? 'Pays' }}</button>
                </form>
                <span style="color:var(--muted)">/</span>
                <form method="POST" action="{{ route('scope.update') }}">
                    @csrf
                    <input type="hidden" name="boutique_id" value="">
                    <input type="hidden" name="redirect" value="{{ route('dashboard', ['periode' => $periode, 'pays' => $scopeBoutique->city->country_id ?? null, 'ville' => $scopeBoutique->city_id]) }}">
                    <button type="submit" class="btn btn-outline btn-sm">{{ $scopeBoutique->city->name ?? 'Ville' }}</button>
                </form>
                <span style="color:var(--muted)">/</span>
                <span class="btn btn-navy btn-sm">{{ $scopeBoutique->name }}</span>
            @elseif($paysActuel)
                <span style="color:var(--muted)">/</span>
                <a class="btn btn-outline btn-sm" href="{{ route('dashboard', ['periode' => $periode, 'pays' => $paysActuel->id]) }}">{{ $paysActuel->name }}</a>
                @if($villeActuelle)
                    <span style="color:var(--muted)">/</span>
                    <span class="btn btn-navy btn-sm">{{ $villeActuelle->name }}</span>
                @endif
            @endif
        </div>
        <div style="display:flex;gap:8px;flex-wrap:wrap">
            @if($scopeBoutique)
            @elseif(!$paysActuel)
                @foreach($countries as $country)
                    <a class="btn btn-outline btn-sm" href="{{ route('dashboard', ['periode' => $periode, 'pays' => $country->id]) }}">{{ $country->name }}</a>
                @endforeach
            @elseif(!$villeActuelle)
                @foreach($paysActuel->cities as $city)
                    <a class="btn btn-outline btn-sm" href="{{ route('dashboard', ['periode' => $periode, 'pays' => $paysActuel->id, 'ville' => $city->id]) }}">{{ $city->name }}</a>
                @endforeach
            @else
                @foreach($villeActuelle->boutiques as $boutique)
                    <form method="POST" action="{{ route('scope.update') }}">
                        @csrf
                        <input type="hidden" name="boutique_id" value="{{ $boutique->id }}">
                        <button type="submit" class="btn btn-outline btn-sm">{{ $boutique->name }}</button>
                    </form>
                @endforeach
            @endif
        </div>
    </div>
</div>
@endif

<div class="kpis">
    <div class="kpi">
        <div class="label">Chiffre d'affaires total</div>
        <div class="value">{{ $fmt($ca) }}</div>
        <div class="hint">{{ $periodeLabels[$periode] }} · factures validées, payées et partielles</div>
    </div>
    <div class="kpi">
        <div class="label">Bénéfice net <span class="trend {{ $benefice >= 0 ? 'up' : 'down' }}">{{ $benefice >= 0 ? '+' : '' }}{{ $ca > 0 ? round($benefice / max(1,$ca) * 100, 1) : 0 }} %</span></div>
        <div class="value">{{ $fmt($benefice) }}</div>
        <div class="hint">CA − dépenses validées</div>
    </div>
    <div class="kpi">
        <div class="label">Trésorerie disponible</div>
        <div class="value">{{ $fmt($treso) }}</div>
        <div class="hint">Caisses {{ $fmt($caisse) }} · Banques {{ $fmt($banque) }}</div>
    </div>
    <div class="kpi">
        <div class="label">Valeur des stocks</div>
        <div class="value">{{ $fmt($stockValue) }}</div>
        <div class="hint">Prix d'achat × quantités</div>
    </div>
</div>
<div class="kpis">
    <a class="kpi" href="{{ route('expenses.index') }}"><div class="label">{{ $depenseLabel }}</div><div class="value num" style="font-size:18px">{{ $fmt($depenses) }}</div></a>
    <a class="kpi" href="{{ route('sales.index', ['type' => 'facture', 'statut' => 'impaye']) }}"><div class="label">Créances clients</div><div class="value num" style="font-size:18px">{{ $fmt($creances) }}</div></a>
    <a class="kpi" href="{{ route('purchases.index') }}"><div class="label">Dettes fournisseurs</div><div class="value num" style="font-size:18px">{{ $fmt($dettes) }}</div></a>
    <a class="kpi" href="{{ route('products.index', ['alerte' => 1]) }}"><div class="label">Ruptures / stock faible</div><div class="value" style="font-size:18px">{{ $faibles->count() }}</div><div class="hint">{{ $ruptures }} critique(s) ou rupture(s)</div></a>
</div>

<div class="grid-3">
    <div class="card">
        <div class="card-header">{{ $chartTitle }}</div>
        <div class="card-body">
            <div class="bars">
                @foreach($chart as $point)
                    <div class="col">
                        <div class="bar {{ $point['on'] ? 'on' : '' }}" style="height: {{ max(6, round($point['amount'] / $maxMonth * 140)) }}px" title="{{ $fmt($point['amount']) }}"></div>
                        <span>{{ $point['label'] }}</span>
                    </div>
                @endforeach
            </div>
            <div class="hint" style="margin-top:8px;color:var(--muted);font-size:12px">Total {{ $fmt(array_sum(array_column($chart, 'amount'))) }}</div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">Ventes par boutique <a href="{{ route('sales.index') }}">Voir tout</a></div>
        <div class="card-body">
            <div class="hlist">
                @forelse($byBoutique as $name => $amount)
                    <div class="hrow">
                        <span>{{ $name }}</span>
                        <div class="htrack"><i style="width: {{ round($amount / $maxBoutique * 100) }}%"></i></div>
                        <b>{{ number_format($amount / 1000000, 1, ',', ' ') }} M</b>
                    </div>
                @empty
                    <div class="empty">Aucune vente validée.</div>
                @endforelse
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header">Dépenses vs bénéfices</div>
        <div class="card-body">
            <div class="donut-wrap">
                <div class="donut" style="background: conic-gradient(var(--blue) 0 {{ $pBen }}%, var(--orange) {{ $pBen }}% {{ $pBen + $pDep }}%, #94a3b8 {{ $pBen + $pDep }}% 100%)"><b>{{ $pBen }}%</b></div>
                <div class="legend">
                    <div><i style="background:var(--blue)"></i>Bénéf. {{ $fmt(max(0,$benefice)) }}</div>
                    <div><i style="background:var(--orange)"></i>Dép. {{ $fmt($depenses) }}</div>
                    <div><i style="background:#94a3b8"></i>Autres {{ $pAut }}%</div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="grid-3">
    <div class="card">
        <div class="card-header">Alertes SAV <a href="{{ route('sav.index') }}">Voir tout</a></div>
        <div class="card-body">
            @forelse($savAlerts as $sav)
                <a class="alert-row" href="{{ route('sav.show', $sav) }}"><div class="dot warn"><x-icon name="wrench" /></div><div><b>{{ $sav->number }} · {{ $sav->product_name }}</b><div style="color:var(--muted)">{{ $sav->client->name ?? '' }} · {{ $sav->status }}</div></div></a>
            @empty
                <div class="empty">Aucun dossier ouvert.</div>
            @endforelse
        </div>
    </div>
    <div class="card">
        <div class="card-header">Dernières ventes <a href="{{ route('sales.index') }}">Voir tout</a></div>
        <div class="card-body" style="padding-top:8px">
            @forelse($ventesRecentes as $v)
                <div class="alert-row">
                    <div>
                        <a href="{{ route('sales.show', $v) }}"><b>{{ $v->number }}</b></a>
                        <div style="color:var(--muted)">{{ $v->client->name ?? 'Client comptoir' }}</div>
                    </div>
                    <div class="num" style="margin-left:auto">
                        <b>{{ $fmt($v->total) }}</b>
                        <div><span class="pill {{ $v->status === 'paye' ? 'ok' : ($v->status === 'partiel' ? 'warn' : 'info') }}">{{ ucfirst($v->status) }}</span></div>
                    </div>
                </div>
            @empty
                <div class="empty">Aucune vente.</div>
            @endforelse
        </div>
    </div>
</div>

<div class="grid-3">
    <div class="card">
        <div class="card-header">Produits à faible stock <a href="{{ route('products.index', ['alerte' => 1]) }}">Voir la liste</a></div>
        <div class="card-body">
            @forelse($faibles->take(4) as $p)
                <div class="alert-row">
                    <div>
                        @if(auth()->user()->allows('purchases'))
                        <a href="{{ route('purchases.create', ['product_id' => $p->id]) }}"><b>{{ $p->name }}</b></a>
                        @else
                        <b>{{ $p->name }}</b>
                        @endif
                        <div style="color:var(--muted)">{{ $p->reference }}</div>
                    </div>
                    <div style="margin-left:auto"><span class="pill {{ $p->stockStatus() === 'critique' || $p->stockStatus() === 'rupture' ? 'bad' : 'warn' }}">Reste {{ $p->total_stock }}</span></div>
                </div>
            @empty
                <div class="empty">Stocks au-dessus des seuils.</div>
            @endforelse
        </div>
    </div>
    <div class="card">
        <div class="card-header">Clients à relancer <a href="{{ route('relances.index') }}">Voir tout</a></div>
        <div class="card-body">
            @forelse($relances as $r)
                <div class="alert-row">
                    <div>
                        <b>{{ $r->client->name ?? 'Client' }}</b>
                        <div style="color:var(--muted)">{{ $r->motif }} · {{ optional($r->next_relance_date)->format('d/m') }}</div>
                        @if($url = $r->whatsappUrl())
                            <a href="{{ $url }}" target="_blank" rel="noopener">WhatsApp</a>
                        @endif
                    </div>
                    <span class="pill info">{{ $r->result ? str_replace('_',' ',$r->result) : 'À faire' }}</span>
                </div>
            @empty
                <div class="empty">Aucune relance planifiée.</div>
            @endforelse
        </div>
    </div>
    <div class="card">
        <div class="card-header">Fiscalité <a href="{{ route('fiscal.index') }}">Voir tout</a></div>
        <div class="card-body">
            @forelse($fiscals as $f)
                <div class="alert-row">
                    <div><b>{{ $f->obligation }}</b><div style="color:var(--muted)">{{ $f->period }} · {{ optional($f->due_date)->format('d/m/Y') }}</div></div>
                    <span class="pill {{ $f->status === 'a_jour' ? 'ok' : ($f->status === 'en_retard' ? 'bad' : 'warn') }}">{{ str_replace('_',' ',$f->status) }}</span>
                </div>
            @empty
                <div class="empty">Aucune obligation.</div>
            @endforelse
        </div>
    </div>
</div>

<div class="card" style="margin-top:14px">
    <div class="card-header">Alertes à traiter</div>
    <div class="card-body">
        @forelse($alerts as $alert)
            <a class="alert-row" href="{{ $alert['url'] }}">
                <span class="pill {{ $alert['tone'] }}">{{ $alert['kind'] }}</span>
                <div><b>{{ $alert['title'] }}</b><div style="color:var(--muted)">{{ $alert['detail'] }}</div></div>
            </a>
        @empty
            <div class="empty">Rien à traiter pour le moment.</div>
        @endforelse
    </div>
</div>
@endsection