@extends('layouts.app')

@section('titre', 'Réglages')

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

    <h1 class="mb-1 text-xl font-semibold">Réglages</h1>
    <p class="mb-4 text-sm text-slate-500">
        Tout ce qui se lit ici se change sans intervention de développeur. Les textes affichés
        aux clients et les délais annoncés en font partie.
    </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">
            {{ $errors->first() }}
        </div>
    @endif

    <form method="POST" action="{{ route('administration.reglages.modifier') }}" class="space-y-4">
        @csrf

        @foreach ($groupes as $groupe => $reglages)
            <section class="carte space-y-4">
                <h2 class="font-semibold">{{ $libelles[$groupe] ?? ucfirst($groupe) }}</h2>

                @foreach ($reglages as $reglage)
                    <label class="block">
                        <span class="etiquette">{{ $reglage->libelle }}</span>

                        @if ($reglage->type === 'texte_long')
                            <textarea name="reglages[{{ $reglage->cle }}]" rows="6"
                                      class="champ">{{ $reglage->valeur }}</textarea>
                        @elseif ($reglage->type === 'heure')
                            <input name="reglages[{{ $reglage->cle }}]" type="time"
                                   value="{{ $reglage->valeur }}" class="champ sm:max-w-xs">
                        @elseif ($reglage->type === 'entier')
                            <input name="reglages[{{ $reglage->cle }}]" type="number" min="0"
                                   value="{{ $reglage->valeur }}" class="champ sm:max-w-xs">
                        @elseif ($reglage->type === 'email')
                            <input name="reglages[{{ $reglage->cle }}]" type="email"
                                   value="{{ $reglage->valeur }}" class="champ">
                        @else
                            <input name="reglages[{{ $reglage->cle }}]" value="{{ $reglage->valeur }}"
                                   class="champ">
                        @endif

                        @if ($reglage->aide)
                            <span class="mt-1 block text-sm text-slate-500">{{ $reglage->aide }}</span>
                        @endif

                        @if (trim((string) $reglage->valeur) === '')
                            <span class="mt-1 block text-sm text-amber-700">
                                Cette valeur n'est pas encore renseignée.
                            </span>
                        @endif
                    </label>
                @endforeach
            </section>
        @endforeach

        <button type="submit" class="bouton-principal w-full sm:w-auto">Enregistrer les réglages</button>
    </form>
@endsection