@php
    $course = $course ?? null;
    $isTestSeries = ($productType ?? $course?->product_type ?? 'course') === 'test_series';
    $types = ['free' => 'Free', 'paid' => 'Paid', 'subscription' => 'Subscription', 'live' => 'Live', 'private' => 'Private'];
@endphp

<div class="row g-4">
    <div class="col-lg-8">
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white fw-semibold py-3">{{ __('Basic Information') }}</div>
            <div class="card-body">
                <div class="mb-3">
                    <label class="form-label">{{ __('Title') }} <span class="text-danger">*</span></label>
                    <input type="text" name="title" class="form-control @error('title') is-invalid @enderror"
                           value="{{ old('title', $course->title ?? '') }}" required>
                    @error('title') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">{{ __('Short Description') }}</label>
                    <input type="text" name="short_description" class="form-control @error('short_description') is-invalid @enderror"
                           value="{{ old('short_description', $course->short_description ?? '') }}">
                    @error('short_description') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">{{ __('Description') }}</label>
                    <textarea name="description" rows="5" class="form-control @error('description') is-invalid @enderror">{{ old('description', $course->description ?? '') }}</textarea>
                    @error('description') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
            </div>
        </div>

        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white fw-semibold py-3">{{ __('Requirements & Outcomes') }}</div>
            <div class="card-body">
                <div class="mb-3">
                    <label class="form-label">{{ __('Requirements') }} <span class="text-muted small">{{ __('(one per line)') }}</span></label>
                    <textarea name="requirements" rows="4" class="form-control">{{ old('requirements', isset($course) ? implode("\n", (array) ($course->requirements ?? [])) : '') }}</textarea>
                </div>
                <div class="mb-3">
                    <label class="form-label">{{ __('What students will learn') }} <span class="text-muted small">{{ __('(one per line)') }}</span></label>
                    <textarea name="outcomes" rows="4" class="form-control">{{ old('outcomes', isset($course) ? implode("\n", (array) ($course->outcomes ?? [])) : '') }}</textarea>
                </div>
                <div class="mb-0">
                    <label class="form-label">{{ __('Target Audience') }} <span class="text-muted small">{{ __('(one per line)') }}</span></label>
                    <textarea name="target_audience" rows="4" class="form-control">{{ old('target_audience', isset($course) ? implode("\n", (array) ($course->target_audience ?? [])) : '') }}</textarea>
                </div>
            </div>
        </div>

        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white fw-semibold py-3">{{ __('Pricing options') }}</div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label">{{ __('Access length') }}</label>
                        <select name="access_type" class="form-select" id="accessType">
                            <option value="lifetime" @selected(old('access_type', $course->access_type ?? 'lifetime') === 'lifetime')>{{ __('Lifetime access') }}</option>
                            <option value="limited" @selected(old('access_type', $course->access_type ?? '') === 'limited')>{{ __('Limited (rental)') }}</option>
                        </select>
                    </div>
                    <div class="col-md-6" id="accessDaysBox">
                        <label class="form-label">{{ __('Days of access') }}</label>
                        <input type="number" min="1" max="3650" name="access_days" class="form-control" value="{{ old('access_days', $course->access_days ?? '') }}" placeholder="e.g. 90">
                    </div>

                    <div class="col-md-6">
                        <div class="form-check">
                            <input type="hidden" name="pwyw" value="0">
                            <input class="form-check-input" type="checkbox" name="pwyw" value="1" id="pwyw" @checked(old('pwyw', $course->pwyw ?? false))>
                            <label class="form-check-label" for="pwyw">{{ __('Let students name their price') }}</label>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">{{ __('Minimum price') }}</label>
                        <input type="number" step="0.01" min="0" name="pwyw_min" class="form-control" value="{{ old('pwyw_min', $course->pwyw_min ?? '') }}">
                    </div>

                    <div class="col-md-4">
                        <div class="form-check">
                            <input type="hidden" name="allow_installment" value="0">
                            <input class="form-check-input" type="checkbox" name="allow_installment" value="1" id="allowInstallment" @checked(old('allow_installment', $course->allow_installment ?? false))>
                            <label class="form-check-label" for="allowInstallment">{{ __('Allow instalments') }}</label>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">{{ __('Number of instalments') }}</label>
                        <input type="number" min="2" max="24" name="installment_count" class="form-control" value="{{ old('installment_count', $course->installment_count ?? 3) }}">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">{{ __('Days between instalments') }}</label>
                        <input type="number" min="1" max="365" name="installment_interval_days" class="form-control" value="{{ old('installment_interval_days', $course->installment_interval_days ?? 30) }}">
                    </div>

                    <div class="col-md-4">
                        <label class="form-label">{{ __('Seat limit') }}</label>
                        <input type="number" min="1" name="seat_limit" class="form-control" value="{{ old('seat_limit', $course->seat_limit ?? '') }}" placeholder="{{ __('Unlimited') }}">
                    </div>
                    <div class="col-md-4 d-flex align-items-end">
                        <div class="form-check mb-2">
                            <input type="hidden" name="waitlist_enabled" value="0">
                            <input class="form-check-input" type="checkbox" name="waitlist_enabled" value="1" id="waitlistEnabled" @checked(old('waitlist_enabled', $course->waitlist_enabled ?? false))>
                            <label class="form-check-label" for="waitlistEnabled">{{ __('Waitlist when full') }}</label>
                        </div>
                    </div>
                    <div class="col-md-4 d-flex align-items-end">
                        <div class="form-check mb-2">
                            <input type="hidden" name="gift_enabled" value="0">
                            <input class="form-check-input" type="checkbox" name="gift_enabled" value="1" id="giftEnabled" @checked(old('gift_enabled', $course->gift_enabled ?? true))>
                            <label class="form-check-label" for="giftEnabled">{{ __('Can be gifted') }}</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white fw-semibold py-3">{{ __('SEO') }}</div>
            <div class="card-body">
                <div class="mb-3">
                    <label class="form-label">{{ __('Meta Title') }}</label>
                    <input type="text" name="meta_title" class="form-control @error('meta_title') is-invalid @enderror"
                           value="{{ old('meta_title', $course->meta_title ?? '') }}" maxlength="255" placeholder="{{ $course->title ?? __('Defaults to the course title') }}">
                    @error('meta_title') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    <div class="form-text">{{ __('Shown as the page title in search results. Leave blank to use the course title.') }}</div>
                </div>
                <div class="mb-0">
                    <label class="form-label">{{ __('Meta Description') }}</label>
                    <textarea name="meta_description" rows="3" maxlength="300" class="form-control @error('meta_description') is-invalid @enderror"
                              placeholder="{{ __('Defaults to the short description') }}">{{ old('meta_description', $course->meta_description ?? '') }}</textarea>
                    @error('meta_description') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    <div class="form-text">{{ __('Shown under the title in search results. Keep it under 160 characters.') }}</div>
                </div>
            </div>
        </div>

        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white fw-semibold py-3">{{ __('Access rules') }}</div>
            <div class="card-body">
                @php($selectedPrereqs = (array) old('prerequisite_course_ids', $course->prerequisite_course_ids ?? []))
                <div class="mb-3">
                    <label class="form-label">{{ __('Prerequisite courses') }}</label>
                    <select name="prerequisite_course_ids[]" class="form-select" multiple size="5">
                        @foreach(($prereqOptions ?? collect()) as $opt)
                            <option value="{{ $opt->id }}" @selected(in_array($opt->id, array_map('intval', $selectedPrereqs), true))>{{ $opt->title }}</option>
                        @endforeach
                    </select>
                    <div class="form-text">{{ __('Students must complete these before they can enrol in this course. Hold Ctrl / Cmd to pick several.') }}</div>
                </div>
                <div class="form-check">
                    <input type="hidden" name="enforce_sequential" value="0">
                    <input class="form-check-input" type="checkbox" name="enforce_sequential" value="1" id="enforceSequential"
                           @checked(old('enforce_sequential', $course->enforce_sequential ?? false))>
                    <label class="form-check-label" for="enforceSequential">
                        {{ __('Lessons must be taken in order') }}
                        <span class="d-block text-muted small">{{ __('Each lesson stays locked until the previous one is completed.') }}</span>
                    </label>
                </div>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white fw-semibold py-3">{{ __('Thumbnail') }}</div>
            <div class="card-body">
                @if (!empty($course?->thumbnail))
                    <img src="{{ $course->thumbnailUrl() }}" alt="" class="img-fluid rounded mb-3" style="object-fit:cover;">
                @endif
                <input type="file" name="thumbnail" accept="image/*" class="form-control @error('thumbnail') is-invalid @enderror">
                @error('thumbnail') <div class="invalid-feedback">{{ $message }}</div> @enderror
                <small class="text-muted">{{ __('JPG/PNG, max 4MB.') }}</small>
            </div>
        </div>

        @unless($isTestSeries)
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white fw-semibold py-3">{{ __('Preview Video') }}</div>
            <div class="card-body">
                <input type="url" name="preview_video_url" class="form-control @error('preview_video_url') is-invalid @enderror"
                       value="{{ old('preview_video_url', $course?->preview_video_url) }}"
                       placeholder="https://www.youtube.com/watch?v=…">
                @error('preview_video_url') <div class="invalid-feedback">{{ $message }}</div> @enderror
                <small class="text-muted">{{ __('YouTube, Vimeo or a direct MP4 link. Shown on the course page before purchase.') }}</small>
                @if($course?->previewEmbed())
                    <div class="form-check mt-2">
                        <input class="form-check-input" type="checkbox" name="remove_preview_video" value="1" id="remove_preview_video">
                        <label class="form-check-label small" for="remove_preview_video">{{ __('Remove preview video') }}</label>
                    </div>
                @endif
            </div>
        </div>
        @endunless

        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white fw-semibold py-3">{{ __('Settings') }}</div>
            <div class="card-body">
                <div class="mb-3">
                    <label class="form-label">{{ __('Category') }} <span class="text-danger">*</span></label>
                    <select name="category_id" class="form-select @error('category_id') is-invalid @enderror" required>
                        <option value="">{{ __('Select category') }}</option>
                        @foreach ($categories as $category)
                            <option value="{{ $category->id }}" @selected(old('category_id', $course->category_id ?? '') == $category->id)>{{ $category->name }}</option>
                        @endforeach
                    </select>
                    @error('category_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">{{ __('Level') }} <span class="text-danger">*</span></label>
                    <select name="level_id" class="form-select @error('level_id') is-invalid @enderror" required>
                        <option value="">{{ __('Select level') }}</option>
                        @foreach ($levels as $level)
                            <option value="{{ $level->id }}" @selected(old('level_id', $course->level_id ?? '') == $level->id)>{{ __($level->name) }}</option>
                        @endforeach
                    </select>
                    @error('level_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">{{ __('Language') }} <span class="text-danger">*</span></label>
                    <input type="text" name="language" class="form-control" value="{{ old('language', $course->language ?? 'English') }}" required>
                </div>

                <div class="mb-3">
                    <label class="form-label">{{ __('Type') }} <span class="text-danger">*</span></label>
                    <select name="course_type" class="form-select" required>
                        @foreach ($types as $val => $label)
                            <option value="{{ $val }}" @selected(old('course_type', $course->course_type ?? 'paid') == $val)>{{ __($label) }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="mb-3">
                    <label class="form-label">{{ __('Price') }}</label>
                    <input type="number" step="0.01" min="0" name="price" class="form-control @error('price') is-invalid @enderror"
                           value="{{ old('price', $course->price ?? 0) }}">
                    @error('price') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>

                <div class="mb-0">
                    <label class="form-label">{{ __('Discount Price') }}</label>
                    <input type="number" step="0.01" min="0" name="discount_price" class="form-control @error('discount_price') is-invalid @enderror"
                           value="{{ old('discount_price', $course->discount_price ?? '') }}">
                    @error('discount_price') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
            </div>
        </div>

        <button type="submit" class="btn btn-primary w-100 py-2">
            <i class="bi bi-check-lg me-1"></i> {{ __($submitLabel ?? 'Save Course') }}
        </button>
    </div>
</div>


@push('scripts')
    <script>
        // "Days of access" only matters for a rental.
        (function () {
            var t = document.getElementById('accessType'), box = document.getElementById('accessDaysBox');
            if (!t || !box) return;
            function sync() { box.style.display = t.value === 'limited' ? '' : 'none'; }
            t.addEventListener('change', sync); sync();
        })();
    </script>
@endpush