@extends('layouts.admin', [
    'title' => 'Settings | Admin | LottoData',
    'heading' => 'Settings',
])

@section('content')
    <section class="max-w-4xl rounded-[2rem] border border-white/10 bg-white/[0.04] p-6 lg:p-8">
        <div class="flex flex-col gap-3">
            <p class="text-sm font-semibold uppercase tracking-[0.35em] text-slate-400">Managed text settings</p>
            <h2 class="text-3xl font-semibold text-white">Homepage hero copy and footer/disclaimer text.</h2>
        </div>

        @if (session('status'))
            <div class="mt-6 rounded-2xl border border-emerald-300/20 bg-emerald-300/10 px-4 py-3 text-sm text-emerald-100">
                {{ session('status') }}
            </div>
        @endif

        <form method="POST" action="{{ route('admin.settings.update') }}" class="mt-8 space-y-6">
            @csrf
            @method('PUT')

            @foreach ($settings as $setting)
                <div>
                    <label for="setting_{{ $setting['input'] }}" class="block text-sm font-medium text-slate-200">{{ $setting['label'] }}</label>
                    <textarea id="setting_{{ $setting['input'] }}" name="{{ $setting['input'] }}" rows="{{ $setting['input'] === 'home_headline' ? 3 : 4 }}" class="mt-2 w-full rounded-2xl border border-white/10 bg-slate-950/70 px-4 py-3 text-white focus:border-cyan-300 focus:outline-none">{{ old($setting['input'], $setting['value']) }}</textarea>
                    @error($setting['input'])<p class="mt-2 text-sm text-rose-300">{{ $message }}</p>@enderror
                </div>
            @endforeach

            <button type="submit" class="rounded-full bg-cyan-300 px-5 py-3 text-sm font-semibold text-slate-950 transition hover:bg-cyan-200">
                Save settings
            </button>
        </form>
    </section>
@endsection