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

@section('content')
    <h5 class="mb-1">{{ __('AI Studio') }}</h5>
    <p class="text-muted">{{ __('Pick a course. Generate a curriculum, draft lessons, or write quiz questions — then review before anything is added.') }}</p>
    <div class="lf-welcome mb-4 d-flex flex-wrap justify-content-between align-items-center gap-3">
        <div><div class="fw-bold fs-5"><i class="bi bi-magic me-1"></i>{{ __('Start a new course from one prompt') }}</div><div class="small opacity-75">{{ __('Describe what you want to teach — AI drafts the title, sales copy, outcomes and a full curriculum you can edit before it is created.') }}</div></div>
        <a href="{{ route('instructor.ai.course.new') }}" class="btn btn-light fw-semibold"><i class="bi bi-stars me-1"></i>{{ __('Build a course') }}</a>
    </div>
    <div class="row g-3">
        @forelse($courses as $c)
            <div class="col-md-6 col-xl-4"><div class="card shadow-sm h-100"><div class="card-body d-flex flex-column">
                <div class="fw-semibold">{{ $c->title }}</div><div class="small text-muted mb-3">{{ trans_choice(':count lesson|:count lessons', $c->total_lessons, ['count' => $c->total_lessons]) }} · {{ status_label($c->approval_status) }}</div>
                <a href="{{ route('instructor.ai.index', $c) }}" class="btn btn-primary mt-auto"><i class="bi bi-stars me-1"></i> {{ __('Open AI Studio') }}</a>
            </div></div></div>
        @empty
            <div class="col-12"><div class="alert alert-light border">{{ __('Create a course first, then come back to generate its curriculum.') }}</div></div>
        @endforelse
    </div>
@endsection