@extends('layouts.dashboard')
@section('title', __('AI Course Builder'))
@section('page_title', __('AI Course Builder'))

@section('content')
<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-magic text-primary me-1"></i>{{ __('Build a course from one prompt') }}</h5>
        <div class="small text-muted">{{ $limit > 0 ? __(':remaining of :limit AI credits left this month', ['remaining' => $remaining, 'limit' => $limit]) : __('Unlimited AI credits') }} · {{ __('Title, copy, outcomes and the full curriculum are drafted for you — nothing is published until you say so.') }}</div>
    </div>
    <a href="{{ route('instructor.ai.pick') }}" class="btn btn-light"><i class="bi bi-arrow-left me-1"></i>{{ __('AI Studio') }}</a>
</div>

@unless($configured)
    <div class="alert alert-warning d-flex flex-wrap justify-content-between align-items-center gap-2">
        <span><i class="bi bi-exclamation-triangle me-1"></i>{{ __('AI is not configured yet. An administrator needs to add an API key under Admin → AI Settings.') }}</span>
        <a href="{{ route('instructor.ai.course.new', ['sample' => 1]) }}" class="btn btn-sm btn-outline-dark"><i class="bi bi-eye me-1"></i>{{ __('See a sample draft') }}</a>
    </div>
@endunless

<div class="row g-3">
    <div class="col-lg-4">
        <div class="card shadow-sm"><div class="card-body">
            <h6 class="fw-semibold">{{ __('Describe the course') }}</h6>
            <form action="{{ route('instructor.ai.course.generate') }}" method="POST">@csrf
                <div class="mb-2">
                    <textarea name="prompt" rows="6" class="form-control @error('prompt') is-invalid @enderror" required placeholder="{{ __('e.g. A hands-on course teaching small business owners to run Facebook and Instagram ads: audience targeting, creatives, budgets, reading results. Learners should finish with a live campaign.') }}">{{ old('prompt', $preview['prompt'] ?? '') }}</textarea>
                    @error('prompt')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="row g-2 mb-2">
                    <div class="col-6"><label class="form-label small">{{ __('Level') }}</label>
                        <select name="level" class="form-select form-select-sm"><option value="">{{ __('Let AI decide') }}</option>@foreach($levels as $lv)<option value="{{ $lv->name }}" @selected(old('level') === $lv->name)>{{ __($lv->name) }}</option>@endforeach</select></div>
                    <div class="col-6"><label class="form-label small">{{ __('Language') }}</label>
                        <input type="text" name="language" class="form-control form-control-sm" value="{{ old('language', $preview['language'] ?? 'English') }}"></div>
                    <div class="col-6"><label class="form-label small">{{ __('Sections') }}</label><input type="number" name="sections" class="form-control form-control-sm" value="{{ old('sections', 6) }}" min="2" max="15"></div>
                    <div class="col-6"><label class="form-label small">{{ __('Lessons / section') }}</label><input type="number" name="lessons" class="form-control form-control-sm" value="{{ old('lessons', 4) }}" min="1" max="10"></div>
                </div>
                <button class="btn btn-primary w-100" @disabled(!$configured)><i class="bi bi-stars me-1"></i>{{ $preview ? __('Regenerate') : __('Generate course draft') }}</button>
            </form>
        </div></div>
    </div>

    <div class="col-lg-8">
        @if($preview)
            <form action="{{ route('instructor.ai.course.create') }}" method="POST">@csrf
                <div class="card shadow-sm mb-3">
                    <div class="card-header bg-white d-flex justify-content-between align-items-center">
                        <span class="fw-semibold">{{ __('Course details') }} <span class="text-muted fw-normal small">— {{ __('edit anything before creating') }}</span></span>
                        <button class="btn btn-success btn-sm"><i class="bi bi-plus-lg me-1"></i>{{ __('Create course') }}</button>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-12"><label class="form-label small">{{ __('Title') }}</label><input type="text" name="title" class="form-control fw-semibold" value="{{ old('title', $preview['title']) }}" required maxlength="255"></div>
                            <div class="col-12"><label class="form-label small">{{ __('Short description') }}</label><input type="text" name="short_description" class="form-control" value="{{ old('short_description', $preview['short_description']) }}" maxlength="255"></div>
                            <div class="col-md-4"><label class="form-label small">{{ __('Category') }}</label>
                                <select name="category_id" class="form-select" required>@foreach($categories as $c)<option value="{{ $c->id }}" @selected(strcasecmp($c->name, $preview['category'] ?? '') === 0)>{{ $c->name }}</option>@endforeach</select>
                                @if($preview['category'] && !$categories->contains(fn ($c) => strcasecmp($c->name, $preview['category']) === 0))<div class="form-text">{{ __('AI suggested “:c” — pick the closest.', ['c' => $preview['category']]) }}</div>@endif</div>
                            <div class="col-md-3"><label class="form-label small">{{ __('Level') }}</label>
                                <select name="level_id" class="form-select" required>@foreach($levels as $lv)<option value="{{ $lv->id }}" @selected(str_contains(strtolower($lv->name), $preview['level'] ?? '---'))>{{ __($lv->name) }}</option>@endforeach</select></div>
                            <div class="col-md-2"><label class="form-label small">{{ __('Type') }}</label>
                                <select name="course_type" class="form-select" id="aiCourseType"><option value="paid">{{ __('Paid') }}</option><option value="free">{{ __('Free') }}</option></select></div>
                            <div class="col-md-3"><label class="form-label small">{{ __('Price') }}</label><input type="number" step="0.01" min="0" name="price" class="form-control" value="{{ old('price', 49) }}"></div>
                            <div class="col-12"><label class="form-label small">{{ __('Description') }}</label><textarea name="description" rows="7" class="form-control">{{ old('description', $preview['description']) }}</textarea></div>
                            <div class="col-md-4"><label class="form-label small">{{ __('What learners will learn') }} <span class="text-muted">({{ __('one per line') }})</span></label><textarea name="outcomes" rows="6" class="form-control form-control-sm">{{ old('outcomes', implode("\n", $preview['outcomes'])) }}</textarea></div>
                            <div class="col-md-4"><label class="form-label small">{{ __('Requirements') }}</label><textarea name="requirements" rows="6" class="form-control form-control-sm">{{ old('requirements', implode("\n", $preview['requirements'])) }}</textarea></div>
                            <div class="col-md-4"><label class="form-label small">{{ __('Who it is for') }}</label><textarea name="target_audience" rows="6" class="form-control form-control-sm">{{ old('target_audience', implode("\n", $preview['target_audience'])) }}</textarea></div>
                            <div class="col-md-5"><label class="form-label small">{{ __('SEO title') }}</label><input type="text" name="meta_title" class="form-control form-control-sm" value="{{ old('meta_title', $preview['meta_title']) }}" maxlength="255"></div>
                            <div class="col-md-7"><label class="form-label small">{{ __('SEO description') }}</label><input type="text" name="meta_description" class="form-control form-control-sm" value="{{ old('meta_description', $preview['meta_description']) }}" maxlength="300"></div>
                        </div>
                    </div>
                </div>

                <div class="card shadow-sm">
                    <div class="card-header bg-white d-flex justify-content-between align-items-center">
                        <span class="fw-semibold">{{ __('Curriculum') }} — {{ count($preview['sections']) }} {{ __('sections') }}, {{ collect($preview['sections'])->sum(fn ($s) => count($s['lessons'] ?? [])) }} {{ __('lessons') }}</span>
                        <div class="form-check form-switch mb-0"><input type="hidden" name="with_curriculum" value="0"><input class="form-check-input" type="checkbox" name="with_curriculum" value="1" id="withCur" checked><label class="form-check-label small" for="withCur">{{ __('Create these lessons') }}</label></div>
                    </div>
                    <div class="card-body">
                        @foreach($preview['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">{{ status_label($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 class="form-text">{{ __('Lesson summaries are saved as placeholder text; you add the video or write the content afterwards (the Lesson draft tab can write it for you).') }}</div>
                    </div>
                </div>
            </form>
        @else
            <div class="card shadow-sm border-0 bg-light"><div class="card-body text-center text-muted py-5">
                <i class="bi bi-magic fs-1 d-block mb-2"></i>{{ __('Your course draft appears here.') }}<br>
                <small>{{ __('You will be able to edit every field and untick the curriculum before the course is created as a draft.') }}</small>
            </div></div>
        @endif
    </div>
</div>
@endsection