@php
    $catOptions = [];
    foreach ($categories as $cat) {
        $categoryOptions[$cat['slug'] ?? ''] = $cat['label'] ?? ($cat['slug'] ?? '');
    }
@endphp
<form method="POST" action="{{ route('admin.course.save') }}" class="panel">
    @csrf

    <div class="panel-head">
        <div>
            <h2>📚 কোর্স ও মডিউল</h2>
            <p class="muted">কোর্স, মডিউল ও ভিডিও</p>
        </div>
    </div>

    <div class="fld full">
        <label>কোর্স বেছে নিন</label>
        <select onchange="if(this.value){location.href=this.value;}">
            <option value="">— কোর্স বেছে নিন —</option>
            @foreach($courses as $c)
                <option value="{{ route('admin.index', ['tab' => 'courses', 'course' => $c['slug']]) }}"
                    {{ $editSlug === ($c['slug'] ?? null) ? 'selected' : '' }}>
                    {{ $c['emoji'] ?? '' }} {{ $c['title'] }}
                </option>
            @endforeach
            <option value="{{ route('admin.index', ['tab' => 'courses', 'course' => '__new__']) }}"
                {{ $editSlug === '__new__' ? 'selected' : '' }}>➕ নতুন কোর্স তৈরি করুন</option>
        </select>
    </div>

    @if($courseDraft)
        @php $isNew = $editSlug === '__new__'; @endphp

        <h3 class="grp">📘 কোর্সের তথ্য</h3>
        <div class="grid">
            <div class="fld">
                <label>slug (URL — ছোট হাতের ইংরেজি)</label>
                @if($isNew)
                    <input type="text" name="course[slug]" value="{{ $courseDraft['slug'] ?? '' }}" placeholder="my-course">
                @else
                    <input type="text" value="{{ $courseDraft['slug'] ?? '' }}" readonly>
                    <input type="hidden" name="course[slug]" value="{{ $courseDraft['slug'] ?? '' }}">
                @endif
            </div>
            @include('admin.partials.field', ['name' => 'course[title]', 'label' => 'কোর্সের নাম', 'value' => $courseDraft['title'] ?? ''])
            @include('admin.partials.field', ['name' => 'course[category]', 'label' => 'ক্যাটাগরি (slug)', 'value' => $courseDraft['category'] ?? '', 'type' => 'select', 'options' => $categoryOptions])
            @include('admin.partials.field', ['name' => 'course[categoryLabel]', 'label' => 'ক্যাটাগরি লেবেল', 'value' => $courseDraft['categoryLabel'] ?? ''])
            @include('admin.partials.field', ['name' => 'course[instructor]', 'label' => 'ইন্সট্রাক্টর', 'value' => $courseDraft['instructor'] ?? ''])
            @include('admin.partials.field', ['name' => 'course[duration]', 'label' => 'সময়কাল', 'value' => $courseDraft['duration'] ?? ''])
            @include('admin.partials.field', ['name' => 'course[lessons]', 'label' => 'লেসন সংখ্যা', 'value' => $courseDraft['lessons'] ?? ''])
            @include('admin.partials.field', ['name' => 'course[level]', 'label' => 'লেভেল', 'value' => $courseDraft['level'] ?? ''])
            @include('admin.partials.field', ['name' => 'course[badge]', 'label' => 'ব্যাজ', 'value' => $courseDraft['badge'] ?? ''])
            @include('admin.partials.field', ['name' => 'course[price]', 'label' => 'মূল্য', 'value' => $courseDraft['price'] ?? ''])
            @include('admin.partials.field', ['name' => 'course[emoji]', 'label' => 'ইমোজি', 'value' => $courseDraft['emoji'] ?? ''])
            @include('admin.partials.field', ['name' => 'course[color]', 'label' => 'কালার (CSS gradient)', 'value' => $courseDraft['color'] ?? '', 'full' => true])
            @include('admin.partials.field', ['name' => 'course[description]', 'label' => 'বর্ণনা', 'value' => $courseDraft['description'] ?? '', 'type' => 'textarea', 'full' => true])
            @include('admin.partials.lines', ['name' => 'course[learn]', 'label' => 'যা যা শিখবেন', 'value' => $courseDraft['learn'] ?? [], 'full' => true])
        </div>

        <h3 class="grp">🔍 এই কোর্সের SEO (Google-এ কীভাবে দেখাবে)</h3>
        <p class="hint">💡 খালি রাখলে কোর্সের নাম ও বর্ণনা থেকেই meta তৈরি হবে। নির্দিষ্ট করে দিলে সেটিই ব্যবহার হবে।</p>
        <div class="grid">
            @include('admin.partials.field', ['name' => 'course[seo_title]', 'label' => 'SEO Title (খালি রাখলে কোর্সের নাম)', 'value' => $courseDraft['seo_title'] ?? '', 'full' => true])
            @include('admin.partials.field', ['name' => 'course[seo_keywords]', 'label' => 'SEO Keywords (কমা দিয়ে আলাদা)', 'value' => $courseDraft['seo_keywords'] ?? '', 'full' => true])
            @include('admin.partials.field', ['name' => 'course[seo_description]', 'label' => 'SEO Description (খালি রাখলে বর্ণনা)', 'value' => $courseDraft['seo_description'] ?? '', 'type' => 'textarea', 'full' => true])
            @include('admin.partials.field', ['name' => 'course[seo_noindex]', 'label' => 'সার্চ ইঞ্জিনে ইনডেক্স করবেন?', 'value' => ! empty($courseDraft['seo_noindex']) ? '1' : '0', 'type' => 'select', 'options' => ['0' => '✅ ইনডেক্স হবে', '1' => '⛔ noindex']])
            @include('admin.partials.image', ['name' => 'course[seo_image]', 'label' => 'শেয়ার ছবি (OG image)', 'value' => $courseDraft['seo_image'] ?? ''])
        </div>

        <h3 class="grp">🎬 মডিউল ও ভিডিও</h3>
        <div class="items">
            <div class="items-list">
                @foreach($courseDraft['modules'] ?? [] as $i => $m)
                    <div class="item-row">
                        <div class="item-head"><span class="item-no">#{{ $i + 1 }}</span><button type="button" class="abtn danger js-del">🗑 মুছুন</button></div>
                        <div class="grid">
                            @include('admin.partials.field', ['name' => "course[modules][$i][title]", 'label' => 'মডিউলের নাম', 'value' => $m['title'] ?? ''])
                            @include('admin.partials.field', ['name' => "course[modules][$i][duration]", 'label' => 'সময়কাল', 'value' => $m['duration'] ?? ''])
                            @include('admin.partials.field', ['name' => "course[modules][$i][lessons]", 'label' => 'লেসন', 'value' => $m['lessons'] ?? ''])
                            @include('admin.partials.field', ['name' => "course[modules][$i][video]", 'label' => 'ভিডিও লিংক (YouTube/MP4)', 'value' => $m['video'] ?? '', 'full' => true])
                            @include('admin.partials.lines', ['name' => "course[modules][$i][topics]", 'label' => 'টপিক', 'value' => $m['topics'] ?? [], 'full' => true])
                        </div>
                    </div>
                @endforeach
            </div>
            <button type="button" class="abtn js-add">➕ নতুন মডিউল যোগ করুন</button>
            <template>
                <div class="item-row">
                    <div class="item-head"><span class="item-no">#</span><button type="button" class="abtn danger js-del">🗑 মুছুন</button></div>
                    <div class="grid">
                        @include('admin.partials.field', ['name' => 'course[modules][__i__][title]', 'label' => 'মডিউলের নাম', 'value' => ''])
                        @include('admin.partials.field', ['name' => 'course[modules][__i__][duration]', 'label' => 'সময়কাল', 'value' => ''])
                        @include('admin.partials.field', ['name' => 'course[modules][__i__][lessons]', 'label' => 'লেসন', 'value' => ''])
                        @include('admin.partials.field', ['name' => 'course[modules][__i__][video]', 'label' => 'ভিডিও লিংক (YouTube/MP4)', 'value' => '', 'full' => true])
                        @include('admin.partials.lines', ['name' => 'course[modules][__i__][topics]', 'label' => 'টপিক', 'value' => [], 'full' => true])
                    </div>
                </div>
            </template>
        </div>

        <div class="savebar">
            <button class="abtn primary" type="submit">💾 কোর্স সেভ করুন</button>
        </div>
    @endif
</form>