@extends('layouts.app')
@section('title',($course->exists ? 'Editar curso' : 'Crear curso').' — '.config('app.name'))
@section('content')
@php
    $totalDuration = (int) old('duration_minutes', $course->duration_minutes ?? 0);
    $durationHours = old('duration_hours', intdiv($totalDuration, 60));
    $durationRemainderMinutes = old('duration_remainder_minutes', $totalDuration % 60);
@endphp
<div class="container-shell dashboard-shell"><x-dashboard-sidebar/><section class="dashboard-main"><div class="dashboard-title"><div><h1>{{ $course->exists ? 'Editar la ficha' : 'Crear un curso' }}</h1><p>Define con claridad qué aprenderá la persona y cómo se presenta el curso.</p></div>@if($course->exists)<a class="btn btn-secondary" href="{{ route('instructor.courses.builder',$course) }}">Ir al contenido</a>@endif</div>
<form class="panel" method="POST" action="{{ $course->exists ? route('instructor.courses.update',$course) : route('instructor.courses.store') }}" enctype="multipart/form-data">@csrf @if($course->exists)@method('PUT')@endif<div class="panel-head"><h2>Información del curso</h2><span class="status status-{{ $course->status ?? 'draft' }}">{{ $course->exists ? ucfirst($course->status) : 'Borrador' }}</span></div><div class="panel-body form-grid">
@if(auth()->user()->hasAnyRole(['administrador','superadministrador']))<div class="field-full"><label class="form-label">Instructor responsable</label><select class="form-select" name="instructor_id" required><option value="">Selecciona un instructor</option>@foreach($instructors as $instructor)<option value="{{ $instructor->id }}" @selected((int) old('instructor_id',$course->instructor_id) === $instructor->id)>{{ $instructor->name }} · {{ $instructor->email }}</option>@endforeach</select><p class="form-help">El administrador controla la publicación; el instructor asignado desarrolla y acompaña el curso.</p></div>@endif
<div class="field-full"><label class="form-label">Título</label><input class="form-input" name="title" value="{{ old('title',$course->title) }}" maxlength="160" required></div><div class="field-full"><label class="form-label">Frase breve</label><input class="form-input" name="subtitle" value="{{ old('subtitle',$course->subtitle) }}" maxlength="240" placeholder="Explica el resultado principal en una sola frase"></div><div><label class="form-label">URL amigable</label><input class="form-input" name="slug" value="{{ old('slug',$course->slug) }}" placeholder="Se genera automáticamente"></div><div><label class="form-label">Categoría</label><select class="form-select" name="category_id"><option value="">Sin categoría</option>@foreach($categories as $category)<option value="{{ $category->id }}" @selected(old('category_id',$course->category_id)==$category->id)>{{ $category->name }}</option>@endforeach</select></div>
<div class="field-full"><label class="form-label">Descripción</label><textarea class="form-textarea" style="min-height:200px" name="description" required>{{ old('description',$course->description) }}</textarea><p class="form-help">Admite etiquetas HTML básicas y seguras.</p></div><div><label class="form-label">Nivel</label><select class="form-select" name="level"><option value="beginner" @selected(old('level',$course->level)==='beginner')>Inicial</option><option value="intermediate" @selected(old('level',$course->level)==='intermediate')>Intermedio</option><option value="advanced" @selected(old('level',$course->level)==='advanced')>Avanzado</option><option value="all" @selected(old('level',$course->level)==='all')>Todos</option></select></div><div><label class="form-label">Idioma</label><input class="form-input" name="language" value="{{ old('language',$course->language ?: 'es') }}" required></div><div class="course-duration-field"><span class="form-label">Duración estimada</span><div class="course-duration-inputs"><label><input class="form-input" type="number" name="duration_hours" value="{{ $durationHours }}" min="0" max="999" inputmode="numeric"><span>Horas</span></label><label><input class="form-input" type="number" name="duration_remainder_minutes" value="{{ $durationRemainderMinutes }}" min="0" max="59" inputmode="numeric"><span>Minutos</span></label></div><p class="form-help">Tiempo total aproximado para completar el curso.</p></div><div class="field-full"><span class="form-label">Imagen de portada del curso</span><label class="media-upload-card" for="course_cover" data-upload-card><input id="course_cover" type="file" name="cover" accept="image/*" data-asset-input><span class="media-upload-thumb">@if($course->coverUrl())<img src="{{ $course->coverUrl() }}" alt="Portada actual de {{ $course->title ?: 'curso' }}" data-upload-preview>@else<span data-upload-placeholder>PORTADA</span><img alt="Vista previa de la portada" data-upload-preview hidden>@endif</span><span class="media-upload-copy"><strong>{{ $course->cover_path ? 'Cambiar imagen de portada' : 'Subir imagen de portada' }}</strong><small>JPG, PNG, WebP o cualquier formato de imagen permitido</small><span data-file-name>{{ $course->cover_path ? 'Portada actual cargada' : 'Sin archivo seleccionado' }}</span></span><span class="upload-button">Seleccionar imagen</span></label>@if($course->cover_path)<label class="check-row remove-asset"><input type="checkbox" name="remove_cover" value="1"> Eliminar portada actual</label>@endif</div><div class="field-full"><label class="form-label">Video promocional</label><input class="form-input" type="url" name="promo_video_url" value="{{ old('promo_video_url',$course->promo_video_url) }}"></div>
<div><label class="form-label">Objetivos (uno por línea)</label><textarea class="form-textarea" name="objectives_text">{{ old('objectives_text',implode("\n",$course->objectives ?? [])) }}</textarea></div><div><label class="form-label">Requisitos (uno por línea)</label><textarea class="form-textarea" name="requirements_text">{{ old('requirements_text',implode("\n",$course->requirements ?? [])) }}</textarea></div><div class="field-full"><label class="form-label">Público recomendado (uno por línea)</label><textarea class="form-textarea" name="audience_text">{{ old('audience_text',implode("\n",$course->audience ?? [])) }}</textarea></div>
<div><label class="form-label">Etiquetas (separadas por comas)</label><input class="form-input" name="tags_text" value="{{ old('tags_text',$course->exists ? $course->tags->pluck('name')->join(', ') : '') }}" placeholder="Ventas, liderazgo, procesos"></div><div><label class="form-label">Cursos previos requeridos</label><select class="form-select" name="prerequisite_ids[]" multiple size="4">@foreach($availableCourses as $available)<option value="{{ $available->id }}" @selected(collect(old('prerequisite_ids',$course->exists ? $course->prerequisites->pluck('id')->all() : []))->contains($available->id))>{{ $available->title }}</option>@endforeach</select></div>
<div><label class="check-row"><input type="checkbox" name="is_free" value="1" @checked(old('is_free',$course->exists ? $course->is_free : true))> Curso gratuito</label></div><div><label class="check-row"><input type="checkbox" name="is_featured" value="1" @checked(old('is_featured',$course->is_featured))> Curso destacado</label></div><div><label class="form-label">Precio normal (MXN)</label><input class="form-input" type="number" step="0.01" min="0" name="price" value="{{ old('price',$course->price ?? 0) }}"></div><div><label class="form-label">Precio de oferta</label><input class="form-input" type="number" step="0.01" min="0" name="sale_price" value="{{ old('sale_price',$course->sale_price) }}"></div><div><label class="form-label">Cupo máximo</label><input class="form-input" type="number" min="1" name="capacity" value="{{ old('capacity',$course->capacity) }}"></div><div><label class="form-label">Días de acceso</label><input class="form-input" type="number" min="1" name="access_days" value="{{ old('access_days',$course->access_days) }}" placeholder="Vacío = permanente"></div>
<div><label class="form-label">Título SEO</label><input class="form-input" name="seo_title" value="{{ old('seo_title',$course->seo_title) }}"></div><div><label class="form-label">Descripción SEO</label><textarea class="form-textarea" name="seo_description">{{ old('seo_description',$course->seo_description) }}</textarea></div><div class="field-full course-form-actions"><button class="btn btn-primary">{{ $course->exists ? 'Guardar cambios' : 'Crear curso y continuar' }}</button>@if($course->exists)<a class="btn btn-secondary" href="{{ route('courses.show',$course) }}" target="_blank" rel="noopener">Previsualizar curso ↗</a>@endif</div>
</div></form>
@if($course->exists)<div style="display:flex;gap:.7rem;margin-top:1rem"><form method="POST" action="{{ route('instructor.courses.duplicate',$course) }}">@csrf<button class="btn btn-secondary">Duplicar curso</button></form><form method="POST" action="{{ route('instructor.courses.destroy',$course) }}" data-confirm="¿Enviar este curso a la papelera?">@csrf @method('DELETE')<button class="btn btn-danger">Enviar a la papelera</button></form></div>@endif
</section></div>
@endsection