@extends('layouts.dashboard')
@section('title', 'AI Studio — '.$course->title)
@section('page_title', __('AI Studio'))

@section('content')
    @include('partials.how-it-works', ['key' => 'ai.instructor'])

    <div class="d-flex flex-wrap justify-content-between align-items-center mb-3 gap-2">
        <div><h5 class="mb-0"><i class="bi bi-stars text-primary me-1"></i>{{ $course->title }}</h5>
            <div class="small text-muted">{{ $limit > 0 ? __(':remaining of :limit AI credits left this month', ['remaining' => $remaining, 'limit' => $limit]) : __('Unlimited AI credits') }} · {{ __('1 credit = 1 generation') }}</div></div>
        <div class="d-flex gap-2"><a href="{{ route('instructor.courses.curriculum', $course) }}" class="btn btn-light"><i class="bi bi-list-check me-1"></i> {{ __('Curriculum') }}</a><a href="{{ route('instructor.ai.pick') }}" class="btn btn-light"><i class="bi bi-arrow-left me-1"></i> {{ __('Courses') }}</a></div>
    </div>

    @unless($configured)
        <div class="alert alert-warning"><i class="bi bi-exclamation-triangle me-1"></i>{{ __('AI is not configured yet. An administrator needs to add an API key under') }} <b>{{ __('Admin → AI Settings') }}</b>.</div>
    @endunless

    <ul class="nav nav-tabs mb-3">
        @foreach(['outline' => 'Course outline', 'import' => 'From a document', 'lesson' => 'Lesson draft', 'quiz' => 'Quiz questions', 'assignment' => 'Assignment', 'faqs' => 'FAQs', 'copy' => 'Marketing copy', 'subtitles' => 'Subtitles'] as $k => $l)
            <li class="nav-item"><a class="nav-link {{ $tab === $k ? 'active' : '' }}" href="{{ route('instructor.ai.index', [$course, 'tab' => $k]) }}">{{ __($l) }}</a></li>
        @endforeach
    </ul>

    <div class="row g-3">
        <div class="col-lg-4">
            <div class="card shadow-sm"><div class="card-body">
                @if($tab === 'outline')
                    <h6 class="fw-semibold">{{ __('Generate a curriculum') }}</h6>
                    <p class="small text-muted">{{ __('Sections and lessons are appended to the course; nothing existing is changed.') }}</p>
                    <form action="{{ route('instructor.ai.outline', $course) }}" method="POST">@csrf
                        <div class="row g-2 mb-2"><div class="col-6"><label class="form-label small">{{ __('Sections') }}</label><input type="number" name="sections" value="{{ old('sections', 6) }}" min="2" max="15" class="form-control"></div><div class="col-6"><label class="form-label small">{{ __('Lessons / section') }}</label><input type="number" name="lessons" value="{{ old('lessons', 4) }}" min="1" max="10" class="form-control"></div></div>
                        <div class="mb-3"><label class="form-label small">{{ __('Notes for the AI (optional)') }}</label><textarea name="notes" rows="4" class="form-control" placeholder="{{ __('Focus on practical projects; assume no prior experience; include a capstone…') }}">{{ old('notes') }}</textarea></div>
                        <button class="btn btn-primary w-100" @disabled(!$configured)><i class="bi bi-stars me-1"></i> {{ __('Generate outline') }}</button>
                    </form>
                @elseif($tab === 'import')
                    <h6 class="fw-semibold">{{ __('Build a course from a document') }}</h6>
                    <p class="small text-muted">{{ __('Upload a transcript, notes, slide text or a chapter — or paste the text — and the outline is drawn from it rather than invented.') }}</p>
                    <form action="{{ route('instructor.ai.import', $course) }}" method="POST" enctype="multipart/form-data">@csrf
                        <div class="mb-2">
                            <label class="form-label small">{{ __('Source file') }}</label>
                            <input type="file" name="source_file" class="form-control" accept=".txt,.md,.markdown,.vtt,.srt,.docx,.pdf">
                            <div class="form-text">{{ __('txt, md, vtt, srt, docx — and pdf when pdftotext is installed on the server.') }}</div>
                        </div>
                        <div class="mb-2"><label class="form-label small">{{ __('…or paste the text') }}</label><textarea name="source_text" rows="6" class="form-control" placeholder="{{ __('Paste a transcript or your notes here') }}">{{ old('source_text') }}</textarea></div>
                        <div class="row g-2 mb-3">
                            <div class="col-6"><label class="form-label small">{{ __('Sections') }}</label><input type="number" name="sections" value="{{ old('sections', 6) }}" min="2" max="15" class="form-control"></div>
                            <div class="col-6"><label class="form-label small">{{ __('Lessons / section') }}</label><input type="number" name="lessons" value="{{ old('lessons', 4) }}" min="1" max="10" class="form-control"></div>
                        </div>
                        <button class="btn btn-primary w-100" @disabled(!$configured)><i class="bi bi-file-earmark-arrow-up me-1"></i> {{ __('Build outline from source') }}</button>
                    </form>
                @elseif($tab === 'subtitles')
                    <h6 class="fw-semibold">{{ __('Translate subtitles') }}</h6>
                    <p class="small text-muted">{{ __('Takes the lesson’s existing subtitle track and produces the same file in another language, timings untouched.') }}</p>
                    <form action="{{ route('instructor.ai.subtitles.translate', $course) }}" method="POST">@csrf
                        <div class="mb-2">
                            <label class="form-label small">{{ __('Lesson') }}</label>
                            <select name="lesson_id" class="form-select" required>
                                @foreach($course->sections as $s)
                                    @foreach($s->lessons as $l)
                                        <option value="{{ $l->id }}" @disabled(empty($l->subtitles))>
                                            {{ $s->title }} › {{ $l->title }}{{ empty($l->subtitles) ? ' — '.__('no subtitles') : '' }}
                                        </option>
                                    @endforeach
                                @endforeach
                            </select>
                        </div>
                        <div class="row g-2 mb-3">
                            <div class="col-6"><label class="form-label small">{{ __('Language code') }}</label><input type="text" name="lang" class="form-control" placeholder="bn" required></div>
                            <div class="col-6"><label class="form-label small">{{ __('Label') }}</label><input type="text" name="label" class="form-control" placeholder="Bangla"></div>
                        </div>
                        <button class="btn btn-primary w-100" @disabled(!$configured)><i class="bi bi-badge-cc me-1"></i> {{ __('Translate track') }}</button>
                        <div class="form-text">
                            {{ __('Translates an existing track. To create the first one from the lesson audio, use “Transcribe” in the curriculum (Settings → Transcription).') }}
                        </div>
                    </form>
                @elseif($tab === 'quiz')
                    <h6 class="fw-semibold">{{ __('Generate quiz questions') }}</h6>
                    <form action="{{ route('instructor.ai.quiz', $course) }}" method="POST">@csrf
                        <div class="row g-2 mb-2"><div class="col-6"><label class="form-label small">{{ __('How many') }}</label><input type="number" name="count" value="{{ old('count', 10) }}" min="3" max="30" class="form-control"></div><div class="col-6"><label class="form-label small">{{ __('Difficulty') }}</label><select name="difficulty" class="form-select">@foreach(['easy', 'medium', 'hard'] as $d)<option value="{{ $d }}" @selected(old('difficulty', 'medium') === $d)>{{ status_label($d) }}</option>@endforeach</select></div></div>
                        <div class="mb-2"><label class="form-label small">{{ __('From lesson (optional — uses its text)') }}</label><select name="lesson_id" class="form-select"><option value="">{{ __('Whole course') }}</option>@foreach($course->sections as $s)@foreach($s->lessons as $l)<option value="{{ $l->id }}" @selected((string) old('lesson_id') === (string) $l->id)>{{ $s->title }} › {{ $l->title }}</option>@endforeach @endforeach</select></div>
                        <div class="mb-2"><label class="form-label small">{{ __('Topic (optional)') }}</label><input type="text" name="topic" value="{{ old('topic') }}" class="form-control" placeholder="{{ __('e.g. Eloquent relationships') }}"></div>
                        <div class="mb-2"><label class="form-label small">{{ __('Add to') }}</label><select name="quiz_id" class="form-select"><option value="">{{ __('New quiz') }}</option>@foreach($quizzes as $q)<option value="{{ $q->id }}" @selected((string) old('quiz_id') === (string) $q->id)>{{ $q->title }}</option>@endforeach</select></div>
                        <div class="mb-3"><label class="form-label small">{{ __('New quiz title') }}</label><input type="text" name="title" value="{{ old('title') }}" class="form-control" placeholder="{{ __('Module 1 quiz') }}"></div>
                        <button class="btn btn-primary w-100" @disabled(!$configured)><i class="bi bi-stars me-1"></i> {{ __('Generate questions') }}</button>
                    </form>
                @elseif($tab === 'assignment')
                    <h6 class="fw-semibold">{{ __('Design an assignment') }}</h6>
                    <p class="small text-muted">{{ __('A practical brief with deliverables and a grading rubric, based on a lesson or a topic.') }}</p>
                    <form action="{{ route('instructor.ai.assignment', $course) }}" method="POST">@csrf
                        <div class="mb-2"><label class="form-label small">{{ __('Based on lesson') }}</label><select name="lesson_id" class="form-select form-select-sm"><option value="">{{ __('Whole course / topic below') }}</option>@foreach($course->sections as $s)@foreach($s->lessons as $l)<option value="{{ $l->id }}" @selected(old('lesson_id') == $l->id)>{{ $s->title }} › {{ $l->title }}</option>@endforeach @endforeach</select></div>
                        <div class="mb-2"><label class="form-label small">{{ __('Topic (optional)') }}</label><input type="text" name="topic" value="{{ old('topic') }}" class="form-control form-control-sm" placeholder="{{ __('e.g. Build a REST endpoint with validation') }}"></div>
                        <div class="row g-2 mb-3">
                            <div class="col-6"><label class="form-label small">{{ __('Difficulty') }}</label><select name="difficulty" class="form-select form-select-sm"><option value="easy">{{ __('Easy') }}</option><option value="medium" selected>{{ __('Medium') }}</option><option value="hard">{{ __('Hard') }}</option></select></div>
                            <div class="col-6"><label class="form-label small">{{ __('Max marks') }}</label><input type="number" name="max_marks" value="{{ old('max_marks', 100) }}" min="1" max="1000" class="form-control form-control-sm"></div>
                        </div>
                        <button class="btn btn-primary w-100" @disabled(!$configured)><i class="bi bi-stars me-1"></i> {{ __('Design assignment') }}</button>
                    </form>
                @elseif($tab === 'faqs')
                    <h6 class="fw-semibold">{{ __('Write course FAQs') }}</h6>
                    <p class="small text-muted">{{ __('Questions buyers ask before enrolling — shown on the public course page.') }}</p>
                    <form action="{{ route('instructor.ai.faqs', $course) }}" method="POST">@csrf
                        <div class="mb-2"><label class="form-label small">{{ __('How many') }}</label><input type="number" name="count" value="{{ old('count', 8) }}" min="3" max="15" class="form-control form-control-sm"></div>
                        <div class="mb-3"><label class="form-label small">{{ __('Notes (optional)') }}</label><textarea name="notes" rows="3" class="form-control form-control-sm" placeholder="{{ __('Refund policy, live sessions, tools needed…') }}">{{ old('notes') }}</textarea></div>
                        <button class="btn btn-primary w-100" @disabled(!$configured)><i class="bi bi-stars me-1"></i> {{ __('Generate FAQs') }}</button>
                    </form>
                    <div class="form-text mt-2">{{ __('Existing FAQs: :n', ['n' => $course->faqs()->count()]) }} · <a href="{{ route('instructor.courses.faqs', $course) }}">{{ __('manage') }}</a></div>
                @elseif($tab === 'copy')
                    <h6 class="fw-semibold">{{ __('Marketing & listing copy') }}</h6>
                    <p class="small text-muted">{{ __('Titles, descriptions, outcomes, SEO tags, an e-mail blurb and a social post — pick what to apply.') }}</p>
                    <form action="{{ route('instructor.ai.copy', $course) }}" method="POST">@csrf
                        <div class="mb-2"><label class="form-label small">{{ __('Tone') }}</label><select name="tone" class="form-select form-select-sm">@foreach(['professional' => __('Professional'), 'friendly' => __('Friendly'), 'energetic' => __('Energetic'), 'academic' => __('Academic')] as $k => $l)<option value="{{ $k }}" @selected(old('tone', 'professional') === $k)>{{ $l }}</option>@endforeach</select></div>
                        <div class="mb-3"><label class="form-label small">{{ __('Notes (optional)') }}</label><textarea name="notes" rows="3" class="form-control form-control-sm" placeholder="{{ __('Unique selling points, who it is NOT for…') }}">{{ old('notes') }}</textarea></div>
                        <button class="btn btn-primary w-100" @disabled(!$configured)><i class="bi bi-stars me-1"></i> {{ __('Write copy') }}</button>
                    </form>
                @else
                    <h6 class="fw-semibold">{{ __('Draft a lesson') }}</h6>
                    <form action="{{ route('instructor.ai.lesson', $course) }}" method="POST">@csrf
                        <div class="mb-2"><label class="form-label small">{{ __('Lesson title') }}</label><input type="text" name="title" value="{{ old('title') }}" class="form-control" required placeholder="{{ __('Understanding middleware') }}"></div>
                        <div class="mb-2"><label class="form-label small">{{ __('Length (words)') }}</label><input type="number" name="words" value="{{ old('words', 700) }}" min="200" max="2500" class="form-control"></div>
                        <div class="mb-2"><label class="form-label small">{{ __('Section') }}</label><select name="section_id" class="form-select">@foreach($course->sections as $s)<option value="{{ $s->id }}">{{ $s->title }}</option>@endforeach</select></div>
                        <div class="mb-3"><label class="form-label small">{{ __('Notes (optional)') }}</label><textarea name="notes" rows="3" class="form-control" placeholder="{{ __('Cover X, Y; include a code example…') }}">{{ old('notes') }}</textarea></div>
                        <button class="btn btn-primary w-100" @disabled(!$configured || $course->sections->isEmpty())><i class="bi bi-stars me-1"></i> {{ __('Draft lesson') }}</button>
                        @if($course->sections->isEmpty())<div class="form-text text-warning">{{ __('Add a section first (or generate an outline).') }}</div>@endif
                    </form>
                @endif
            </div></div>
        </div>

        <div class="col-lg-8">
            @if($preview && ($preview['kind'] ?? null) === $tab)
                @if($tab === 'outline')
                    <div class="card shadow-sm"><div class="card-header bg-white d-flex justify-content-between align-items-center"><span class="fw-semibold">{{ __('Preview') }} — {{ trans_choice(':count section|:count sections', count($preview['data']['sections']), ['count' => count($preview['data']['sections'])]) }}</span>
                        <form action="{{ route('instructor.ai.outline.apply', $course) }}" method="POST">@csrf<button class="btn btn-success btn-sm"><i class="bi bi-plus-lg me-1"></i>{{ __('Add to course') }}</button></form></div>
                        <div class="card-body">
                        @foreach($preview['data']['sections'] as $i => $s)
                            <div class="mb-3"><div class="fw-semibold">{{ $i + 1 }}. {{ $s['title'] }}</div><div class="small text-muted mb-1">{{ $s['description'] ?? '' }}</div>
                                <ul class="small mb-0">@foreach($s['lessons'] ?? [] as $l)<li><span class="badge bg-light text-dark border me-1">{{ $l['type'] ?? 'text' }}</span>{{ $l['title'] }} <span class="text-muted">— {{ $l['summary'] ?? '' }} ({{ __(':count min', ['count' => $l['duration'] ?? 0]) }})</span></li>@endforeach</ul></div>
                        @endforeach
                        </div></div>
                @elseif($tab === 'quiz')
                    <form action="{{ route('instructor.ai.quiz.apply', $course) }}" method="POST">@csrf
                    <div class="card shadow-sm"><div class="card-header bg-white d-flex justify-content-between align-items-center"><span class="fw-semibold">{{ __('Preview') }} — {{ count($preview['data']) }} {{ __('questions (untick any to skip)') }}</span><button class="btn btn-success btn-sm"><i class="bi bi-plus-lg me-1"></i>{{ __('Add selected') }}</button></div>
                        <div class="card-body">
                        @foreach($preview['data'] as $i => $q)
                            <div class="border rounded p-3 mb-2"><div class="form-check"><input type="checkbox" name="keep[]" value="{{ $i }}" class="form-check-input" id="k{{ $i }}" checked><label class="form-check-label fw-semibold" for="k{{ $i }}">{{ $i + 1 }}. {{ $q['question'] }}</label></div>
                                <ul class="list-unstyled small mb-1 mt-2 ms-4">@foreach($q['options'] as $o)<li class="{{ !empty($o['is_correct']) ? 'text-success fw-semibold' : '' }}"><i class="bi {{ !empty($o['is_correct']) ? 'bi-check-circle-fill' : 'bi-circle' }} me-1"></i>{{ $o['text'] }}</li>@endforeach</ul>
                                @if(!empty($q['explanation']))<div class="small text-muted ms-4"><i class="bi bi-info-circle me-1"></i>{{ $q['explanation'] }}</div>@endif</div>
                        @endforeach
                        </div></div></form>
                @elseif($tab === 'assignment')
                    <form action="{{ route('instructor.ai.assignment.apply', $course) }}" method="POST">@csrf
                    <div class="card shadow-sm"><div class="card-header bg-white d-flex justify-content-between align-items-center"><span class="fw-semibold">{{ __('Preview — assignment') }}</span><button class="btn btn-success btn-sm"><i class="bi bi-plus-lg me-1"></i>{{ __('Create assignment') }}</button></div>
                        <div class="card-body">
                            <div class="mb-2"><label class="form-label small">{{ __('Title') }}</label><input type="text" name="title" class="form-control fw-semibold" value="{{ $preview['data']['title'] }}" required></div>
                            <div class="row g-2 mb-2">
                                <div class="col-md-3"><label class="form-label small">{{ __('Max marks') }}</label><input type="number" name="max_marks" class="form-control form-control-sm" value="{{ $preview['data']['max_marks'] }}" min="0" step="0.5"></div>
                                <div class="col-md-4"><label class="form-label small">{{ __('Due date') }}</label><input type="datetime-local" name="due_date" class="form-control form-control-sm"></div>
                                <div class="col-md-5"><label class="form-label small d-block">{{ __('Accepted answers') }}</label>@foreach(['text' => __('Text'), 'file' => __('File'), 'url' => __('Link')] as $t => $l)<div class="form-check form-check-inline"><input class="form-check-input" type="checkbox" name="submission_types[]" value="{{ $t }}" id="st{{ $t }}" @checked(in_array($t, $preview['data']['submission_types']))><label class="form-check-label small" for="st{{ $t }}">{{ $l }}</label></div>@endforeach</div>
                            </div>
                            <label class="form-label small">{{ __('Brief (shown to learners, rubric included)') }}</label>
                            <textarea name="description" rows="18" class="form-control">{{ $preview['data']['description'] }}</textarea>
                        </div></div></form>
                @elseif($tab === 'faqs')
                    <form action="{{ route('instructor.ai.faqs.apply', $course) }}" method="POST">@csrf
                    <div class="card shadow-sm"><div class="card-header bg-white d-flex justify-content-between align-items-center"><span class="fw-semibold">{{ __('Preview — :n FAQs (untick any to skip)', ['n' => count($preview['data'])]) }}</span><button class="btn btn-success btn-sm"><i class="bi bi-plus-lg me-1"></i>{{ __('Add selected') }}</button></div>
                        <div class="card-body">
                        @foreach($preview['data'] as $i => $f)
                            <div class="border rounded p-3 mb-2"><div class="form-check"><input type="checkbox" name="keep[]" value="{{ $i }}" class="form-check-input" id="fq{{ $i }}" checked><label class="form-check-label fw-semibold" for="fq{{ $i }}">{{ $f['question'] }}</label></div><div class="small text-muted ms-4 mt-1">{{ $f['answer'] }}</div></div>
                        @endforeach
                        </div></div></form>
                @elseif($tab === 'copy')
                    @php($cp = $preview['data'])
                    <form action="{{ route('instructor.ai.copy.apply', $course) }}" method="POST">@csrf
                    <div class="card shadow-sm"><div class="card-header bg-white d-flex justify-content-between align-items-center"><span class="fw-semibold">{{ __('Preview — tick what to apply to the course') }}</span><button class="btn btn-success btn-sm"><i class="bi bi-check2-all me-1"></i>{{ __('Apply selected') }}</button></div>
                        <div class="card-body">
                            <div class="border rounded p-3 mb-2">
                                <div class="form-check"><input type="checkbox" name="apply[]" value="title" class="form-check-input" id="apTitle"><label class="form-check-label fw-semibold" for="apTitle">{{ __('Title') }}</label></div>
                                <div class="ms-4 mt-1">@foreach($cp['titles'] as $i => $t)<div class="form-check"><input type="radio" name="title" value="{{ $t }}" class="form-check-input" id="t{{ $i }}" @checked($i === 0)><label class="form-check-label" for="t{{ $i }}">{{ $t }}</label></div>@endforeach</div>
                            </div>
                            @foreach(['short_description' => __('Short description'), 'description' => __('Description'), 'meta_title' => __('SEO title'), 'meta_description' => __('SEO description')] as $k => $l)
                                <div class="border rounded p-3 mb-2"><div class="form-check"><input type="checkbox" name="apply[]" value="{{ $k }}" class="form-check-input" id="ap{{ $k }}"><label class="form-check-label fw-semibold" for="ap{{ $k }}">{{ $l }}</label></div><div class="small ms-4 mt-1" style="white-space:pre-line">{{ $cp[$k] }}</div></div>
                            @endforeach
                            @foreach(['outcomes' => __('What learners will learn'), 'requirements' => __('Requirements'), 'target_audience' => __('Who it is for')] as $k => $l)
                                <div class="border rounded p-3 mb-2"><div class="form-check"><input type="checkbox" name="apply[]" value="{{ $k }}" class="form-check-input" id="ap{{ $k }}"><label class="form-check-label fw-semibold" for="ap{{ $k }}">{{ $l }}</label></div><ul class="small mb-0 ms-4 mt-1">@foreach($cp[$k] as $line)<li>{{ $line }}</li>@endforeach</ul></div>
                            @endforeach
                            <div class="border rounded p-3 mb-2 bg-body-tertiary"><div class="fw-semibold small mb-1"><i class="bi bi-envelope me-1"></i>{{ __('E-mail / campaign blurb') }} <span class="text-muted fw-normal">({{ __('copy & paste') }})</span></div><div class="small" style="white-space:pre-line">{{ $cp['promo'] }}</div></div>
                            <div class="border rounded p-3 bg-body-tertiary"><div class="fw-semibold small mb-1"><i class="bi bi-share me-1"></i>{{ __('Social post') }}</div><div class="small" style="white-space:pre-line">{{ $cp['social'] }}</div></div>
                        </div></div></form>
                @else
                    <form action="{{ route('instructor.ai.lesson.apply', $course) }}" method="POST">@csrf
                    <div class="card shadow-sm"><div class="card-header bg-white d-flex justify-content-between align-items-center gap-2"><span class="fw-semibold">{{ __('Preview — "') }}{{ $preview['title'] }}"</span>
                        <div class="d-flex gap-2"><select name="section_id" class="form-select form-select-sm" style="width:220px">@foreach($course->sections as $s)<option value="{{ $s->id }}" @selected(($preview['section_id'] ?? null) == $s->id)>{{ $s->title }}</option>@endforeach</select><button class="btn btn-success btn-sm text-nowrap"><i class="bi bi-plus-lg me-1"></i>{{ __('Add lesson') }}</button></div></div>
                        <div class="card-body"><textarea name="content" rows="22" class="form-control">{{ $preview['data']['content'] }}</textarea><div class="form-text">{{ __('Edit freely before adding. Saved as a text lesson.') }}</div></div></div></form>
                @endif
            @else
                <div class="card shadow-sm border-0 bg-light"><div class="card-body text-center text-muted py-5"><i class="bi bi-stars fs-1 d-block mb-2"></i>{{ __('Generated content appears here for review.') }}<br><small>{{ __('Nothing is added to the course until you approve it.') }}</small></div></div>
            @endif
        </div>
    </div>
@endsection