@extends('layouts.admin', ['title' => 'Website Content'])

@section('content')
    <div class="rounded-2xl border border-white/10 bg-white/5 p-8">
        <div class="text-xl font-semibold">Website Content</div>
        <div class="mt-2 text-sm text-white/60">Update text blocks and lists used across the website pages.</div>

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

            @foreach($schema as $group => $fields)
                <div class="rounded-2xl border border-white/10 bg-slate-950/30 p-6">
                    <div class="text-sm font-semibold">{{ $group }}</div>
                    <div class="mt-5 grid gap-5 lg:grid-cols-2">
                        @foreach($fields as $field)
                            <div class="space-y-2">
                                <label class="text-xs text-white/70">{{ $field['label'] }}</label>
                                @php($name = $field['name'])
                                @php($value = old($name, $values[$name] ?? ''))

                                @if(in_array($field['type'], ['textarea', 'list', 'html'], true))
                                    <textarea name="{{ $name }}" rows="6" class="w-full rounded-xl border border-white/10 bg-slate-950/40 px-4 py-3 text-sm text-white/90 outline-none focus:border-emerald-400/60">{{ $value }}</textarea>
                                @else
                                    <input name="{{ $name }}" value="{{ $value }}" class="w-full rounded-xl border border-white/10 bg-slate-950/40 px-4 py-3 text-sm text-white/90 outline-none focus:border-emerald-400/60">
                                @endif
                            </div>
                        @endforeach
                    </div>
                </div>
            @endforeach

            <div class="flex items-center gap-3">
                <button class="rounded-xl bg-white px-6 py-3 text-sm font-semibold text-slate-900 transition hover:bg-white/90">
                    Save Content
                </button>
            </div>
        </form>
    </div>
@endsection