@extends('layouts.admin')

@section('title', 'Editar Evento')

@section('content')
<div class="container-fluid">
    <!-- Header -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">
            <i class="fas fa-edit text-warning"></i>
            Editar Evento: {{ $evento->nombre }}
        </h1>
        <div class="d-flex gap-2">
            <a href="{{ route('admin.eventos.show', $evento) }}" class="btn btn-info btn-sm">
                <i class="fas fa-eye"></i> Ver Evento
            </a>
            <a href="{{ route('admin.eventos.index') }}" class="btn btn-secondary btn-sm">
                <i class="fas fa-arrow-left"></i> Volver a Lista
            </a>
        </div>
    </div>

    <!-- Alertas de Estado -->
    @if($evento->estado === 'cancelado')
        <div class="alert alert-danger" role="alert">
            <i class="fas fa-exclamation-triangle"></i>
            <strong>Evento Cancelado:</strong> Este evento ha sido cancelado. Los cambios pueden afectar a los participantes inscritos.
        </div>
    @endif

    @if($evento->participantes_count > 0)
        <div class="alert alert-warning" role="alert">
            <i class="fas fa-users"></i>
            <strong>Participantes Inscritos:</strong> Este evento tiene {{ $evento->participantes_count }} participantes inscritos. 
            Los cambios importantes pueden requerir notificación.
        </div>
    @endif

    <form id="formEditarEvento" action="{{ route('admin.eventos.update', $evento) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')
        <div class="row">
            <!-- Información Básica -->
            <div class="col-lg-8">
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">
                            <i class="fas fa-info-circle"></i> Información Básica
                        </h6>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="nombre" class="form-label">Nombre del Evento <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control @error('nombre') is-invalid @enderror" 
                                           id="nombre" name="nombre" value="{{ old('nombre', $evento->nombre) }}" required>
                                    @error('nombre')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="tipo" class="form-label">Tipo de Evento <span class="text-danger">*</span></label>
                                    <select class="form-select @error('tipo') is-invalid @enderror" id="tipo" name="tipo" required>
                                        <option value="">Seleccionar tipo</option>
                                        <option value="torneo" {{ old('tipo', $evento->tipo) == 'torneo' ? 'selected' : '' }}>Torneo</option>
                                        <option value="liga" {{ old('tipo', $evento->tipo) == 'liga' ? 'selected' : '' }}>Liga</option>
                                        <option value="clinica" {{ old('tipo', $evento->tipo) == 'clinica' ? 'selected' : '' }}>Clínica Deportiva</option>
                                        <option value="evento_especial" {{ old('tipo', $evento->tipo) == 'evento_especial' ? 'selected' : '' }}>Evento Especial</option>
                                        <option value="campeonato" {{ old('tipo', $evento->tipo) == 'campeonato' ? 'selected' : '' }}>Campeonato</option>
                                    </select>
                                    @error('tipo')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label for="descripcion" class="form-label">Descripción</label>
                            <textarea class="form-control @error('descripcion') is-invalid @enderror" 
                                      id="descripcion" name="descripcion" rows="4">{{ old('descripcion', $evento->descripcion) }}</textarea>
                            @error('descripcion')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="fecha_inicio" class="form-label">Fecha de Inicio <span class="text-danger">*</span></label>
                                    <input type="datetime-local" class="form-control @error('fecha_inicio') is-invalid @enderror" 
                                           id="fecha_inicio" name="fecha_inicio" 
                                           value="{{ old('fecha_inicio', $evento->fecha_inicio->format('Y-m-d\TH:i')) }}" required>
                                    @error('fecha_inicio')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="fecha_fin" class="form-label">Fecha de Fin <span class="text-danger">*</span></label>
                                    <input type="datetime-local" class="form-control @error('fecha_fin') is-invalid @enderror" 
                                           id="fecha_fin" name="fecha_fin" 
                                           value="{{ old('fecha_fin', $evento->fecha_fin->format('Y-m-d\TH:i')) }}" required>
                                    @error('fecha_fin')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="fecha_limite_inscripcion" class="form-label">Fecha Límite de Inscripción</label>
                                    <input type="datetime-local" class="form-control @error('fecha_limite_inscripcion') is-invalid @enderror" 
                                           id="fecha_limite_inscripcion" name="fecha_limite_inscripcion" 
                                           value="{{ old('fecha_limite_inscripcion', $evento->fecha_limite_inscripcion?->format('Y-m-d\TH:i')) }}">
                                    @error('fecha_limite_inscripcion')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="ubicacion" class="form-label">Ubicación</label>
                                    <input type="text" class="form-control @error('ubicacion') is-invalid @enderror" 
                                           id="ubicacion" name="ubicacion" value="{{ old('ubicacion', $evento->ubicacion) }}">
                                    @error('ubicacion')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Configuración de Participantes -->
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">
                            <i class="fas fa-users"></i> Configuración de Participantes
                        </h6>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="capacidad_maxima" class="form-label">Máximo de Participantes</label>
                                    <input type="number" class="form-control @error('capacidad_maxima') is-invalid @enderror" 
                                           id="capacidad_maxima" name="capacidad_maxima" 
                                           value="{{ old('capacidad_maxima', $evento->capacidad_maxima) }}" min="1">
                                    @error('capacidad_maxima')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                    @if($evento->participantes_count > 0)
                                        <div class="form-text text-warning">
                                            Actualmente hay {{ $evento->participantes_count }} participantes inscritos
                                        </div>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="min_participantes" class="form-label">Mínimo de Participantes</label>
                                    <input type="number" class="form-control @error('min_participantes') is-invalid @enderror" 
                                           id="min_participantes" name="min_participantes" 
                                           value="{{ old('min_participantes', $evento->min_participantes) }}" min="1">
                                    @error('min_participantes')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="edad_minima" class="form-label">Edad Mínima</label>
                                    <input type="number" class="form-control @error('edad_minima') is-invalid @enderror" 
                                           id="edad_minima" name="edad_minima" 
                                           value="{{ old('edad_minima', $evento->edad_minima) }}" min="1">
                                    @error('edad_minima')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="categoria" class="form-label">Categoría</label>
                                    <select class="form-select @error('categoria') is-invalid @enderror" id="categoria" name="categoria">
                                        <option value="">Seleccionar categoría</option>
                                        <option value="infantil" {{ old('categoria', $evento->categoria) == 'infantil' ? 'selected' : '' }}>Infantil</option>
                                        <option value="juvenil" {{ old('categoria', $evento->categoria) == 'juvenil' ? 'selected' : '' }}>Juvenil</option>
                                        <option value="adulto" {{ old('categoria', $evento->categoria) == 'adulto' ? 'selected' : '' }}>Adulto</option>
                                        <option value="senior" {{ old('categoria', $evento->categoria) == 'senior' ? 'selected' : '' }}>Senior</option>
                                        <option value="mixta" {{ old('categoria', $evento->categoria) == 'mixta' ? 'selected' : '' }}>Mixta</option>
                                    </select>
                                    @error('categoria')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="nivel" class="form-label">Nivel</label>
                                    <select class="form-select @error('nivel') is-invalid @enderror" id="nivel" name="nivel">
                                        <option value="">Seleccionar nivel</option>
                                        <option value="principiante" {{ old('nivel', $evento->nivel) == 'principiante' ? 'selected' : '' }}>Principiante</option>
                                        <option value="intermedio" {{ old('nivel', $evento->nivel) == 'intermedio' ? 'selected' : '' }}>Intermedio</option>
                                        <option value="avanzado" {{ old('nivel', $evento->nivel) == 'avanzado' ? 'selected' : '' }}>Avanzado</option>
                                        <option value="profesional" {{ old('nivel', $evento->nivel) == 'profesional' ? 'selected' : '' }}>Profesional</option>
                                        <option value="todos" {{ old('nivel', $evento->nivel) == 'todos' ? 'selected' : '' }}>Todos los niveles</option>
                                    </select>
                                    @error('nivel')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Canchas Asignadas -->
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">
                            <i class="fas fa-map-marker-alt"></i> Canchas Asignadas
                        </h6>
                    </div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label for="canchas" class="form-label">Seleccionar Canchas</label>
                            <select class="form-select @error('canchas') is-invalid @enderror" id="canchas" name="canchas[]" multiple>
                                @foreach($canchas ?? [] as $cancha)
                                    <option value="{{ $cancha->id }}" 
                                            {{ in_array($cancha->id, old('canchas', $evento->canchas ? $evento->canchas->pluck('id')->toArray() : [])) ? 'selected' : '' }}>
                                        {{ $cancha->nombre }} - {{ $cancha->tipo }}
                                    </option>
                                @endforeach
                            </select>
                            @error('canchas')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <div class="form-text">Mantén presionado Ctrl (Cmd en Mac) para seleccionar múltiples canchas</div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Panel Lateral -->
            <div class="col-lg-4">
                <!-- Estadísticas del Evento -->
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-info">
                            <i class="fas fa-chart-bar"></i> Estadísticas del Evento
                        </h6>
                    </div>
                    <div class="card-body">
                        <div class="row text-center">
                            <div class="col-6">
                                <div class="border-right">
                                    <h4 class="text-primary">{{ $evento->participantes_count ?? 0 }}</h4>
                                    <small class="text-muted">Participantes</small>
                                </div>
                            </div>
                            <div class="col-6">
                                <h4 class="text-success">${{ number_format($evento->ingresos_total ?? 0, 2) }}</h4>
                                <small class="text-muted">Ingresos</small>
                            </div>
                        </div>
                        <hr>
                        <div class="row text-center">
                            <div class="col-6">
                                <div class="border-right">
                                    <h5 class="text-warning">{{ $evento->participantes_pendientes ?? 0 }}</h5>
                                    <small class="text-muted">Pendientes</small>
                                </div>
                            </div>
                            <div class="col-6">
                                <h5 class="text-info">{{ $evento->participantes_confirmados ?? 0 }}</h5>
                                <small class="text-muted">Confirmados</small>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Estado y Configuración -->
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">
                            <i class="fas fa-cog"></i> Estado y Configuración
                        </h6>
                    </div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label for="estado" class="form-label">Estado</label>
                            <select class="form-select @error('estado') is-invalid @enderror" id="estado" name="estado">
                                <option value="programado" {{ old('estado', $evento->estado) == 'programado' ? 'selected' : '' }}>Programado</option>
                                <option value="abierto" {{ old('estado', $evento->estado) == 'abierto' ? 'selected' : '' }}>Abierto</option>
                                <option value="cerrado" {{ old('estado', $evento->estado) == 'cerrado' ? 'selected' : '' }}>Cerrado</option>
                                <option value="en_curso" {{ old('estado', $evento->estado) == 'en_curso' ? 'selected' : '' }}>En Curso</option>
                                <option value="finalizado" {{ old('estado', $evento->estado) == 'finalizado' ? 'selected' : '' }}>Finalizado</option>
                                <option value="cancelado" {{ old('estado', $evento->estado) == 'cancelado' ? 'selected' : '' }}>Cancelado</option>
                            </select>
                            @error('estado')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <div class="form-text">
                                <small>
                                    <strong>Programado:</strong> Evento planificado pero no abierto a inscripciones<br>
                                    <strong>Abierto:</strong> Inscripciones abiertas<br>
                                    <strong>Cerrado:</strong> Inscripciones cerradas<br>
                                    <strong>En Curso:</strong> Evento en desarrollo<br>
                                    <strong>Finalizado:</strong> Evento completado<br>
                                    <strong>Cancelado:</strong> Evento cancelado
                                </small>
                            </div>
                        </div>

                        <div class="mb-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="requiere_aprobacion" 
                                       name="requiere_aprobacion" value="1" 
                                       {{ old('requiere_aprobacion', $evento->requiere_aprobacion) ? 'checked' : '' }}>
                                <label class="form-check-label" for="requiere_aprobacion">
                                    Requiere Aprobación
                                </label>
                            </div>
                        </div>

                        <div class="mb-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="es_publico" 
                                       name="es_publico" value="1" 
                                       {{ old('es_publico', $evento->es_publico) ? 'checked' : '' }}>
                                <label class="form-check-label" for="es_publico">
                                    Evento Público
                                </label>
                            </div>
                        </div>

                        <div class="mb-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="permite_invitados" 
                                       name="permite_invitados" value="1" 
                                       {{ old('permite_invitados', $evento->permite_invitados) ? 'checked' : '' }}>
                                <label class="form-check-label" for="permite_invitados">
                                    Permite Invitados
                                </label>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Precios -->
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">
                            <i class="fas fa-dollar-sign"></i> Precios
                        </h6>
                    </div>
                    <div class="card-body">
                        <div class="mb-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="es_gratuito" 
                                       name="es_gratuito" value="1" 
                                       {{ old('es_gratuito', $evento->es_gratuito) ? 'checked' : '' }}>
                                <label class="form-check-label" for="es_gratuito">
                                    Evento Gratuito
                                </label>
                            </div>
                        </div>

                        <div id="preciosContainer" style="{{ old('es_gratuito', $evento->es_gratuito) ? 'display: none;' : '' }}">
                            <div class="mb-3">
                                <label for="precio_inscripcion" class="form-label">Precio de Inscripción</label>
                                <div class="input-group">
                                    <span class="input-group-text">$</span>
                                    <input type="number" class="form-control @error('precio_inscripcion') is-invalid @enderror" 
                                           id="precio_inscripcion" name="precio_inscripcion" 
                                           value="{{ old('precio_inscripcion', $evento->precio_inscripcion) }}" step="0.01" min="0">
                                </div>
                                @error('precio_inscripcion')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="mb-3">
                                <label for="precio_descuento" class="form-label">Precio con Descuento</label>
                                <div class="input-group">
                                    <span class="input-group-text">$</span>
                                    <input type="number" class="form-control @error('precio_descuento') is-invalid @enderror" 
                                           id="precio_descuento" name="precio_descuento" 
                                           value="{{ old('precio_descuento', $evento->precio_descuento) }}" step="0.01" min="0">
                                </div>
                                @error('precio_descuento')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="mb-3">
                                <label for="fecha_limite_descuento" class="form-label">Fecha Límite Descuento</label>
                                <input type="datetime-local" class="form-control @error('fecha_limite_descuento') is-invalid @enderror" 
                                       id="fecha_limite_descuento" name="fecha_limite_descuento" 
                                       value="{{ old('fecha_limite_descuento', $evento->fecha_limite_descuento?->format('Y-m-d\TH:i')) }}">
                                @error('fecha_limite_descuento')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Imagen del Evento -->
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">
                            <i class="fas fa-image"></i> Imagen del Evento
                        </h6>
                    </div>
                    <div class="card-body">
                        @if($evento->hasImage())
                            <div class="mb-3 text-center">
                                <img src="{{ $evento->getImageUrl() }}" alt="Imagen actual" 
                                     class="img-fluid rounded" style="max-height: 200px;">
                                <div class="form-text">
                                    Imagen actual ({{ $evento->getFormattedImageSize() }})
                                    @if($evento->getImageDimensions())
                                        - {{ $evento->getImageDimensions()['width'] }}x{{ $evento->getImageDimensions()['height'] }}px
                                    @endif
                                </div>
                            </div>
                        @endif
                        
                        <div class="mb-3">
                            <label for="imagen" class="form-label">{{ $evento->hasImage() ? 'Cambiar Imagen' : 'Imagen Principal' }}</label>
                            <input type="file" class="form-control @error('imagen') is-invalid @enderror" 
                                   id="imagen" name="imagen" accept="image/*">
                            @error('imagen')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <div class="form-text">Formatos permitidos: JPG, PNG, GIF. Tamaño máximo: 2MB</div>
                        </div>
                        
                        <div id="imagenPreview" class="text-center" style="display: none;">
                            <img id="imagenPreviewImg" src="" alt="Preview" class="img-fluid rounded" style="max-height: 200px;">
                            <div class="form-text">Nueva imagen</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Botones de Acción -->
        <div class="row">
            <div class="col-12">
                <div class="card shadow mb-4">
                    <div class="card-body text-center">
                        <button type="submit" class="btn btn-primary btn-lg me-3">
                            <i class="fas fa-save"></i> Actualizar Evento
                        </button>
                        @if($evento->participantes_count > 0)
                            <button type="button" class="btn btn-warning btn-lg me-3" onclick="notificarCambios()">
                                <i class="fas fa-bell"></i> Actualizar y Notificar
                            </button>
                        @endif
                        <a href="{{ route('admin.eventos.show', $evento) }}" class="btn btn-info btn-lg me-3">
                            <i class="fas fa-eye"></i> Ver Evento
                        </a>
                        <a href="{{ route('admin.eventos.index') }}" class="btn btn-outline-secondary btn-lg">
                            <i class="fas fa-times"></i> Cancelar
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    // Inicializar Select2 para canchas
    $('#canchas').select2({
        placeholder: 'Seleccionar canchas',
        allowClear: true
    });

    // Manejar checkbox de evento gratuito
    $('#es_gratuito').on('change', function() {
        if ($(this).is(':checked')) {
            $('#preciosContainer').hide();
            $('#precio_inscripcion, #precio_descuento').removeAttr('required');
        } else {
            $('#preciosContainer').show();
            $('#precio_inscripcion').attr('required', 'required');
        }
    });

    // Preview de imagen
    $('#imagen').on('change', function() {
        const file = this.files[0];
        if (file) {
            const reader = new FileReader();
            reader.onload = function(e) {
                $('#imagenPreviewImg').attr('src', e.target.result);
                $('#imagenPreview').show();
            }
            reader.readAsDataURL(file);
        } else {
            $('#imagenPreview').hide();
        }
    });



    // Validación de fechas
    $('#fecha_inicio, #fecha_fin').on('change', function() {
        const fechaInicio = new Date($('#fecha_inicio').val());
        const fechaFin = new Date($('#fecha_fin').val());
        
        if (fechaInicio && fechaFin && fechaInicio >= fechaFin) {
            Swal.fire('Error', 'La fecha de fin debe ser posterior a la fecha de inicio', 'error');
            $('#fecha_fin').val('');
        }
    });

    // Validación de participantes
    $('#min_participantes, #capacidad_maxima').on('change', function() {
        const min = parseInt($('#min_participantes').val()) || 0;
        const max = parseInt($('#capacidad_maxima').val()) || 0;
        const actual = {{ $evento->participantes_count ?? 0 }};
        
        if (min > 0 && max > 0 && min > max) {
            Swal.fire('Error', 'El mínimo de participantes no puede ser mayor al máximo', 'error');
            $('#min_participantes').val('');
            return;
        }
        
        if (max > 0 && actual > max) {
            Swal.fire({
                title: 'Advertencia',
                text: `El evento tiene ${actual} participantes inscritos, pero el nuevo máximo es ${max}. ¿Desea continuar?`,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Sí, continuar',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (!result.isConfirmed) {
                    $('#capacidad_maxima').val('{{ $evento->capacidad_maxima }}');
                }
            });
        }
    });

    // Validación del formulario
    $('#formEditarEvento').on('submit', function(e) {
        e.preventDefault();
        
        const form = this;
        
        // Validaciones básicas
        if (!$('#nombre').val().trim()) {
            Swal.fire('Error', 'El nombre del evento es requerido', 'error');
            return;
        }
        
        if (!$('#tipo').val()) {
            Swal.fire('Error', 'Debe seleccionar un tipo de evento', 'error');
            return;
        }
        
        if (!$('#fecha_inicio').val() || !$('#fecha_fin').val()) {
            Swal.fire('Error', 'Las fechas de inicio y fin son requeridas', 'error');
            return;
        }
        
        // Validar que al menos una cancha esté seleccionada
        if ($('#canchas').val().length === 0) {
            Swal.fire('Error', 'Debe seleccionar al menos una cancha', 'error');
            return;
        }
        
        // Si no es gratuito, validar precio
        if (!$('#es_gratuito').is(':checked') && !$('#precio_inscripcion').val()) {
            Swal.fire('Error', 'Debe especificar el precio de inscripción', 'error');
            return;
        }
        
        // Mostrar confirmación antes de enviar
        Swal.fire({
            title: 'Confirmar Actualización',
            text: '¿Está seguro de que desea actualizar este evento?',
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: 'Sí, actualizar',
            cancelButtonText: 'Cancelar'
        }).then((result) => {
            if (result.isConfirmed) {
                // Enviar formulario
                form.submit();
            }
        });
    });
});

function notificarCambios() {
    Swal.fire({
        title: 'Notificar Cambios',
        text: 'Se enviará una notificación a todos los participantes sobre los cambios realizados',
        icon: 'question',
        showCancelButton: true,
        confirmButtonText: 'Sí, notificar',
        cancelButtonText: 'Solo guardar'
    }).then((result) => {
        if (result.isConfirmed) {
            // Agregar campo hidden para notificar
            $('<input>').attr({
                type: 'hidden',
                name: 'notificar_cambios',
                value: '1'
            }).appendTo('#formEditarEvento');
        }
        
        // Obtener el formulario y enviarlo directamente sin validación adicional
        const form = document.getElementById('formEditarEvento');
        form.submit();
    });
}
</script>
@endpush