@extends('layouts.app')

@section('titulo', 'Editar Evento — Sorteos FEL')

@section('contenido')
<div class="row justify-content-center">
    <div class="col-md-8">
        <div class="card shadow-sm border-0">
            <div class="card-header border-0 py-3" style="background-color:#1a3a6b">
                <h5 class="text-white mb-0 fw-bold"><i class="bi bi-pencil"></i> Editar Evento</h5>
            </div>
            <div class="card-body p-4">
                <form method="POST" action="{{ route('eventos.update', $evento) }}">
                    @csrf
                    @method('PUT')
                    <div class="mb-3">
                        <label class="form-label fw-bold">Nombre del evento</label>
                        <input type="text" name="nombre" class="form-control" value="{{ $evento->nombre }}" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-bold">Tipo de evento</label>
                        <select name="tipo" class="form-select" required>
                            <option value="Asamblea" {{ $evento->tipo=='Asamblea'?'selected':'' }}>Asamblea</option>
                            <option value="Fiesta" {{ $evento->tipo=='Fiesta'?'selected':'' }}>Fiesta / Celebración</option>
                            <option value="Feria" {{ $evento->tipo=='Feria'?'selected':'' }}>Feria de Convenios</option>
                            <option value="Dia especial" {{ $evento->tipo=='Dia especial'?'selected':'' }}>Día Especial</option>
                            <option value="General" {{ $evento->tipo=='General'?'selected':'' }}>General</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-bold">Fecha del evento</label>
                        <input type="date" name="fecha" class="form-control" value="{{ $evento->fecha->format('Y-m-d') }}" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-bold">Descripción <span class="text-muted fw-normal">(opcional)</span></label>
                        <textarea name="descripcion" class="form-control" rows="3">{{ $evento->descripcion }}</textarea>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-bold">Segundos cuenta regresiva</label>
                        <input type="number" name="segundos_cuenta_regresiva" class="form-control" value="{{ $evento->segundos_cuenta_regresiva }}" min="3" max="60" required>
                    </div>
                    <div class="mb-4">
                        <label class="form-label fw-bold">Estado</label>
                        <select name="activo" class="form-select">
                            <option value="1" {{ $evento->activo?'selected':'' }}>Activo</option>
                            <option value="0" {{ !$evento->activo?'selected':'' }}>Inactivo</option>
                        </select>
                    </div>
                    <div class="d-flex gap-2">
                        <button type="submit" class="btn btn-fel px-4">
                            <i class="bi bi-check-circle"></i> Guardar cambios
                        </button>
                        <a href="{{ route('eventos.index') }}" class="btn btn-outline-secondary px-4">Cancelar</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection