@extends('layouts.admin')

@section('title', 'Precios del 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-dollar-sign text-primary"></i>
            Precios: {{ $evento->nombre }}
            <span class="badge badge-{{ $evento->estado == 'publicado' ? 'success' : ($evento->estado == 'cancelado' ? 'danger' : 'warning') }} ml-2">
                {{ ucfirst($evento->estado) }}
            </span>
        </h1>
        <div class="d-flex gap-2">
            <button class="btn btn-success btn-sm" onclick="exportarPrecios()">
                <i class="fas fa-download"></i> Exportar
            </button>
            <button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#modalAgregarPrecio">
                <i class="fas fa-plus"></i> Agregar Precio
            </button>
            <a href="{{ route('admin.eventos.show', $evento) }}" class="btn btn-secondary btn-sm">
                <i class="fas fa-arrow-left"></i> Volver al Evento
            </a>
        </div>
    </div>

    <!-- Información del Evento -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="card border-left-info shadow">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="text-xs font-weight-bold text-info text-uppercase mb-1">
                                Tipo de Evento
                            </div>
                            <div class="h6 mb-0 font-weight-bold text-gray-800">
                                @if($evento->es_gratuito)
                                    <span class="badge badge-success"><i class="fas fa-gift"></i> Gratuito</span>
                                @else
                                    <span class="badge badge-primary"><i class="fas fa-dollar-sign"></i> De Pago</span>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="text-xs font-weight-bold text-info text-uppercase mb-1">
                                Precio Base
                            </div>
                            <div class="h6 mb-0 font-weight-bold text-gray-800">
                                @if($evento->es_gratuito)
                                    {{ currency_symbol() }}0.00
                                @else
                                    {{ format_currency($evento->precio_inscripcion ?? 0, 2) }}
                                @endif
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="text-xs font-weight-bold text-info text-uppercase mb-1">
                                Capacidad
                            </div>
                            <div class="h6 mb-0 font-weight-bold text-gray-800">
                                {{ $evento->capacidad_maxima ?? 'Ilimitada' }}
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="text-xs font-weight-bold text-info text-uppercase mb-1">
                                Fecha del Evento
                            </div>
                            <div class="h6 mb-0 font-weight-bold text-gray-800">
                                {{ $evento->fecha_inicio->format('d/m/Y') }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Estadísticas de Precios -->
    <div class="row mb-4">
        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-primary shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                Configuraciones de Precio
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">{{ $precios->count() }}</div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-tags fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-success shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-success text-uppercase mb-1">
                                Precio Mínimo
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ format_currency($precios->min('precio') ?? 0, 2) }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-arrow-down fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-warning shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">
                                Precio Máximo
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ format_currency($precios->max('precio') ?? 0, 2) }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-arrow-up fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-3 col-md-6 mb-4">
            <div class="card border-left-info shadow h-100 py-2">
                <div class="card-body">
                    <div class="row no-gutters align-items-center">
                        <div class="col mr-2">
                            <div class="text-xs font-weight-bold text-info text-uppercase mb-1">
                                Precio Promedio
                            </div>
                            <div class="h5 mb-0 font-weight-bold text-gray-800">
                                {{ format_currency($precios->avg('precio') ?? 0, 2) }}
                            </div>
                        </div>
                        <div class="col-auto">
                            <i class="fas fa-chart-line fa-2x text-gray-300"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Configuración de Precio Base -->
    @if(!$evento->es_gratuito)
    <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> Configuración de Precio Base
            </h6>
        </div>
        <div class="card-body">
            <form id="formPrecioBase" class="row g-3">
                <div class="col-md-3">
                    <label for="precio_base" class="form-label">Precio Base de Inscripción</label>
                    <div class="input-group">
                        <span class="input-group-text">{{ currency_symbol() }}</span>
                        <input type="number" class="form-control" id="precio_base" name="precio_inscripcion" 
                               step="0.01" min="0" value="{{ $evento->precio_inscripcion }}" required>
                    </div>
                </div>
                <div class="col-md-3">
                    <label for="descuento_maximo" class="form-label">Descuento Máximo (%)</label>
                    <input type="number" class="form-control" id="descuento_maximo" name="descuento_maximo" 
                           min="0" max="100" value="{{ $evento->descuento_maximo ?? 0 }}">
                </div>
                <div class="col-md-3">
                    <label for="recargo_maximo" class="form-label">Recargo Máximo (%)</label>
                    <input type="number" class="form-control" id="recargo_maximo" name="recargo_maximo" 
                           min="0" value="{{ $evento->recargo_maximo ?? 0 }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label">&nbsp;</label>
                    <div>
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save"></i> Actualizar Precio Base
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    @endif

    <!-- Filtros -->
    <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-filter"></i> Filtros
            </h6>
        </div>
        <div class="card-body">
            <form id="filtrosForm" class="row g-3">
                <div class="col-md-3">
                    <label for="tipo_precio" class="form-label">Tipo de Precio</label>
                    <select class="form-select" id="tipo_precio" name="tipo_precio">
                        <option value="">Todos los tipos</option>
                        <option value="general" {{ request('tipo_precio') == 'general' ? 'selected' : '' }}>General</option>
                        <option value="estudiante" {{ request('tipo_precio') == 'estudiante' ? 'selected' : '' }}>Estudiante</option>
                        <option value="tercera_edad" {{ request('tipo_precio') == 'tercera_edad' ? 'selected' : '' }}>Tercera Edad</option>
                        <option value="grupo" {{ request('tipo_precio') == 'grupo' ? 'selected' : '' }}>Grupo</option>
                        <option value="vip" {{ request('tipo_precio') == 'vip' ? 'selected' : '' }}>VIP</option>
                        <option value="promocional" {{ request('tipo_precio') == 'promocional' ? 'selected' : '' }}>Promocional</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label for="estado_precio" class="form-label">Estado</label>
                    <select class="form-select" id="estado_precio" name="estado">
                        <option value="">Todos los estados</option>
                        <option value="activo" {{ request('estado') == 'activo' ? 'selected' : '' }}>Activo</option>
                        <option value="inactivo" {{ request('estado') == 'inactivo' ? 'selected' : '' }}>Inactivo</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label for="precio_min" class="form-label">Precio Mín.</label>
                    <div class="input-group">
                        <span class="input-group-text">$</span>
                        <input type="number" class="form-control" id="precio_min" name="precio_min" 
                               step="0.01" min="0" value="{{ request('precio_min') }}">
                    </div>
                </div>
                <div class="col-md-2">
                    <label for="precio_max" class="form-label">Precio Máx.</label>
                    <div class="input-group">
                        <span class="input-group-text">$</span>
                        <input type="number" class="form-control" id="precio_max" name="precio_max" 
                               step="0.01" min="0" value="{{ request('precio_max') }}">
                    </div>
                </div>
                <div class="col-md-3">
                    <label class="form-label">&nbsp;</label>
                    <div class="d-flex gap-2">
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-search"></i> Buscar
                        </button>
                        <button type="button" class="btn btn-outline-secondary" onclick="limpiarFiltros()">
                            <i class="fas fa-times"></i> Limpiar
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- Lista de Precios -->
    <div class="card shadow mb-4">
        <div class="card-header py-3 d-flex justify-content-between align-items-center">
            <h6 class="m-0 font-weight-bold text-primary">
                <i class="fas fa-list"></i> Configuraciones de Precio ({{ $precios->count() }})
            </h6>
            <div class="d-flex gap-2">
                <div class="dropdown">
                    <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" 
                            data-toggle="dropdown" aria-expanded="false">
                        <i class="fas fa-cog"></i> Acciones Masivas
                    </button>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="#" onclick="accionMasiva('activar')">
                            <i class="fas fa-check text-success"></i> Activar Seleccionados
                        </a>
                        <a class="dropdown-item" href="#" onclick="accionMasiva('desactivar')">
                            <i class="fas fa-times text-warning"></i> Desactivar Seleccionados
                        </a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#" onclick="accionMasiva('eliminar')">
                            <i class="fas fa-trash text-danger"></i> Eliminar Seleccionados
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-body">
            @if($precios->count() > 0)
                <div class="table-responsive">
                    <table class="table table-bordered" id="tablaPrecios">
                        <thead>
                            <tr>
                                <th width="30">
                                    <input type="checkbox" id="selectAll" class="form-check-input">
                                </th>
                                <th>Tipo</th>
                                <th>Descripción</th>
                                <th>Precio</th>
                                <th>Descuento/Recargo</th>
                                <th>Vigencia</th>
                                <th>Límites</th>
                                <th>Estado</th>
                                <th width="120">Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($precios as $precio)
                                <tr>
                                    <td>
                                        <input type="checkbox" class="form-check-input precio-checkbox" 
                                               value="{{ $precio->id }}">
                                    </td>
                                    <td>
                                        <span class="badge badge-{{ $precio->tipo === 'general' ? 'primary' : ($precio->tipo === 'promocional' ? 'warning' : 'info') }}">
                                            {{ ucfirst(str_replace('_', ' ', $precio->tipo)) }}
                                        </span>
                                    </td>
                                    <td>
                                        <div class="font-weight-bold">{{ $precio->nombre }}</div>
                                        @if($precio->descripcion)
                                            <small class="text-muted">{{ Str::limit($precio->descripcion, 50) }}</small>
                                        @endif
                                    </td>
                                    <td>
                                        <div class="font-weight-bold text-success">
                                            {{ format_currency($precio->precio, 2) }}
                                        </div>
                                        @if($precio->precio != $evento->precio_inscripcion)
                                            <small class="text-muted">
                                                Base: ${{ number_format($evento->precio_inscripcion, 2) }}
                                            </small>
                                        @endif
                                    </td>
                                    <td>
                                        @if($precio->porcentaje_descuento > 0)
                                            <span class="badge badge-success">
                                                -{{ $precio->porcentaje_descuento }}%
                                            </span>
                                        @elseif($precio->porcentaje_recargo > 0)
                                            <span class="badge badge-warning">
                                                +{{ $precio->porcentaje_recargo }}%
                                            </span>
                                        @else
                                            <span class="text-muted">Sin modificación</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($precio->fecha_inicio && $precio->fecha_fin)
                                            <div>
                                                <small class="text-muted">Desde:</small> {{ $precio->fecha_inicio->format('d/m/Y') }}
                                            </div>
                                            <div>
                                                <small class="text-muted">Hasta:</small> {{ $precio->fecha_fin->format('d/m/Y') }}
                                            </div>
                                        @else
                                            <span class="text-muted">Sin límite de tiempo</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($precio->cantidad_minima || $precio->cantidad_maxima)
                                            <div>
                                                @if($precio->cantidad_minima)
                                                    <small class="text-muted">Mín:</small> {{ $precio->cantidad_minima }}
                                                @endif
                                                @if($precio->cantidad_maxima)
                                                    <small class="text-muted">Máx:</small> {{ $precio->cantidad_maxima }}
                                                @endif
                                            </div>
                                        @else
                                            <span class="text-muted">Sin límites</span>
                                        @endif
                                    </td>
                                    <td>
                                        <span class="badge badge-{{ $precio->estado === 'activo' ? 'success' : 'secondary' }}">
                                            {{ ucfirst($precio->estado) }}
                                        </span>
                                    </td>
                                    <td>
                                        <div class="btn-group" role="group">
                                            <button class="btn btn-sm btn-outline-warning" 
                                                    onclick="editarPrecio({{ $precio->id }})" 
                                                    title="Editar">
                                                <i class="fas fa-edit"></i>
                                            </button>
                                            <button class="btn btn-sm btn-outline-{{ $precio->estado === 'activo' ? 'secondary' : 'success' }}" 
                                                    onclick="toggleEstadoPrecio({{ $precio->id }})" 
                                                    title="{{ $precio->estado === 'activo' ? 'Desactivar' : 'Activar' }}">
                                                <i class="fas fa-{{ $precio->estado === 'activo' ? 'pause' : 'play' }}"></i>
                                            </button>
                                            <button class="btn btn-sm btn-outline-danger" 
                                                    onclick="eliminarPrecio({{ $precio->id }})" 
                                                    title="Eliminar">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <div class="text-center py-5">
                    <i class="fas fa-tags fa-3x text-muted mb-3"></i>
                    <h5 class="text-muted">No hay configuraciones de precio</h5>
                    <p class="text-muted">Comience agregando diferentes tipos de precio para el evento</p>
                    <button class="btn btn-primary" data-toggle="modal" data-target="#modalAgregarPrecio">
                        <i class="fas fa-plus"></i> Agregar Primera Configuración
                    </button>
                </div>
            @endif
        </div>
    </div>
</div>

<!-- Modal Agregar/Editar Precio -->
<div class="modal fade" id="modalAgregarPrecio" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalPrecioTitle">Agregar Configuración de Precio</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <form id="formPrecio">
                <div class="modal-body">
                    <input type="hidden" id="precio_id" name="precio_id">
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="nombre" class="form-label">Nombre del Precio *</label>
                                <input type="text" class="form-control" id="nombre" name="nombre" 
                                       placeholder="Ej: Precio Estudiante" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="tipo" class="form-label">Tipo de Precio *</label>
                                <select class="form-select" id="tipo" name="tipo" required>
                                    <option value="">Seleccionar tipo...</option>
                                    <option value="general">General</option>
                                    <option value="estudiante">Estudiante</option>
                                    <option value="tercera_edad">Tercera Edad</option>
                                    <option value="grupo">Grupo</option>
                                    <option value="vip">VIP</option>
                                    <option value="promocional">Promocional</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="descripcion" class="form-label">Descripción</label>
                        <textarea class="form-control" id="descripcion" name="descripcion" rows="2" 
                                  placeholder="Descripción del tipo de precio..."></textarea>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="precio_fijo" class="form-label">Precio Fijo</label>
                                <div class="input-group">
                                    <span class="input-group-text">{{ currency_symbol() }}</span>
                                    <input type="number" class="form-control" id="precio_fijo" name="precio" 
                                           step="0.01" min="0" value="{{ $evento->precio_inscripcion }}">
                                </div>
                                <div class="form-text">Precio final que pagará el usuario</div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="porcentaje_descuento" class="form-label">Descuento (%)</label>
                                <input type="number" class="form-control" id="porcentaje_descuento" name="porcentaje_descuento" 
                                       min="0" max="100" step="0.01">
                                <div class="form-text">Descuento sobre el precio base</div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="mb-3">
                                <label for="porcentaje_recargo" class="form-label">Recargo (%)</label>
                                <input type="number" class="form-control" id="porcentaje_recargo" name="porcentaje_recargo" 
                                       min="0" step="0.01">
                                <div class="form-text">Recargo sobre el precio base</div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="fecha_inicio" class="form-label">Fecha de Inicio</label>
                                <input type="datetime-local" class="form-control" id="fecha_inicio" name="fecha_inicio">
                                <div class="form-text">Cuándo empieza a aplicar este precio</div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="fecha_fin" class="form-label">Fecha de Fin</label>
                                <input type="datetime-local" class="form-control" id="fecha_fin" name="fecha_fin">
                                <div class="form-text">Cuándo deja de aplicar este precio</div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="cantidad_minima" class="form-label">Cantidad Mínima</label>
                                <input type="number" class="form-control" id="cantidad_minima" name="cantidad_minima" 
                                       min="1">
                                <div class="form-text">Mínimo de inscripciones para aplicar</div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="cantidad_maxima" class="form-label">Cantidad Máxima</label>
                                <input type="number" class="form-control" id="cantidad_maxima" name="cantidad_maxima" 
                                       min="1">
                                <div class="form-text">Máximo de inscripciones disponibles</div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="estado_precio_modal" class="form-label">Estado</label>
                                <select class="form-select" id="estado_precio_modal" name="estado" required>
                                    <option value="activo">Activo</option>
                                    <option value="inactivo">Inactivo</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="orden" class="form-label">Orden de Prioridad</label>
                                <input type="number" class="form-control" id="orden" name="orden" 
                                       min="1" value="1">
                                <div class="form-text">Orden en que se muestra al usuario</div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="requiere_validacion" name="requiere_validacion" value="1">
                            <label class="form-check-label" for="requiere_validacion">
                                Requiere validación manual
                            </label>
                            <div class="form-text">El administrador debe aprobar manualmente las inscripciones con este precio</div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save"></i> <span id="btnSubmitText">Guardar Precio</span>
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    // Inicializar DataTable
    $('#tablaPrecios').DataTable({

        order: [[7, 'desc'], [3, 'asc']], // Ordenar por estado y precio
        pageLength: 25,
        columnDefs: [
            { orderable: false, targets: [0, 8] } // Deshabilitar ordenamiento en checkbox y acciones
        ]
    });

    // Manejar selección de todos los checkboxes
    $('#selectAll').on('change', function() {
        $('.precio-checkbox').prop('checked', this.checked);
    });

    // Calcular precio automáticamente
    $('#porcentaje_descuento, #porcentaje_recargo').on('input', function() {
        calcularPrecio();
    });

    // Limpiar campos mutuamente excluyentes
    $('#porcentaje_descuento').on('input', function() {
        if ($(this).val()) {
            $('#porcentaje_recargo').val('');
        }
        calcularPrecio();
    });

    $('#porcentaje_recargo').on('input', function() {
        if ($(this).val()) {
            $('#porcentaje_descuento').val('');
        }
        calcularPrecio();
    });

    // Manejar formulario de precio base
    $('#formPrecioBase').on('submit', function(e) {
        e.preventDefault();
        
        const formData = new FormData(this);
        
        $.ajax({
            url: '{{ route("admin.eventos.update", $evento) }}',
            method: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
                'X-HTTP-Method-Override': 'PUT'
            },
            success: function(response) {
                Swal.fire('Éxito', 'Precio base actualizado correctamente', 'success')
                    .then(() => location.reload());
            },
            error: function(xhr) {
                Swal.fire('Error', 'No se pudo actualizar el precio base', 'error');
            }
        });
    });

    // Manejar formulario de precio
    $('#formPrecio').on('submit', function(e) {
        e.preventDefault();
        
        const precioId = $('#precio_id').val();
        const formData = new FormData(this);
        const url = precioId ? 
            `{{ route('admin.eventos.precios.update', $evento) }}` : 
            `{{ route('admin.eventos.precios.store', $evento) }}`;
        
        if (precioId) {
            formData.append('_method', 'PUT');
            formData.append('precio_id', precioId);
        }
        
        $.ajax({
            url: url,
            method: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(response) {
                $('#modalAgregarPrecio').modal('hide');
                Swal.fire('Éxito', response.message || 'Precio guardado correctamente', 'success')
                    .then(() => location.reload());
            },
            error: function(xhr) {
                const errors = xhr.responseJSON?.errors;
                if (errors) {
                    let errorMsg = 'Errores encontrados:\n';
                    Object.values(errors).forEach(error => {
                        errorMsg += '- ' + error[0] + '\n';
                    });
                    Swal.fire('Error', errorMsg, 'error');
                } else {
                    Swal.fire('Error', 'No se pudo guardar el precio', 'error');
                }
            }
        });
    });

    // Limpiar modal al cerrarse
    $('#modalAgregarPrecio').on('hidden.bs.modal', function() {
        $('#formPrecio')[0].reset();
        $('#precio_id').val('');
        $('#modalPrecioTitle').text('Agregar Configuración de Precio');
        $('#btnSubmitText').text('Guardar Precio');
    });
});

function calcularPrecio() {
    const precioBase = {{ $evento->precio_inscripcion ?? 0 }};
    const descuento = parseFloat($('#porcentaje_descuento').val()) || 0;
    const recargo = parseFloat($('#porcentaje_recargo').val()) || 0;
    
    let precioFinal = precioBase;
    
    if (descuento > 0) {
        precioFinal = precioBase * (1 - descuento / 100);
    } else if (recargo > 0) {
        precioFinal = precioBase * (1 + recargo / 100);
    }
    
    $('#precio_fijo').val(precioFinal.toFixed(2));
}

function limpiarFiltros() {
    $('#filtrosForm')[0].reset();
    window.location.href = '{{ route("admin.eventos.precios", $evento) }}';
}

function editarPrecio(precioId) {
    // Cargar datos del precio
    $.ajax({
        url: `{{ route('admin.eventos.precios.show', $evento) }}`,
        method: 'GET',
        data: { precio_id: precioId },
        success: function(data) {
            $('#precio_id').val(precioId);
            $('#nombre').val(data.nombre);
            $('#tipo').val(data.tipo);
            $('#descripcion').val(data.descripcion);
            $('#precio_fijo').val(data.precio);
            $('#porcentaje_descuento').val(data.porcentaje_descuento);
            $('#porcentaje_recargo').val(data.porcentaje_recargo);
            $('#fecha_inicio').val(data.fecha_inicio);
            $('#fecha_fin').val(data.fecha_fin);
            $('#cantidad_minima').val(data.cantidad_minima);
            $('#cantidad_maxima').val(data.cantidad_maxima);
            $('#estado_precio_modal').val(data.estado);
            $('#orden').val(data.orden);
            $('#requiere_validacion').prop('checked', data.requiere_validacion);
            
            $('#modalPrecioTitle').text('Editar Configuración de Precio');
            $('#btnSubmitText').text('Actualizar Precio');
            $('#modalAgregarPrecio').modal('show');
        },
        error: function() {
            Swal.fire('Error', 'No se pudieron cargar los datos del precio', 'error');
        }
    });
}

function toggleEstadoPrecio(precioId) {
    $.ajax({
        url: `{{ route('admin.eventos.precios.toggle', $evento) }}`,
        method: 'POST',
        data: {
            precio_id: precioId,
            _token: $('meta[name="csrf-token"]').attr('content')
        },
        success: function(response) {
            Swal.fire('Éxito', response.message, 'success')
                .then(() => location.reload());
        },
        error: function() {
            Swal.fire('Error', 'No se pudo cambiar el estado del precio', 'error');
        }
    });
}

function eliminarPrecio(precioId) {
    Swal.fire({
        title: '¿Eliminar configuración de precio?',
        text: 'Esta acción no se puede deshacer',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonText: 'Sí, eliminar',
        cancelButtonText: 'Cancelar',
        confirmButtonColor: '#d33'
    }).then((result) => {
        if (result.isConfirmed) {
            $.ajax({
                url: `{{ route('admin.eventos.precios.destroy', $evento) }}`,
                method: 'DELETE',
                data: {
                    precio_id: precioId,
                    _token: $('meta[name="csrf-token"]').attr('content')
                },
                success: function(response) {
                    Swal.fire('Eliminado', 'Configuración eliminada correctamente', 'success')
                        .then(() => location.reload());
                },
                error: function() {
                    Swal.fire('Error', 'No se pudo eliminar la configuración', 'error');
                }
            });
        }
    });
}

function accionMasiva(accion) {
    const seleccionados = $('.precio-checkbox:checked').map(function() {
        return this.value;
    }).get();
    
    if (seleccionados.length === 0) {
        Swal.fire('Advertencia', 'Debe seleccionar al menos una configuración', 'warning');
        return;
    }
    
    let titulo, texto, confirmText;
    
    switch(accion) {
        case 'activar':
            titulo = '¿Activar configuraciones?';
            texto = `Se activarán ${seleccionados.length} configuraciones de precio`;
            confirmText = 'Sí, activar';
            break;
        case 'desactivar':
            titulo = '¿Desactivar configuraciones?';
            texto = `Se desactivarán ${seleccionados.length} configuraciones de precio`;
            confirmText = 'Sí, desactivar';
            break;
        case 'eliminar':
            titulo = '¿Eliminar configuraciones?';
            texto = `Se eliminarán ${seleccionados.length} configuraciones. Esta acción no se puede deshacer.`;
            confirmText = 'Sí, eliminar';
            break;
    }
    
    Swal.fire({
        title: titulo,
        text: texto,
        icon: 'question',
        showCancelButton: true,
        confirmButtonText: confirmText,
        cancelButtonText: 'Cancelar',
        confirmButtonColor: accion === 'eliminar' ? '#d33' : '#3085d6'
    }).then((result) => {
        if (result.isConfirmed) {
            $.ajax({
                url: `{{ route('admin.eventos.precios.masiva', $evento) }}`,
                method: 'POST',
                data: {
                    accion: accion,
                    precios: seleccionados,
                    _token: $('meta[name="csrf-token"]').attr('content')
                },
                success: function(response) {
                    Swal.fire('Éxito', response.message, 'success')
                        .then(() => location.reload());
                },
                error: function() {
                    Swal.fire('Error', 'No se pudo realizar la acción', 'error');
                }
            });
        }
    });
}

function exportarPrecios() {
    window.open(`{{ route('admin.eventos.precios.export', $evento) }}`, '_blank');
}
</script>
@endpush