@extends('layouts.app')

@section('content')
<div class="max-w-2xl mx-auto px-4 py-8">
    <h1 class="text-3xl font-bold mb-8 text-gray-800">Paramètres du Site & Pied de page</h1>

    <div class="bg-white shadow-lg rounded-lg p-6 border-t-4 border-primary">
        <form action="{{ route('admin.settings.update') }}" method="POST">
            @csrf
            @method('PUT')

            <div class="space-y-6">
                @foreach($settings as $setting)
                    <div>
                        <label class="block text-gray-700 font-bold mb-2">
                            {{ $setting->label }}
                        </label>

                        @if($setting->type === 'textarea')
                            <textarea name="{{ $setting->key }}" rows="3" class="w-full border rounded px-3 py-2 focus:ring-primary focus:border-primary">{{ $setting->value }}</textarea>
                        @else
                            <input type="{{ $setting->type }}" name="{{ $setting->key }}" value="{{ $setting->value }}" class="w-full border rounded px-3 py-2 focus:ring-primary focus:border-primary">
                        @endif
                    </div>
                @endforeach
            </div>

            <div class="mt-8 pt-6 border-t">
                <button type="submit" class="w-full bg-primary hover:bg-primary-dark text-white font-bold py-3 px-4 rounded shadow transition transform hover:scale-105">
                    <i class="fas fa-save mr-2"></i> Enregistrer les paramètres
                </button>
            </div>
        </form>
    </div>
</div>
@endsection