@extends('backend.layouts.app')

@section('title')
    Edit {{ Str::headline($page) }}
@endsection

@section('headerWithButton')
    <h2 class="text-lg font-semibold text-gray-900">@yield('title')</h2>
@endsection

@section('content')
    <form action="{{ route('website-content.update', $page) }}" method="POST">
        @csrf
        @method('PUT')

        <p class="text-xs text-gray-500 mb-4">Nepali falls back to English when empty.</p>

        @foreach ($sections as $section => $contents)
            <fieldset class="border border-gray-300 p-4 rounded-lg shadow-sm mb-6">
                <legend class="text-lg font-semibold px-2 text-gray-700">{{ Str::headline($section) }}</legend>

                @foreach ($contents as $content)
                    @php($name = "contents[{$content->id}]")
                    @php($dot = "contents.{$content->id}")

                    <div class="@if (!$loop->last) mb-6 @endif">
                        <h3 class="font-semibold text-gray-900 mb-3">
                            {{ $content->title }}
                            <span class="text-xs font-normal text-gray-500">({{ App\Enum\WebsiteContentTypeEnum::map($content->content_type->value) }})</span>
                        </h3>

                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                            <div>
                                <x-fields.textarea-summernote-field label="Content (English)" :data="old($dot . '.content_en', $content->content_en)" :fieldName="$name . '[content_en]'" :required=true />
                                @error($dot . '.content_en')
                                    <p class="text-sm text-red-600 mt-1">{{ $message }}</p>
                                @enderror
                            </div>

                            <div>
                                <x-fields.textarea-summernote-field label="Content (Nepali)" :data="old($dot . '.content_np', $content->content_np)" :fieldName="$name . '[content_np]'" :required=false />
                                @error($dot . '.content_np')
                                    <p class="text-sm text-red-600 mt-1">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>
                    </div>
                @endforeach
            </fieldset>
        @endforeach

        <div class="flex mt-6 gap-2">
            <x-buttons.form-save-button type="Update" />
            <x-buttons.form-cancel-button href="{{ route('website-content.index') }}" />
        </div>
    </form>
@endsection