@php
    $featuredId = old('featured_image_id', $item?->featured_image_id);
    $featuredPreview = $item?->featuredImage?->url();
@endphp

<section id="basics" class="home-seo-card space-y-4">
    <div>
        <h3 class="text-sm font-semibold text-slate-900">Basics</h3>
        <p class="text-xs text-slate-500">Title and locked URL slug for this static page.</p>
    </div>
    <div class="home-field-grid">
        <div class="span-2">
            <label class="home-label">Title</label>
            <input type="text" name="title" value="{{ old('title', $item->title) }}" required class="home-input">
            @error('title')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
        </div>
        <div>
            <label class="home-label">Slug (locked)</label>
            <input type="text" value="{{ $item->slug }}" class="home-input" disabled>
            <p class="home-note mt-2">Catalog pages keep a fixed URL for SEO stability.</p>
        </div>
    </div>
</section>

<section id="copy" class="home-seo-card space-y-4 mt-4">
    <div>
        <h3 class="text-sm font-semibold text-slate-900">Copy</h3>
        <p class="text-xs text-slate-500">Excerpt for previews/meta fallback; content powers the public page body.</p>
    </div>
    <div>
        <label class="home-label">Excerpt</label>
        <textarea name="excerpt" rows="3" class="home-textarea" placeholder="Short summary">{{ old('excerpt', $item->excerpt) }}</textarea>
    </div>
    <div>
        <label class="home-label">Content</label>
        <textarea name="content" rows="16" class="home-textarea" placeholder="Full page HTML content">{{ old('content', $item->content) }}</textarea>
    </div>
</section>

<section id="media" class="home-seo-card space-y-4 mt-4">
    <div>
        <h3 class="text-sm font-semibold text-slate-900">Featured image</h3>
        <p class="text-xs text-slate-500">Optional hero/social fallback image.</p>
    </div>
    <x-admin.media-picker
        mode="id"
        name="featured_image_id"
        :value="$featuredId"
        label="Featured image"
        help="Upload or pick from the Media Library."
        :preview-url="$featuredPreview"
    />
</section>

<section id="publish" class="home-seo-card space-y-4 mt-4">
    <div>
        <h3 class="text-sm font-semibold text-slate-900">Publish</h3>
        <p class="text-xs text-slate-500">Control whether this page is live on the site.</p>
    </div>
    <div class="home-field-grid">
        <div>
            <label class="home-label">Status</label>
            <select name="status" class="home-select" required>
                @foreach (['draft' => 'Draft', 'published' => 'Published', 'scheduled' => 'Scheduled'] as $value => $label)
                    <option value="{{ $value }}" @selected(old('status', $item->status) === $value)>{{ $label }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="home-label">Published at</label>
            <input type="datetime-local" name="published_at" class="home-input"
                   value="{{ old('published_at', optional($item->published_at)->format('Y-m-d\TH:i')) }}">
        </div>
    </div>
</section>