@extends('layouts.admin')

@section('title')
    @lang('translation.Precios de Cancha')
@endsection

@section('css')
    <!-- DateRangePicker -->
    <link href="{{ URL::asset('build/libs/daterangepicker/daterangepicker.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('content')
    @component('components.breadcrumb')
        @slot('li_1')
            <a href="{{ route('admin.canchas.index') }}">Canchas</a>
        @endslot
        @slot('li_2')
            <a href="{{ route('admin.canchas.show', $cancha) }}">{{ $cancha->nombre }}</a>
        @endslot
        @slot('title')
            Precios
        @endslot
    @endcomponent

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <div class="row align-items-center">
                        <div class="col">
                            <h4 class="card-title mb-0">Gestión de Precios - {{ $cancha->nombre }}</h4>
                            <p class="text-muted mb-0">{{ $cancha->categoria->nombre }} | {{ $cancha->direccion }}</p>
                        </div>
                        <div class="col-auto">
                            <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalPrecio">
                                <i class="bx bx-plus me-1"></i> Nueva Configuración
                            </button>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <!-- Precio Base -->
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <div class="card border-primary">
                                <div class="card-header bg-primary text-white">
                                    <h5 class="card-title mb-0">
                                        <i class="bx bx-dollar me-2"></i>Precio Base
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div>
                                            <h3 class="text-primary mb-1">{{ format_currency($cancha->precio_por_hora, 0) }}</h3>
                                            <p class="text-muted mb-0">Por hora</p>
                                        </div>
                                        <button type="button" class="btn btn-outline-primary" onclick="editarPrecioBase()">
                                            <i class="bx bx-edit"></i> Editar
                                        </button>
                                    </div>
                                    <hr>
                                    <small class="text-muted">
                                        <i class="bx bx-info-circle me-1"></i>
                                        Este es el precio por defecto que se aplica cuando no hay configuraciones especiales.
                                    </small>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card border-info">
                                <div class="card-header bg-info text-white">
                                    <h5 class="card-title mb-0">
                                        <i class="bx bx-trending-up me-2"></i>Estadísticas
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <div class="row text-center">
                                        <div class="col-6">
                                            <h4 class="text-info mb-1">{{ $estadisticas['configuraciones_activas'] ?? 0 }}</h4>
                                            <p class="text-muted mb-0 small">Configuraciones Activas</p>
                                        </div>
                                        <div class="col-6">
                                            <h4 class="text-success mb-1">{{ format_currency($estadisticas['precio_promedio'] ?? 0, 0) }}</h4>
                                            <p class="text-muted mb-0 small">Precio Promedio</p>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row text-center">
                                        <div class="col-6">
                                            <h4 class="text-warning mb-1">{{ format_currency($estadisticas['precio_maximo'] ?? 0, 0) }}</h4>
                                            <p class="text-muted mb-0 small">Precio Máximo</p>
                                        </div>
                                        <div class="col-6">
                                            <h4 class="text-secondary mb-1">{{ format_currency($estadisticas['precio_minimo'] ?? 0, 0) }}</h4>
                                            <p class="text-muted mb-0 small">Precio Mínimo</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Filtros -->
                    <div class="row mb-4">
                        <div class="col-md-3">
                            <label for="filtro-tipo" class="form-label">Tipo de Precio</label>
                            <select class="form-select" id="filtro-tipo">
                                <option value="">Todos los tipos</option>
                                <option value="dia_semana">Día de la Semana</option>
                                <option value="fecha_especial">Fecha Especial</option>
                                <option value="temporada">Temporada</option>
                                <option value="promocion">Promoción</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label for="filtro-estado" class="form-label">Estado</label>
                            <select class="form-select" id="filtro-estado">
                                <option value="">Todos los estados</option>
                                <option value="activo">Activo</option>
                                <option value="inactivo">Inactivo</option>
                                <option value="programado">Programado</option>
                                <option value="vencido">Vencido</option>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">&nbsp;</label>
                            <div class="d-flex gap-2">
                                <button type="button" class="btn btn-outline-primary" onclick="aplicarFiltros()">
                                    <i class="bx bx-filter me-1"></i> Filtrar
                                </button>
                                <button type="button" class="btn btn-outline-secondary" onclick="limpiarFiltros()">
                                    <i class="bx bx-x me-1"></i> Limpiar
                                </button>
                                <button type="button" class="btn btn-outline-success" onclick="exportarPrecios()">
                                    <i class="bx bx-download me-1"></i> Exportar
                                </button>
                            </div>
                        </div>
                    </div>

                    <!-- Tabla de configuraciones de precios -->
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover" id="tabla-precios">
                            <thead class="table-light">
                                <tr>
                                    <th>Tipo</th>
                                    <th>Descripción</th>
                                    <th>Precio</th>
                                    <th>Vigencia</th>
                                    <th>Estado</th>
                                    <th>Prioridad</th>
                                    <th>Acciones</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($configuraciones_precios as $config)
                                    <tr data-tipo="{{ $config->tipo }}" data-estado="{{ $config->estado }}">
                                        <td>
                                            @switch($config->tipo)
                                                @case('dia_semana')
                                                    <span class="badge bg-primary">Día Semana</span>
                                                    @break
                                                @case('fecha_especial')
                                                    <span class="badge bg-warning">Fecha Especial</span>
                                                    @break
                                                @case('temporada')
                                                    <span class="badge bg-info">Temporada</span>
                                                    @break
                                                @case('promocion')
                                                    <span class="badge bg-success">Promoción</span>
                                                    @break
                                                @default
                                                    <span class="badge bg-secondary">{{ ucfirst($config->tipo) }}</span>
                                            @endswitch
                                        </td>
                                        <td>
                                            <div>
                                                <strong>{{ $config->nombre }}</strong>
                                                @if($config->descripcion)
                                                    <br><small class="text-muted">{{ $config->descripcion }}</small>
                                                @endif
                                                @if($config->condiciones)
                                                    <br><small class="text-info">{{ $config->condiciones }}</small>
                                                @endif
                                            </div>
                                        </td>
                                        <td>
                                            <div class="d-flex align-items-center">
                                                @if($config->tipo_descuento == 'porcentaje')
                                                    <span class="text-success fw-bold">-{{ $config->descuento }}%</span>
                                                    <br><small class="text-muted">{{ format_currency($config->precio_final, 0) }}</small>
                                                @elseif($config->tipo_descuento == 'monto_fijo')
                                                    <span class="text-warning fw-bold">-{{ format_currency($config->descuento, 0) }}</span>
                                                    <br><small class="text-muted">{{ format_currency($config->precio_final, 0) }}</small>
                                                @else
                                                    <span class="text-primary fw-bold">{{ format_currency($config->precio_final, 0) }}</span>
                                                @endif
                                            </div>
                                        </td>
                                        <td>
                                            @if($config->fecha_inicio && $config->fecha_fin)
                                                <div>
                                                    <small class="text-muted">Desde:</small> {{ $config->fecha_inicio->format('d/m/Y') }}<br>
                                                    <small class="text-muted">Hasta:</small> {{ $config->fecha_fin->format('d/m/Y') }}
                                                </div>
                                            @elseif($config->dias_semana)
                                                <div>
                                                    <small class="text-muted">Días:</small><br>
                                                    @foreach(json_decode($config->dias_semana) as $dia)
                                                        <span class="badge bg-light text-dark me-1">{{ ucfirst($dia) }}</span>
                                                    @endforeach
                                                </div>
                                            @else
                                                <span class="text-muted">Permanente</span>
                                            @endif
                                        </td>
                                        <td>
                                            @switch($config->estado)
                                                @case('activo')
                                                    <span class="badge bg-success">Activo</span>
                                                    @break
                                                @case('inactivo')
                                                    <span class="badge bg-danger">Inactivo</span>
                                                    @break
                                                @case('programado')
                                                    <span class="badge bg-warning">Programado</span>
                                                    @break
                                                @case('vencido')
                                                    <span class="badge bg-secondary">Vencido</span>
                                                    @break
                                            @endswitch
                                        </td>
                                        <td>
                                            <span class="badge bg-info">{{ $config->prioridad ?? 1 }}</span>
                                        </td>
                                        <td>
                                            <div class="dropdown">
                                                <button class="btn btn-light btn-sm dropdown-toggle" type="button" 
                                                        data-bs-toggle="dropdown" aria-expanded="false">
                                                    <i class="bx bx-dots-horizontal-rounded"></i>
                                                </button>
                                                <ul class="dropdown-menu">
                                                    <li>
                                                        <button class="dropdown-item" onclick="editarPrecio({{ $config->id }})">
                                                            <i class="bx bx-edit me-2"></i> Editar
                                                        </button>
                                                    </li>
                                                    <li>
                                                        <button class="dropdown-item" onclick="duplicarPrecio({{ $config->id }})">
                                                            <i class="bx bx-copy me-2"></i> Duplicar
                                                        </button>
                                                    </li>
                                                    <li>
                                                        <button class="dropdown-item" onclick="cambiarEstadoPrecio({{ $config->id }}, '{{ $config->estado }}')">
                                                            <i class="bx bx-refresh me-2"></i> 
                                                            {{ $config->estado == 'activo' ? 'Desactivar' : 'Activar' }}
                                                        </button>
                                                    </li>
                                                    <li><hr class="dropdown-divider"></li>
                                                    <li>
                                                        <button class="dropdown-item text-danger" 
                                                                onclick="eliminarPrecio({{ $config->id }}, '{{ $config->nombre }}')">
                                                            <i class="bx bx-trash me-2"></i> Eliminar
                                                        </button>
                                                    </li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="7" class="text-center py-4">
                                            <i class="bx bx-dollar text-muted" style="font-size: 3rem;"></i>
                                            <p class="text-muted mt-2">No hay configuraciones de precios especiales</p>
                                            <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalPrecio">
                                                <i class="bx bx-plus me-1"></i> Crear Primera Configuración
                                            </button>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal crear/editar precio -->
    <div class="modal fade" id="modalPrecio" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalPrecioTitle">Nueva Configuración de Precio</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <form id="formPrecio" method="POST">
                    @csrf
                    <input type="hidden" id="precio_id" name="precio_id">
                    <input type="hidden" name="cancha_id" value="{{ $cancha->id }}">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="tipo_precio" class="form-label">Tipo de Configuración <span class="text-danger">*</span></label>
                                    <select class="form-select" id="tipo_precio" name="tipo" required onchange="cambiarTipoPrecio()">
                                        <option value="">Seleccionar tipo</option>
                                        <option value="dia_semana">Día de la Semana</option>
                                        <option value="fecha_especial">Fecha Especial</option>
                                        <option value="temporada">Temporada</option>
                                        <option value="promocion">Promoción</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="estado_precio" class="form-label">Estado <span class="text-danger">*</span></label>
                                    <select class="form-select" id="estado_precio" name="estado" required>
                                        <option value="activo">Activo</option>
                                        <option value="inactivo">Inactivo</option>
                                        <option value="programado">Programado</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-8">
                                <div class="mb-3">
                                    <label for="nombre_precio" class="form-label">Nombre <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="nombre_precio" name="nombre" required 
                                           placeholder="Ej: Descuento Fin de Semana">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="prioridad" class="form-label">Prioridad</label>
                                    <input type="number" class="form-control" id="prioridad" name="prioridad" 
                                           min="1" max="10" value="1" placeholder="1">
                                    <div class="form-text">1 = Mayor prioridad</div>
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label for="descripcion_precio" class="form-label">Descripción</label>
                            <textarea class="form-control" id="descripcion_precio" name="descripcion" rows="2" 
                                      placeholder="Descripción de la configuración de precio..."></textarea>
                        </div>

                        <!-- Configuración por días de semana -->
                        <div id="config_dias_semana" style="display: none;">
                            <div class="mb-3">
                                <label class="form-label">Días de la Semana <span class="text-danger">*</span></label>
                                <div class="row">
                                    @foreach(['lunes', 'martes', 'miercoles', 'jueves', 'viernes', 'sabado', 'domingo'] as $dia)
                                        <div class="col-md-3">
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" 
                                                       id="dia_{{ $dia }}" name="dias_semana[]" value="{{ $dia }}">
                                                <label class="form-check-label" for="dia_{{ $dia }}">
                                                    {{ ucfirst($dia) }}
                                                </label>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>

                        <!-- Configuración por fechas -->
                        <div id="config_fechas" style="display: none;">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="fecha_inicio" class="form-label">Fecha Inicio <span class="text-danger">*</span></label>
                                        <input type="date" class="form-control" id="fecha_inicio" name="fecha_inicio">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="fecha_fin" class="form-label">Fecha Fin <span class="text-danger">*</span></label>
                                        <input type="date" class="form-control" id="fecha_fin" name="fecha_fin">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Configuración de precio -->
                        <div class="row">
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="tipo_descuento" class="form-label">Tipo de Ajuste <span class="text-danger">*</span></label>
                                    <select class="form-select" id="tipo_descuento" name="tipo_descuento" required onchange="cambiarTipoDescuento()">
                                        <option value="">Seleccionar</option>
                                        <option value="precio_fijo">Precio Fijo</option>
                                        <option value="porcentaje">Descuento %</option>
                                        <option value="monto_fijo">Descuento $</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="valor_descuento" class="form-label">Valor <span class="text-danger">*</span></label>
                                    <input type="number" class="form-control" id="valor_descuento" name="valor" 
                                           min="0" step="0.01" required placeholder="0">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label class="form-label">Precio Final</label>
                                    <div class="input-group">
                                        <span class="input-group-text">$</span>
                                        <input type="text" class="form-control" id="precio_final_preview" readonly 
                                               placeholder="0" style="background-color: #f8f9fa;">
                                    </div>
                                    <div class="form-text">Precio base: {{ format_currency($cancha->precio_por_hora, 0) }}</div>
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label for="condiciones" class="form-label">Condiciones Adicionales</label>
                            <textarea class="form-control" id="condiciones" name="condiciones" rows="2" 
                                      placeholder="Ej: Válido solo para reservas de más de 2 horas..."></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                        <button type="submit" class="btn btn-primary" id="btnGuardarPrecio">
                            <i class="bx bx-save me-1"></i> Guardar
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Modal editar precio base -->
    <div class="modal fade" id="modalPrecioBase" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Editar Precio Base</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <form action="{{ route('admin.canchas.update', $cancha) }}" method="POST">
                    @csrf
                    @method('PUT')
                    <div class="modal-body">
                        <div class="mb-3">
                            <label for="precio_por_hora" class="form-label">Precio por Hora ($) <span class="text-danger">*</span></label>
                            <input type="number" class="form-control" id="precio_por_hora" name="precio_por_hora" 
                                   value="{{ $cancha->precio_por_hora }}" min="0" step="0.01" required>
                            <div class="form-text">Este precio se aplicará por defecto cuando no haya configuraciones especiales.</div>
                        </div>
                        
                        <div class="alert alert-info">
                            <i class="bx bx-info-circle me-2"></i>
                            <strong>Nota:</strong> Este cambio afectará todas las reservas futuras que no tengan precios especiales configurados.
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                        <button type="submit" class="btn btn-primary">
                            <i class="bx bx-save me-1"></i> Actualizar Precio
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <!-- DateRangePicker -->
    <script src="{{ URL::asset('build/libs/moment/min/moment.min.js') }}"></script>
    <script src="{{ URL::asset('build/libs/daterangepicker/daterangepicker.min.js') }}"></script>
    
    <script>
        const precioBase = {{ $cancha->precio_por_hora }};
        
        $(document).ready(function() {
            // Configurar formulario de precio
            $('#formPrecio').submit(function(e) {
                e.preventDefault();
                
                const precioId = $('#precio_id').val();
                const url = precioId ? 
                    `{{ route('admin.canchas.precios.update', ['cancha' => $cancha->id, 'precio' => '__ID__']) }}`.replace('__ID__', precioId) :
                    `{{ route('admin.canchas.precios.store', $cancha) }}`;
                
                if (precioId) {
                    $(this).append('<input type="hidden" name="_method" value="PUT">');
                }
                
                $(this).attr('action', url).off('submit').submit();
            });

            // Calcular precio final en tiempo real
            $('#tipo_descuento, #valor_descuento').on('input change', function() {
                calcularPrecioFinal();
            });
        });

        function cambiarTipoPrecio() {
            const tipo = $('#tipo_precio').val();
            
            // Ocultar todas las configuraciones
            $('#config_dias_semana, #config_fechas').hide();
            
            // Mostrar configuración según el tipo
            if (tipo === 'dia_semana') {
                $('#config_dias_semana').show();
            } else if (tipo === 'fecha_especial' || tipo === 'temporada' || tipo === 'promocion') {
                $('#config_fechas').show();
            }
        }

        function cambiarTipoDescuento() {
            const tipo = $('#tipo_descuento').val();
            const valorInput = $('#valor_descuento');
            
            // Configurar placeholder y validaciones según el tipo
            switch(tipo) {
                case 'precio_fijo':
                    valorInput.attr('placeholder', 'Ej: 25000');
                    break;
                case 'porcentaje':
                    valorInput.attr('placeholder', 'Ej: 15').attr('max', '100');
                    break;
                case 'monto_fijo':
                    valorInput.attr('placeholder', 'Ej: 5000').removeAttr('max');
                    break;
            }
            
            calcularPrecioFinal();
        }

        function calcularPrecioFinal() {
            const tipo = $('#tipo_descuento').val();
            const valor = parseFloat($('#valor_descuento').val()) || 0;
            let precioFinal = precioBase;
            
            switch(tipo) {
                case 'precio_fijo':
                    precioFinal = valor;
                    break;
                case 'porcentaje':
                    precioFinal = precioBase - (precioBase * valor / 100);
                    break;
                case 'monto_fijo':
                    precioFinal = precioBase - valor;
                    break;
            }
            
            // Asegurar que el precio no sea negativo
            precioFinal = Math.max(0, precioFinal);
            
            $('#precio_final_preview').val(new Intl.NumberFormat('es-CO').format(precioFinal));
        }

        function aplicarFiltros() {
            const tipo = $('#filtro-tipo').val();
            const estado = $('#filtro-estado').val();
            
            $('#tabla-precios tbody tr').each(function() {
                const fila = $(this);
                const tipoFila = fila.data('tipo');
                const estadoFila = fila.data('estado');
                
                let mostrar = true;
                
                if (tipo && tipoFila !== tipo) {
                    mostrar = false;
                }
                
                if (estado && estadoFila !== estado) {
                    mostrar = false;
                }
                
                if (mostrar) {
                    fila.show();
                } else {
                    fila.hide();
                }
            });
        }

        function limpiarFiltros() {
            $('#filtro-tipo, #filtro-estado').val('');
            $('#tabla-precios tbody tr').show();
        }

        function editarPrecioBase() {
            $('#modalPrecioBase').modal('show');
        }

        function editarPrecio(id) {
            $('#modalPrecioTitle').text('Editar Configuración de Precio');
            $('#precio_id').val(id);
            $('#btnGuardarPrecio').html('<i class="bx bx-save me-1"></i> Actualizar');
            $('#modalPrecio').modal('show');
        }

        function duplicarPrecio(id) {
            if (confirm('¿Desea crear una copia de esta configuración de precio?')) {
                // Aquí harías la petición AJAX para duplicar
                window.location.reload();
            }
        }

        function cambiarEstadoPrecio(id, estadoActual) {
            const nuevoEstado = estadoActual === 'activo' ? 'inactivo' : 'activo';
            const accion = nuevoEstado === 'activo' ? 'activar' : 'desactivar';
            
            if (confirm(`¿Está seguro que desea ${accion} esta configuración de precio?`)) {
                // Aquí harías la petición AJAX para cambiar el estado
                window.location.reload();
            }
        }

        function eliminarPrecio(id, nombre) {
            if (confirm(`¿Está seguro que desea eliminar la configuración "${nombre}"?`)) {
                // Crear formulario para eliminar
                const form = document.createElement('form');
                form.method = 'POST';
                form.action = `{{ route('admin.canchas.precios.destroy', ['cancha' => $cancha->id, 'precio' => '__ID__']) }}`.replace('__ID__', id);
                
                const csrfToken = document.createElement('input');
                csrfToken.type = 'hidden';
                csrfToken.name = '_token';
                csrfToken.value = '{{ csrf_token() }}';
                
                const methodField = document.createElement('input');
                methodField.type = 'hidden';
                methodField.name = '_method';
                methodField.value = 'DELETE';
                
                form.appendChild(csrfToken);
                form.appendChild(methodField);
                document.body.appendChild(form);
                form.submit();
            }
        }

        function exportarPrecios() {
            window.open(`{{ route('admin.canchas.precios.export', $cancha) }}`, '_blank');
        }

        // Limpiar modal al cerrarlo
        $('#modalPrecio').on('hidden.bs.modal', function() {
            $('#formPrecio')[0].reset();
            $('#precio_id').val('');
            $('#modalPrecioTitle').text('Nueva Configuración de Precio');
            $('#btnGuardarPrecio').html('<i class="bx bx-save me-1"></i> Guardar');
            $('#config_dias_semana, #config_fechas').hide();
            $('#precio_final_preview').val('');
        });

        // Mostrar mensajes de éxito/error
        @if(session('success'))
            Swal.fire({
                icon: 'success',
                title: '¡Éxito!',
                text: '{{ session('success') }}',
                timer: 3000,
                showConfirmButton: false
            });
        @endif

        @if(session('error'))
            Swal.fire({
                icon: 'error',
                title: 'Error',
                text: '{{ session('error') }}'
            });
        @endif
    </script>
@endsection