@extends('layouts.admin.base')

@section('page.title', 'Paramètres des messages de contact')

@section('page.content')
    <div class="flex mb-4">
        <a href="{{ route('admin.contact-messages.list') }}" class="px-3 py-1 text-sm bg-gray-600 text-white rounded shadow"><i class="bi bi-arrow-left"></i> Retour</a>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
        <div class="md:col-span-2 grid gap-4 mb-auto">
            <div class="bg-slate-50 border rounded shadow-sm p-4 w-full overflow-hidden">
                <p class="font-serif text-lg mb-2">Notifications</p>

                <form action="{{ route('admin.settings.store') }}" method="POST">
                    @csrf
                    <input type="hidden" name="key" id="key" value="contact_email">

                    <div class="grid grid-cols-1 sm:grid-cols-3 lg:grid-cols-4 gap-4">
                        <div class="sm:col-span-2 lg:col-span-3">
                            @include('components.forms.inputs.classic-light', [
                                'id' => 'value',
                                'type' => 'email',
                                'required' => true,
                                'placeholder' => 'Email à ajouter'
                            ])
                        </div>
                        <button type="submit" class="px-3 py-1 bg-green-500 text-white rounded shadow-sm mb-auto">
                            Ajouter
                        </button>
                    </div>
                </form>

                <p class="text-sm text-gray-500 mb-4">Les adresses emails suivantes recevront les notifications des messages de contact :</p>

                @forelse (\App\Models\Setting::where('key', 'contact_email')->get() as $setting)
                    <div class="w-full p-2 border rounded shadow-sm mb-2 last:mb-0 flex items-center justify-between bg-white">
                        <p class="truncate pr-2">{{ $setting->value }}</p>
                        <a class="px-3 py-1 text-sm bg-red-500 text-white rounded shadow-sm" href="{{ route('admin.settings.delete', ['setting' => $setting]) }}">Supprimer</a>
                    </div>
                @empty
                    <p>Aucune adresse email n'a été ajoutée.</p>
                @endforelse
            </div>
        </div>
    </div>
@endsection