@extends('admin.layouts.app')

@section('title', $title)

@section('content')
    <h1 class="page-title">{{ $title }}</h1>
    <p class="lead">{{ $intro }}</p>

    <div class="form-note">
        Seules les <strong>valeurs</strong> sont modifiables — la mise en page, les icônes et le design restent intacts,
        vous ne pouvez rien casser.
        @if ($section === 'social') Laissez « # » pour un réseau non utilisé. @endif
        <br><strong>Astuce :</strong> un champ laissé <strong>vide</strong> reprend automatiquement son texte d'origine à l'enregistrement.
    </div>

    <form method="POST" action="{{ route($updateRoute) }}">
        @csrf
        @method('PUT')

        @foreach ($groups as $groupLabel => $fields)
            <div class="card">
                <h2>{{ $groupLabel }}</h2>
                @foreach ($fields as $key => $def)
                    <div class="field {{ $errors->has('v.' . $key) ? 'has-error' : '' }}">
                        <label @if ($def['type'] !== 'richtext') for="s_{{ \Illuminate\Support\Str::slug($key) }}" @endif>{{ $def['label'] }}</label>
                        @if ($def['type'] === 'richtext')
                            @include('admin.blocks._richeditor', ['name' => 'v[' . $key . ']', 'value' => old('v.' . $key, $values[$key] ?? $def['default'])])
                        @else
                            <input type="text" id="s_{{ \Illuminate\Support\Str::slug($key) }}" name="v[{{ $key }}]" value="{{ old('v.' . $key, $values[$key] ?? $def['default']) }}"
                                   @if ($def['type'] === 'url') placeholder="https://…  (ou #)" @endif>
                            @if ($def['type'] === 'url')
                                <p class="help">Adresse complète (ex. https://instagram.com/votrecompte). « # » = aucun lien.</p>
                            @endif
                        @endif
                        @error('v.' . $key)<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                @endforeach
            </div>
        @endforeach

        <div class="form-actions">
            <button class="btn btn-gold" type="submit">Enregistrer</button>
        </div>
    </form>

    <form method="POST" action="{{ route($resetRoute) }}"
          data-confirm="Êtes-vous sûr de bien vouloir remettre cette section à la version d’origine ? (l’autre section n’est pas affectée)"
          data-confirm-variant="danger" data-confirm-yes="Oui, réinitialiser"
          style="margin-top: 14px;">
        @csrf
        <button class="btn btn-sm" type="submit">↺ Réinitialiser : {{ $title }}</button>
    </form>
@endsection