@extends('layouts.app')

@section('titre', "Pôles d'activité")

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

    <h1 class="mb-1 text-xl font-semibold">Pôles d'activité</h1>
    <p class="mb-4 text-sm text-slate-500">
        Un pôle cloisonne les dossiers. Un compte ne voit que ceux des pôles auxquels il est
        rattaché. Seul l'administrateur voit tout, et lui seul règle cet écran.
    </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

    @foreach ($poles as $pole)
        @php $compte = $dossiers[$pole->id]; $total = array_sum($compte); @endphp
        <section class="carte mb-3 {{ $pole->actif ? '' : 'opacity-60' }}">
            <form method="POST" action="{{ route('administration.poles.modifier', $pole) }}"
                  class="space-y-3">
                @csrf
                <div class="flex flex-wrap items-start justify-between gap-3">
                    <div class="min-w-56 flex-1">
                        <div class="grid gap-3 sm:grid-cols-4">
                            <label class="sm:col-span-3"><span class="etiquette">Nom</span>
                                <input name="nom" value="{{ $pole->nom }}" required class="champ"></label>
                            <label><span class="etiquette">Ordre</span>
                                <input name="ordre" type="number" min="0" value="{{ $pole->ordre }}"
                                       class="champ"></label>
                        </div>
                        <label class="mt-3 block"><span class="etiquette">Description</span>
                            <textarea name="description" rows="2"
                                      class="champ">{{ $pole->description }}</textarea>
                            @unless ($pole->description)
                                <span class="mt-1 block text-sm text-amber-700">
                                    Activité pas encore décrite.
                                </span>
                            @endunless
                        </label>
                    </div>

                    <div class="text-right text-sm">
                        <p class="font-mono text-xs text-slate-500">{{ $pole->code }}</p>
                        <p class="mt-1 text-slate-600">{{ $pole->membres_count }} compte(s)</p>
                        <p class="text-slate-600">{{ $total }} dossier(s)</p>
                        @unless ($pole->actif)
                            <p class="mt-1 text-amber-700">Désactivé</p>
                        @endunless
                    </div>
                </div>

                <div class="flex flex-wrap items-center gap-3">
                    <button type="submit" class="bouton-secondaire">Enregistrer</button>
                </div>
            </form>

            <form method="POST" action="{{ route('administration.poles.basculer', $pole) }}"
                  class="mt-2 border-t border-slate-100 pt-2">
                @csrf
                <button type="submit" class="text-sm font-medium text-marque-700 hover:underline">
                    {{ $pole->actif ? 'Désactiver ce pôle' : 'Réactiver ce pôle' }}
                </button>
                @if ($pole->actif && $total > 0)
                    <span class="ml-2 text-sm text-slate-500">
                        Impossible tant qu'il porte des dossiers.
                    </span>
                @endif
            </form>
        </section>
    @endforeach

    <section class="carte mt-6">
        <h2 class="mb-1 font-semibold">Créer un pôle</h2>
        <p class="mb-3 text-sm text-slate-500">
            Le code sert dans les adresses et ne change plus ensuite. Minuscules, chiffres
            et tirets.
        </p>
        <form method="POST" action="{{ route('administration.poles.enregistrer') }}" class="space-y-3">
            @csrf
            <div class="grid gap-3 sm:grid-cols-2">
                <label><span class="etiquette">Nom</span>
                    <input name="nom" value="{{ old('nom') }}" required class="champ"></label>
                <label><span class="etiquette">Code</span>
                    <input name="code" value="{{ old('code') }}" placeholder="vue-den-face"
                           required class="champ"></label>
            </div>
            <label><span class="etiquette">Description</span>
                <textarea name="description" rows="2" class="champ">{{ old('description') }}</textarea></label>
            <button type="submit" class="bouton-principal w-full sm:w-auto">Créer le pôle</button>
        </form>
    </section>
@endsection