@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, client, industry, and URL slug for this success story.</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" placeholder="e.g. How Acme scaled support with remote talent">
            @error('title')<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="acme-scaled-support">
            @error('slug')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
        </div>
        <div>
            <label class="home-label">Client name</label>
            <input type="text" name="client_name" value="{{ old('client_name', $item?->client_name) }}" class="home-input" placeholder="Acme Pty Ltd">
        </div>
        <div class="span-2">
            <label class="home-label">Industry</label>
            <select name="industry_id" class="home-select">
                <option value="">None</option>
                @foreach ($industries as $industry)
                    <option value="{{ $industry->id }}" @selected((string) old('industry_id', $item?->industry_id) === (string) $industry->id)>
                        {{ $industry->name }}
                    </option>
                @endforeach
            </select>
        </div>
    </div>
</section>

<section id="story" class="home-seo-card space-y-4 mt-4">
    <div>
        <h3 class="text-sm font-semibold text-slate-900">Story</h3>
        <p class="text-xs text-slate-500">Summary for listings; challenge, solution, and results for the detail page.</p>
    </div>
    <div>
        <label class="home-label">Summary</label>
        <textarea name="summary" rows="3" class="home-textarea" placeholder="Short pitch for cards and previews">{{ old('summary', $item?->summary) }}</textarea>
    </div>
    <div>
        <label class="home-label">Challenge</label>
        <textarea name="challenge" rows="4" class="home-textarea" placeholder="What problem did the client face?">{{ old('challenge', $item?->challenge) }}</textarea>
    </div>
    <div>
        <label class="home-label">Solution</label>
        <textarea name="solution" rows="4" class="home-textarea" placeholder="How did Apex Admins help?">{{ old('solution', $item?->solution) }}</textarea>
    </div>
    <div>
        <label class="home-label">Results</label>
        <textarea name="results" rows="4" class="home-textarea" placeholder="Outcomes, metrics, and wins">{{ old('results', $item?->results) }}</textarea>
    </div>
    <div>
        <label class="home-label">Full content</label>
        <textarea name="content" rows="10" class="home-textarea" placeholder="Optional extended narrative">{{ 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 case studies 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">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>
            <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>