@php
    $photoId = old('photo_id', $item?->photo_id);
    $photoPreview = $item?->photo?->url();
    $active = old('is_active', $item?->is_active ?? true);
    $featured = old('is_featured', $item?->is_featured ?? false);
@endphp

<section id="person" class="home-seo-card space-y-4">
    <div>
        <h3 class="text-sm font-semibold text-slate-900">Person</h3>
        <p class="text-xs text-slate-500">Who is speaking — name, role, and company for attribution.</p>
    </div>
    <div class="home-field-grid">
        <div>
            <label class="home-label">Name</label>
            <input type="text" name="name" value="{{ old('name', $item?->name) }}" required class="home-input" placeholder="Jane Smith">
            @error('name')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
        </div>
        <div>
            <label class="home-label">Role / title</label>
            <input type="text" name="role" value="{{ old('role', $item?->role) }}" class="home-input" placeholder="Founder & CEO">
            @error('role')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
        </div>
        <div class="span-2">
            <label class="home-label">Company</label>
            <input type="text" name="company" value="{{ old('company', $item?->company) }}" class="home-input" placeholder="Acme Pty Ltd">
            @error('company')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
        </div>
    </div>
</section>

<section id="quote" class="home-seo-card space-y-4 mt-4">
    <div>
        <h3 class="text-sm font-semibold text-slate-900">Quote</h3>
        <p class="text-xs text-slate-500">The testimonial text shown on homepage carousels and social-proof sections.</p>
    </div>
    <div>
        <label class="home-label">Content</label>
        <textarea name="content" rows="6" required class="home-textarea" placeholder="Working with Apex Admins transformed how we scale…">{{ old('content', $item?->content) }}</textarea>
        @error('content')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
    </div>
    <div class="home-field-grid">
        <div>
            <label class="home-label">Rating (1–5)</label>
            <select name="rating" class="home-select">
                <option value="">No rating</option>
                @for ($i = 5; $i >= 1; $i--)
                    <option value="{{ $i }}" @selected((string) old('rating', $item?->rating) === (string) $i)>{{ $i }} star{{ $i === 1 ? '' : 's' }}</option>
                @endfor
            </select>
            @error('rating')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
        </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" min="0" step="1">
            @error('sort_order')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
        </div>
    </div>
</section>

<section id="media" class="home-seo-card space-y-4 mt-4">
    <div>
        <h3 class="text-sm font-semibold text-slate-900">Media</h3>
        <p class="text-xs text-slate-500">Optional headshot and video for richer testimonial displays.</p>
    </div>
    <x-admin.media-picker
        mode="id"
        name="photo_id"
        :value="$photoId"
        label="Photo"
        help="Square headshot works best in quote cards."
        :preview-url="$photoPreview"
    />
    <div class="mt-4">
        <label class="home-label">Video URL</label>
        <input type="url" name="video_url" value="{{ old('video_url', $item?->video_url) }}" class="home-input" placeholder="https://www.youtube.com/watch?v=…">
        <p class="mt-1 text-xs text-slate-500">YouTube or Vimeo link for video testimonials.</p>
        @error('video_url')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
    </div>
</section>

<section id="visibility" class="home-seo-card space-y-4 mt-4">
    <div>
        <h3 class="text-sm font-semibold text-slate-900">Visibility</h3>
        <p class="text-xs text-slate-500">Control whether this quote is live and featured on the homepage.</p>
    </div>
    <div class="home-field-grid">
        <div>
            <label class="home-label">Status</label>
            <select name="is_active" class="home-select">
                <option value="1" @selected((string) $active === '1' || $active === true || $active === 1)>Active</option>
                <option value="0" @selected((string) $active === '0' || $active === false || $active === 0)>Inactive</option>
            </select>
        </div>
        <div>
            <label class="home-label">Featured</label>
            <select name="is_featured" class="home-select">
                <option value="0" @selected(! $featured || (string) $featured === '0')>Standard</option>
                <option value="1" @selected((string) $featured === '1' || $featured === true || $featured === 1)>Featured highlight</option>
            </select>
        </div>
    </div>
</section>