@php $story = $story ?? null; @endphp
<div class="row g-3">
    <div class="col-md-2">
        <label class="form-label">Language *</label>
        <select name="language_code" class="form-select" required>
            <option value="ar" @selected(old('language_code', $story?->language_code ?? 'ar') === 'ar')>Arabic</option>
            <option value="en" @selected(old('language_code', $story?->language_code) === 'en')>English</option>
        </select>
    </div>
    <div class="col-md-7">
        <label class="form-label">Story title *</label>
        <input type="text" name="title" class="form-control @error('title') is-invalid @enderror" value="{{ old('title', $story?->title) }}" required>
        @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-3">
        <label class="form-label">Display order</label>
        <input type="number" name="sort_order" min="0" class="form-control" value="{{ old('sort_order', $story?->sort_order ?? 0) }}">
    </div>
    <div class="col-md-6">
        <label class="form-label">Slug {{ $story ? '*' : '(auto if blank)' }}</label>
        <input type="text" name="slug" class="form-control @error('slug') is-invalid @enderror" value="{{ old('slug', $story?->slug) }}" {{ $story ? 'required' : '' }}>
        @error('slug')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-3">
        <label class="form-label">Bible reference</label>
        <input type="text" name="bible_reference" class="form-control" value="{{ old('bible_reference', $story?->bible_reference) }}" placeholder="Genesis 6-9">
    </div>
    <div class="col-md-3">
        <label class="form-label">Collection *</label>
        <select name="collection" class="form-select" required>
            <option value="old" @selected(old('collection', $story?->collection ?? 'old') === 'old')>Old Testament</option>
            <option value="gospel" @selected(old('collection', $story?->collection) === 'gospel')>Jesus / Gospel</option>
        </select>
    </div>
    <div class="col-md-3">
        <label class="form-label">Age range</label>
        <input type="text" name="age_range" class="form-control" value="{{ old('age_range', $story?->age_range) }}" placeholder="4-9">
    </div>
    <div class="col-md-3">
        <label class="form-label">Duration (minutes)</label>
        <input type="number" name="duration_minutes" min="1" max="300" class="form-control" value="{{ old('duration_minutes', $story?->duration_minutes) }}">
    </div>
    <div class="col-12">
        <label class="form-label">Short description *</label>
        <textarea name="description" rows="3" class="form-control @error('description') is-invalid @enderror" required>{{ old('description', $story?->description) }}</textarea>
        @error('description')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-6">
        <label class="form-label">Moral lesson</label>
        <textarea name="moral_lesson" rows="3" class="form-control">{{ old('moral_lesson', $story?->moral_lesson) }}</textarea>
    </div>
    <div class="col-md-6">
        <label class="form-label">Learning objective</label>
        <textarea name="learning_objective" rows="3" class="form-control">{{ old('learning_objective', $story?->learning_objective) }}</textarea>
    </div>
    @if($story?->image)
    <div class="col-12"><img src="{{ $story->image }}" alt="" class="img-thumbnail" style="max-height: 130px;"></div>
    @endif
    <div class="col-md-6">
        <label class="form-label">Upload cover image</label>
        <input type="file" name="image_file" class="form-control" accept="image/*">
    </div>
    <div class="col-md-6">
        <label class="form-label">Cover image URL</label>
        <input type="text" name="image" class="form-control" value="{{ old('image', $story?->image) }}">
    </div>
    <div class="col-md-6">
        <label class="form-label">Video URL (YouTube / Vimeo / file URL) {{ $story ? '' : '*' }}</label>
        <input type="text" name="video_url" class="form-control @error('video_url') is-invalid @enderror" value="{{ old('video_url', $story?->video_url) }}" placeholder="https://www.youtube.com/watch?v=...">
        @error('video_url')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-6">
        <label class="form-label">Or upload video (MP4/WebM, max 100MB)</label>
        <input type="file" name="video_file" class="form-control @error('video_file') is-invalid @enderror" accept="video/mp4,video/webm">
        @error('video_file')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-3 form-check ms-2 mt-4">
        <input type="checkbox" name="is_published" value="1" class="form-check-input" id="is_published" @checked(old('is_published', $story?->is_published ?? true))>
        <label class="form-check-label" for="is_published">Published in Kids Zone</label>
    </div>
    <div class="col-md-3 form-check ms-2 mt-4">
        <input type="checkbox" name="is_featured" value="1" class="form-check-input" id="is_featured" @checked(old('is_featured', $story?->is_featured ?? false))>
        <label class="form-check-label" for="is_featured">Featured</label>
    </div>
</div>