@extends('layouts.admin')

@section('content')
<div class="pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2 fw-bold">Crear Nuevo Programa Educativo</h1>
</div>

<div class="card border-0 shadow-sm p-4 mb-5">
    <form action="{{ route('admin.courses.store') }}" method="POST" enctype="multipart/form-data">
        @csrf
        
        <div class="row g-3">
            <!-- Título -->
            <div class="col-md-8">
                <label class="form-label fw-semibold">Título del Curso / Diplomado</label>
                <input type="text" name="title" class="form-control @error('title') is-invalid @enderror" value="{{ old('title') }}" placeholder="Ej: Diplomado en Psicología Clínica Adultos">
                @error('title') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <!-- Tipo de Curso -->
            <div class="col-md-4">
                <label class="form-label fw-semibold">Tipo de Programa</label>
                <select name="course_type_id" class="form-select @error('course_type_id') is-invalid @enderror">
                    <option value="">Selecciona un tipo...</option>
                    @foreach($types as $type)
                        <option value="{{ $type->id }}" {{ old('course_type_id') == $type->id ? 'selected' : '' }}>{{ $type->name }}</option>
                    @endforeach
                </select>
                @error('course_type_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <!-- Resumen Comercial -->
            <div class="col-12">
                <label class="form-label fw-semibold">Resumen Corto (Tarjeta de presentación comercial)</label>
                <textarea name="summary" rows="2" class="form-control @error('summary') is-invalid @enderror" placeholder="Escribe un breve gancho comercial para la vitrina de cursos...">{{ old('summary') }}</textarea>
                @error('summary') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <!-- Precios -->
            <div class="col-md-4">
                <label class="form-label fw-semibold">Precio Chile (CLP)</label>
                <div class="input-group">
                    <span class="input-group-text">$</span>
                    <input type="number" name="price_clp" class="form-control @error('price_clp') is-invalid @enderror" value="{{ old('price_clp', 0) }}">
                </div>
                @error('price_clp') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
            </div>

            <div class="col-md-4">
                <label class="form-label fw-semibold">Precio Internacional (USD)</label>
                <div class="input-group">
                    <span class="input-group-text">USD$</span>
                    <input type="number" name="price_usd" class="form-control @error('price_usd') is-invalid @enderror" value="{{ old('price_usd', 0) }}">
                </div>
                @error('price_usd') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
            </div>

            <!-- Estado de publicación -->
            <div class="col-md-4">
                <label class="form-label fw-semibold">Estado Inicial</label>
                <select name="status" class="form-select">
                    <option value="draft" {{ old('status') == 'draft' ? 'selected' : '' }}>Borrador (Oculto)</option>
                    <option value="published" {{ old('status') == 'published' ? 'selected' : '' }}>Publicado (Visible)</option>
                </select>
            </div>

            <!-- Carga de Imagen Portada -->
            <div class="col-12 mb-3">
                <label class="form-label fw-semibold">Imagen de Portada (Recomendado: 800x450px)</label>
                <input type="file" name="image" class="form-control @error('image') is-invalid @enderror" accept="image/*">
                @error('image') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <!-- Temario / Descripción extendida -->
            <div class="col-12">
                <label class="form-label fw-semibold">Temario Completo / Detalles</label>
                <textarea name="description" rows="5" class="form-control" placeholder="Detalla los módulos, objetivos o requisitos del curso...">{{ old('description') }}</textarea>
            </div>
        </div>

        <div class="mt-4 pt-3 border-top d-flex justify-content-end gap-2">
            <a href="{{ route('admin.courses.index') }}" class="btn btn-outline-secondary">Cancelar</a>
            <button type="submit" class="btn btn-primary px-4">Guardar Curso</button>
        </div>
    </form>
</div>
@endsection