@extends('layouts.app')

@section('titre', 'Secteurs et tarifs')

@section('contenu')
    @include('administration._onglets')

    <h1 class="mb-1 text-xl font-semibold">Secteurs et tarifs</h1>
    <p class="mb-4 text-sm text-slate-500">
        Le magasin choisit un secteur à la main, d'après la commune du client. La liste des
        communes est donc ce qui évite les erreurs de facturation.
    </p>

    @if ($errors->any())
        <div class="mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">
            <ul class="list-inside list-disc">
                @foreach ($errors->all() as $erreur)<li>{{ $erreur }}</li>@endforeach
            </ul>
        </div>
    @endif

    <form method="POST" action="{{ route('administration.secteurs.ajouter') }}"
          class="carte mb-4 flex flex-wrap items-end gap-3">
        @csrf
        <label class="min-w-40 flex-1"><span class="etiquette">Nouveau secteur</span>
            <input name="nom" placeholder="Ville et petite couronne" required class="champ"></label>
        <button type="submit" class="bouton-secondaire">Ajouter</button>
    </form>

    @foreach ($secteurs as $secteur)
        <section class="carte mb-4">
            <h2 class="mb-3 font-semibold">{{ $secteur->nom }}</h2>

            <h3 class="mb-2 text-sm font-semibold">Grille tarifaire</h3>
            <div class="overflow-x-auto">
                <table class="w-full min-w-96 text-sm">
                    <thead>
                        <tr class="border-b border-slate-200 text-left text-slate-500">
                            <th class="py-1 pr-3 font-medium">Prestation</th>
                            <th class="py-1 pr-3 font-medium">Montant</th>
                            <th class="py-1 font-medium">À partir du</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($tarifs[$secteur->id] ?? [] as $prestation => $lignes)
                            @foreach ($lignes as $rang => $tarif)
                                <tr class="border-b border-slate-100 last:border-0">
                                    <td class="py-1.5 pr-3">
                                        {{ \App\Models\Tarif::PRESTATIONS[$prestation] }}
                                        @if ($rang === 0 && ! $tarif->date_effet->isFuture())
                                            <span class="ml-1 text-xs text-marque-700">en vigueur</span>
                                        @elseif ($tarif->date_effet->isFuture())
                                            <span class="ml-1 text-xs text-amber-700">à venir</span>
                                        @else
                                            <span class="ml-1 text-xs text-slate-400">ancien</span>
                                        @endif
                                    </td>
                                    <td class="py-1.5 pr-3 tabular-nums">
                                        {{ \App\Services\CalculTarif::formater($tarif->montant_centimes) }}
                                    </td>
                                    <td class="py-1.5">{{ $tarif->date_effet->translatedFormat('j F Y') }}</td>
                                </tr>
                            @endforeach
                        @empty
                            <tr>
                                <td colspan="3" class="py-2 text-amber-700">
                                    Aucun tarif défini. Une livraison sur ce secteur ne pourra pas être chiffrée.
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <form method="POST" action="{{ route('administration.tarifs.publier', $secteur) }}"
                  class="mt-3 flex flex-wrap items-end gap-3">
                @csrf
                <label><span class="etiquette">Prestation</span>
                    <select name="prestation" class="champ">
                        @foreach (\App\Models\Tarif::PRESTATIONS as $valeur => $libelle)
                            <option value="{{ $valeur }}">{{ $libelle }}</option>
                        @endforeach
                    </select>
                </label>
                <label><span class="etiquette">Montant (€)</span>
                    <input name="montant_euros" type="number" step="0.5" min="0" required class="champ w-28"></label>
                <label><span class="etiquette">À partir du</span>
                    <input name="date_effet" type="date" value="{{ now()->toDateString() }}"
                           required class="champ"></label>
                <button type="submit" class="bouton-secondaire">Publier</button>
            </form>
            <p class="mt-2 text-sm text-slate-500">
                Un tarif ne se corrige pas : on en publie un nouveau, avec sa date d'effet. Les
                dossiers déjà chiffrés gardent leur prix.
            </p>

            <h3 class="mt-5 mb-2 text-sm font-semibold">
                Communes ({{ $secteur->communes->count() }})
            </h3>
            @if ($secteur->communes->isEmpty())
                <p class="mb-2 text-sm text-amber-700">
                    Aucune commune rattachée. Le magasin n'aura aucun repère pour choisir ce secteur.
                </p>
            @else
                <div class="mb-2 flex flex-wrap gap-2">
                    @foreach ($secteur->communes as $commune)
                        <form method="POST" action="{{ route('administration.communes.supprimer', $commune) }}"
                              class="inline-flex items-center gap-1 rounded-full bg-slate-100 py-1 pr-2 pl-3 text-sm">
                            @csrf
                            @method('DELETE')
                            <span>{{ $commune->nom }}</span>
                            @if ($commune->code_postal)
                                <span class="text-slate-500">{{ $commune->code_postal }}</span>
                            @endif
                            <button type="submit" class="px-1 text-slate-500 hover:text-red-700"
                                    aria-label="Retirer {{ $commune->nom }}">&times;</button>
                        </form>
                    @endforeach
                </div>
            @endif

            <form method="POST" action="{{ route('administration.communes.ajouter', $secteur) }}"
                  class="flex flex-wrap items-end gap-3">
                @csrf
                <label class="min-w-40 flex-1"><span class="etiquette">Commune</span>
                    <input name="nom" required class="champ"></label>
                <label><span class="etiquette">Code postal</span>
                    <input name="code_postal" inputmode="numeric" class="champ w-32"></label>
                <button type="submit" class="bouton-secondaire">Rattacher</button>
            </form>
        </section>
    @endforeach
@endsection