@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">Name and URL slug for this industry page.</p>
    </div>
    <div class="home-field-grid">
        <div class="span-2">
            <label class="home-label">Name</label>
            <input type="text" name="name" value="{{ old('name', $item?->name) }}" required class="home-input" placeholder="e.g. Legal">
            @error('name')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
        </div>
        <div>
            <label class="home-label">Slug</label>
            <input type="text" name="slug" value="{{ old('slug', $item?->slug) }}" required class="home-input" placeholder="legal">
            @error('slug')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
        </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">Description appears in cards and meta fallbacks; content is the full page body.</p>
    </div>
    <div>
        <label class="home-label">Description</label>
        <textarea name="description" rows="3" class="home-textarea" placeholder="Short pitch for listings and previews">{{ old('description', $item?->description) }}</textarea>
    </div>
    <div>
        <label class="home-label">Content</label>
        <textarea name="content" rows="12" class="home-textarea" placeholder="Full industry page 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">Used in listings, cards, and as a social fallback when OG image is empty.</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 visibility and ordering in the industries catalog.</p>
    </div>
    <div class="home-field-grid">
        <div>
            <label class="home-label">Status</label>
            <select name="status" class="home-select" required>
                <option value="draft" @selected(old('status', $item?->status ?? 'draft') === 'draft')>Draft</option>
                <option value="published" @selected(old('status', $item?->status ?? 'draft') === 'published')>Published</option>
            </select>
        </div>
        <div>
            <label class="home-label">Sort order</label>
            <input type="number" name="sort_order" value="{{ old('sort_order', $item?->sort_order ?? 0) }}" class="home-input">
        </div>
    </div>
</section>