@extends('admin.layout')

@section('title', $mode === 'arrivages' ? __('Historique des arrivages') : __('Historique des commandes'))

{{--
    Les commandes par semaine, mois ou annee (HistoriquePeriodesController) :
    ce qu'on a recu (mode `arrivages`, date_entrepot) ou ce qu'on a commande
    (mode `commandes`, created_at). Meme ecran, seuls les mots changent.

    De haut en bas : l'echelle et les filtres, les chiffres, le graphique de
    l'echelle — un clic sur une barre liste ses commandes juste en dessous —
    puis la grille des annees mois par mois, dont chaque case mene aussi a
    sa liste.

    Une commande sans la date comptee n'y figure pas.
--}}

@section('content')
    @php
        $base = array_filter([
            'echelle' => $echelle,
            'annee'   => $echelle === 'annee' ? null : $annee,
            'type_id' => $filtres['type_id'] ?? null,
            'usine'   => $filtres['usine'] ?? null,
            'statut'  => $filtres['statut'] ?? null,
        ]);
        $lien = fn (array $modifs) => route($route, array_filter(
            array_merge($base, $modifs),
            fn ($v) => $v !== null && $v !== ''
        ));

        $max = max(1, ...array_map(fn ($p) => (int) $p['n'], $serie));
        $nombre = fn ($n) => number_format((int) $n, 0, ',', ' ');
        $echelles = ['semaine' => __('Semaine'), 'mois' => __('Mois'), 'annee' => __('Année')];

        // Les seuls mots qui different d'un mode a l'autre.
        $arrivages = $mode === 'arrivages';
        $titre = $arrivages ? __('Historique des arrivages') : __('Historique des commandes');
        $compte = fn (int $n) => $arrivages
            ? trans_choice(':n commande reçue|:n commandes reçues', $n, ['n' => $nombre($n)])
            : trans_choice(':n commande passée|:n commandes passées', $n, ['n' => $nombre($n)]);
        $vide = $arrivages ? __('Aucune commande reçue sur cette période.') : __('Aucune commande passée sur cette période.');
    @endphp

    <div class="pagetitle">
        <h1>{{ $titre }}</h1>
    </div>

    {{-- Les deux lectures, a un clic l'une de l'autre, filtres et echelle gardes. --}}
    @if (auth()->user()->can('commandes.view') && auth()->user()->can('commandes.arrivages'))
        @php $garder = array_filter(['echelle' => $echelle, 'annee' => $echelle === 'annee' ? null : $annee] + $filtres); @endphp
        <ul class="nav nav-tabs mb-3 arr-onglets">
            <li class="nav-item">
                <a class="nav-link {{ $arrivages ? '' : 'active' }}" href="{{ route('commandes.historique-commandes', $garder) }}">
                    <i class="bi bi-cart"></i> {{ __('Commandes passées') }} <span class="text-muted small d-none d-md-inline">({{ __('date de commande') }})</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ $arrivages ? 'active' : '' }}" href="{{ route('commandes.historique-arrivages', $garder) }}">
                    <i class="bi bi-truck"></i> {{ __('Arrivages') }} <span class="text-muted small d-none d-md-inline">({{ __('date d’entrepôt') }})</span>
                </a>
            </li>
        </ul>
    @endif

    <section class="section">
        <div class="card p-4">

            {{-- Echelle, annee, filtres --}}
            <div class="d-flex flex-wrap gap-3 align-items-center justify-content-between mb-3">
                <div class="d-flex flex-wrap gap-2 align-items-center">
                    <div class="btn-group btn-group-sm" role="group" aria-label="{{ __('Échelle') }}">
                        @foreach ($echelles as $cle => $libelle)
                            <a href="{{ $lien(['echelle' => $cle, 'periode' => null, 'annee' => $cle === 'annee' ? null : $annee]) }}"
                                class="btn {{ $echelle === $cle ? 'btn-primary' : 'btn-outline-primary' }}"
                                @if ($echelle === $cle) aria-current="page" @endif>{{ $libelle }}</a>
                        @endforeach
                    </div>

                    @if ($echelle !== 'annee')
                        <div class="btn-group btn-group-sm" role="group" aria-label="{{ __('Année') }}">
                            <a href="{{ $lien(['annee' => $annee - 1, 'periode' => null]) }}"
                                class="btn btn-outline-secondary @if ($annee <= $premiere) disabled @endif"
                                aria-label="{{ __('Année précédente') }}"><i class="bi bi-chevron-left"></i></a>
                            <span class="btn btn-outline-secondary disabled fw-semibold arr-annee">{{ $annee }}</span>
                            <a href="{{ $lien(['annee' => $annee + 1, 'periode' => null]) }}"
                                class="btn btn-outline-secondary @if ($annee >= now()->year) disabled @endif"
                                aria-label="{{ __('Année suivante') }}"><i class="bi bi-chevron-right"></i></a>
                        </div>
                    @endif
                </div>

                {{-- Les filtres se soumettent seuls : deux listes, pas de bouton a chercher. --}}
                <form method="GET" action="{{ route($route) }}" class="d-flex flex-wrap gap-2 align-items-center">
                    <input type="hidden" name="echelle" value="{{ $echelle }}">
                    @if ($echelle !== 'annee')
                        <input type="hidden" name="annee" value="{{ $annee }}">
                    @endif
                    <label class="small text-muted" for="arr-type">{{ __('Type') }}</label>
                    <select name="type_id" id="arr-type" class="form-select form-select-sm w-auto" onchange="this.form.submit()">
                        <option value="">{{ __('Tous') }}</option>
                        @foreach ($types as $type)
                            <option value="{{ $type->id }}" @selected(($filtres['type_id'] ?? null) == $type->id)>
                                {{ \App\Helpers\CommandeHelper::nomTraduit($type->nom) }}
                            </option>
                        @endforeach
                    </select>
                    <label class="small text-muted" for="arr-usine">{{ __('Usine') }}</label>
                    <select name="usine" id="arr-usine" class="form-select form-select-sm w-auto" onchange="this.form.submit()">
                        <option value="">{{ __('Toutes') }}</option>
                        @foreach (config('commandes.usines', []) as $code => $usine)
                            <option value="{{ $code }}" @selected(($filtres['usine'] ?? null) == $code)>{{ $usine['label'] }}</option>
                        @endforeach
                    </select>
                    {{-- Une refabrication est une commande de plus : on peut vouloir
                         ne compter que les originales. --}}
                    <label class="small text-muted" for="arr-statut">{{ __('Statut') }}</label>
                    <select name="statut" id="arr-statut" class="form-select form-select-sm w-auto" onchange="this.form.submit()">
                        <option value="">{{ __('Tous') }}</option>
                        @foreach (config('commandes.statuts', []) as $code => $statut)
                            <option value="{{ $code }}" @selected(($filtres['statut'] ?? null) == $code)>{{ \App\Helpers\CommandeHelper::libelle('statuts', $code) }}</option>
                        @endforeach
                    </select>
                </form>
            </div>

            {{-- Chiffres --}}
            <div class="row g-2 mb-3">
                @foreach ($chiffres as $chiffre)
                    <div class="col-6 col-md">
                        <div class="arr-chiffre">
                            <div class="small text-muted">{{ $chiffre['libelle'] }}</div>
                            <div class="fs-4 fw-semibold">
                                {{ $chiffre['valeur'] }}
                                @if (!empty($chiffre['note']))
                                    <span class="fs-6 {{ str_starts_with($chiffre['note'], '-') ? 'text-danger' : 'text-success' }}">{{ $chiffre['note'] }}</span>
                                @endif
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>

            {{-- Graphique : une barre par periode, un lien chacune. Defile a
                 l'horizontale sur un telephone plutot que d'ecraser 53 semaines. --}}
            <div class="arr-graphique-hote">
                <div class="arr-graphique arr-graphique-{{ $echelle }}">
                    @foreach ($serie as $p)
                        @if ($p['n'] === null)
                            <div class="arr-colonne arr-a-venir" title="{{ $p['titre'] }}">
                                <div class="arr-barre-zone"></div>
                                <div class="arr-libelle">{{ $p['libelle'] }}</div>
                            </div>
                        @else
                            <a href="{{ $lien(['periode' => $p['cle']]) }}#periode-liste"
                                class="arr-colonne {{ $periode === $p['cle'] ? 'arr-choisie' : '' }}"
                                title="{{ $p['titre'] }} : {{ $compte($p['n']) }}">
                                <div class="arr-barre-zone">
                                    @if ($p['n'] > 0)
                                        <span class="arr-valeur">{{ $nombre($p['n']) }}</span>
                                        <div class="arr-barre" style="height: {{ max(2, round($p['n'] / $max * 100)) }}%"></div>
                                    @endif
                                </div>
                                <div class="arr-libelle">{{ $p['libelle'] }}</div>
                            </a>
                        @endif
                    @endforeach
                </div>
            </div>
        </div>

        {{-- Les commandes de la periode choisie --}}
        <div class="card p-4" id="periode-liste">
            @if ($commandes === null)
                <p class="text-muted mb-0">{{ $vide }}</p>
            @else
                <h5 class="card-title pt-0 mb-3">
                    {{ $titrePeriode }}
                    <span class="text-muted fw-normal">
                        — {{ $compte($commandes->total()) }}
                    </span>
                </h5>

                @if ($commandes->isEmpty())
                    <p class="text-muted mb-0">{{ $vide }}</p>
                @else
                    <div class="table-responsive">
                        <table class="table table-sm table-hover align-middle">
                            <thead>
                                <tr>
                                    <th>{{ __('N°') }}</th>
                                    <th>{{ __('Client') }}</th>
                                    <th>{{ __('Type') }}</th>
                                    <th>{{ __('Modèle') }}</th>
                                    <th>{{ __('Couleur') }}</th>
                                    <th>{{ __('Usine') }}</th>
                                    <th>{{ $arrivages ? __('Reçue le') : __('Passée le') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($commandes as $commande)
                                    @php
                                        $client = $clients[$commande->id]['client'] ?? null;
                                        $nomClient = $client['libelle'] ?? null;
                                    @endphp
                                    <tr>
                                        <th scope="row">
                                            <a href="{{ route('commandes.show', $commande) }}">{{ $commande->id }}</a>
                                        </th>
                                        <td>
                                            @if ($nomClient)
                                                {{ $nomClient }}
                                            @elseif ($commande->client_id)
                                                <span class="text-muted">{{ __('Client :id', ['id' => $commande->client_id]) }}</span>
                                            @else
                                                <span class="text-muted">—</span>
                                            @endif
                                        </td>
                                        <td>{{ $commande->type ? \App\Helpers\CommandeHelper::nomTraduit($commande->type->nom) : '—' }}</td>
                                        <td>{{ $commande->modele ?: '—' }}</td>
                                        <td title="{{ \App\Helpers\CommandeHelper::couleur($commande->couleur, '') }}">
                                            {{ \App\Helpers\CommandeHelper::couleurCourte($commande->couleur, '—') }}
                                        </td>
                                        <td>{{ \App\Helpers\CommandeHelper::libelle('usines', $commande->usine, '—') }}</td>
                                        <td class="text-nowrap">{{ \Illuminate\Support\Carbon::parse($commande->{$colonne})->format('d/m/Y') }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                    {{ $commandes->links() }}
                @endif
            @endif
        </div>

        {{-- Comparaison : une ligne par annee, un mois par colonne. Plus la case
             est foncee, plus on a recu. --}}
        <div class="card p-4">
            <h5 class="card-title pt-0 mb-3">{{ __('Mois par mois, année par année') }}</h5>

            @include('admin.commandes._grille-periodes', ['grille' => $grille, 'lien' => $lien, 'periode' => $periode])
        </div>
    </section>

    <link rel="stylesheet" href="@assetV('css/commandes/historique-periodes.css')">
@endsection