@extends('layouts.admin')

@section('title', 'Add Lesson')
@section('header', 'Add Lesson to: ' . $course->title)

@section('content')
<div class="max-w-3xl">
    <div class="card">
        <div class="card-body">
            <form action="{{ route('admin.lessons.store', $course) }}" method="POST">
                @csrf
                <div class="space-y-6">
                    <div>
                        <label for="title" class="block text-sm font-semibold text-slate-700 mb-1.5">Lesson Title *</label>
                        <input type="text" id="title" name="title" value="{{ old('title') }}" required class="input-field" placeholder="e.g., Introduction to React">
                        @error('title')<p class="text-red-600 text-sm mt-1">{{ $message }}</p>@enderror
                    </div>
                    <div>
                        <label for="content" class="block text-sm font-semibold text-slate-700 mb-1.5">Description/Content</label>
                        <textarea id="content" name="content" rows="4" class="input-field" placeholder="Lesson description or content...">{{ old('content') }}</textarea>
                        @error('content')<p class="text-red-600 text-sm mt-1">{{ $message }}</p>@enderror
                    </div>
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                        <div>
                            <label for="video_url" class="block text-sm font-semibold text-slate-700 mb-1.5">Video URL</label>
                            <input type="url" id="video_url" name="video_url" value="{{ old('video_url') }}" class="input-field" placeholder="https://...">
                            @error('video_url')<p class="text-red-600 text-sm mt-1">{{ $message }}</p>@enderror
                        </div>
                        <div>
                            <label for="file_url" class="block text-sm font-semibold text-slate-700 mb-1.5">File/Resource URL</label>
                            <input type="url" id="file_url" name="file_url" value="{{ old('file_url') }}" class="input-field" placeholder="https://...">
                            @error('file_url')<p class="text-red-600 text-sm mt-1">{{ $message }}</p>@enderror
                        </div>
                    </div>
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                        <div>
                            <label for="duration" class="block text-sm font-semibold text-slate-700 mb-1.5">Duration (minutes) *</label>
                            <input type="number" id="duration" name="duration" value="{{ old('duration') }}" required min="1" class="input-field">
                            @error('duration')<p class="text-red-600 text-sm mt-1">{{ $message }}</p>@enderror
                        </div>
                        <div>
                            <label for="sort_order" class="block text-sm font-semibold text-slate-700 mb-1.5">Sort Order *</label>
                            <input type="number" id="sort_order" name="sort_order" value="{{ old('sort_order', $course->lessons()->max('sort_order') + 1) }}" required min="0" class="input-field">
                            @error('sort_order')<p class="text-red-600 text-sm mt-1">{{ $message }}</p>@enderror
                        </div>
                    </div>
                    <div class="flex items-center gap-6">
                        <label class="flex items-center gap-2 cursor-pointer">
                            <input type="checkbox" name="is_preview" value="1" {{ old('is_preview') ? 'checked' : '' }} class="rounded border-slate-300 text-primary-600 focus:ring-primary-500">
                            <span class="text-sm font-semibold text-slate-700">Available as Preview</span>
                        </label>
                        <label class="flex items-center gap-2 cursor-pointer">
                            <input type="checkbox" name="is_offline_available" value="1" {{ old('is_offline_available') ? 'checked' : '' }} class="rounded border-slate-300 text-primary-600 focus:ring-primary-500">
                            <span class="text-sm font-semibold text-slate-700">Offline Available</span>
                        </label>
                    </div>
                    <div class="flex items-center gap-4 pt-4">
                        <button type="submit" class="btn-primary">Create Lesson</button>
                        <a href="{{ route('admin.courses.show', $course) }}" class="btn-secondary">Cancel</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection