@extends('layouts.admin')

@section('content')
<div class="pt-3 pb-2 mb-3 border-bottom d-flex justify-content-between align-items-center">
    <h1 class="h2 fw-bold">Editar Curso: {{ $course->title }}</h1>
    <a href="{{ route('admin.courses.index') }}" class="btn btn-outline-secondary btn-sm">Cancelar</a>
</div>

<div class="card border-0 shadow-sm p-4 max-w-2xl">
    <form action="{{ route('admin.courses.update', $course->id) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT') <div class="mb-3">
            <label class="form-label fw-semibold">Título del Programa</label>
            <input type="text" name="title" class="form-control" value="{{ old('title', $course->title) }}" required>
        </div>

        <div class="mb-3">
            <label class="form-label fw-semibold">Categoría / Tipo de Curso</label>
            <select name="course_type_id" class="form-select" required>
                @foreach($types as $type)
                    <option value="{{ $type->id }}" {{ $course->course_type_id == $type->id ? 'selected' : '' }}>
                        {{ $type->name }}
                    </option>
                @endforeach
            </select>
        </div>

        <div class="mb-3">
            <label class="form-label fw-semibold">Estado de Publicación</label>
            <select name="status" class="form-select text-dark" required>
                <option value="draft" {{ $course->status === 'draft' ? 'selected' : '' }}>
                    🛑 Borrador (Oculto en la vitrina)
                </option>
                <option value="published" {{ $course->status === 'published' ? 'selected' : '' }}>
                    🚀 Publicado (Disponible para alumnos)
                </option>
            </select>
            <div class="form-text text-muted" style="font-size: 0.75rem;">
                Si seleccionas "Borrador", el curso solo será visible para el equipo administrador.
            </div>
        </div>

        <div class="row mb-3">
            <div class="col">
                <label class="form-label fw-semibold">Precio General (CLP)</label>
                <input type="number" name="price_clp" class="form-control" value="{{ old('price_clp', $course->price_clp) }}" required>
            </div>
            <div class="col">
                <label class="form-label fw-semibold">Precio Internacional (USD)</label>
                <input type="number" step="0.01" name="price_usd" class="form-control" value="{{ old('price_usd', $course->price_usd) }}" required>
            </div>
        </div>

        <div class="mb-3">
            <label class="form-label fw-semibold">Resumen / Descripción corta</label>
            <textarea name="summary" rows="4" class="form-control" required>{{ old('summary', $course->summary) }}</textarea>
        </div>

        <div class="mb-4">
            <label class="form-label fw-semibold">Actualizar Imagen de Portada (Opcional)</label>
            <input type="file" name="image" class="form-control">
            @if($course->image_path)
                <div class="form-text text-success">Ya existe una imagen cargada. Sube una nueva solo si deseas reemplazarla.</div>
            @endif
        </div>

        <button type="submit" class="btn btn-primary fw-bold px-4">Guardar Cambios</button>
    </form>
</div>
@endsection