{{-- resources/views/cotizacion/grilla.blade.php --}}
<div class="mt-4" id="lista_cotizaciones" style="display:none">
    <h3 class="text-center mb-3 fw-bold text-primary">
        Seleccione una cobertura
    </h3>
    <div class="col-12 mb-3 PromocionesSP grilla-sp">
        @if(session()->has('hide_discounts'))
            <input type="hidden" name="descuento" value="0" />
        @else
            <div class="form-group">
                <span id="TextoRiesgo" class="text-center my-2 d-block"></span>
                <label for="descuento" class="text-center small d-block">
                    Descuentos San Patricio
                </label>

                <select class="is-select form-control" name="descuento" data-dropup-auto="false" id="descuentos_select" onchange="SetListAutoAccesorio(); RecotizarConDescuento();">
                    @foreach($descuento as $id => $descripcion)
                        <option {{ old('c_descuento') == $id ? 'selected' : '' }} value="{{$id}}">{{$descripcion}}</option>
                    @endforeach
                </select>
            </div>
        @endif
    </div>

    {{-- Botones para alternar grids --}}

    {{-- GRILLA SIN AUXILIO --}}
    <div id="grilla-sin-auxilio" class="table-responsive" style="display:none">
        <table class="table">
            <thead>
            <tr>
                <th class="text-start">Cobertura</th>
                <th class="text-center">Efectivo <i class="fas fa-money-bill-wave"></i></th>
                <th class="text-end">Débito Automático
                    <i class="fas fa-university"></i>
                    <i class="far fa-credit-card"></i>
                </th>
            </tr>
            </thead>
            <tbody>
            {{-- Se llena dinámicamente por JS --}}
            </tbody>
        </table>
    </div>

    {{-- GRILLA CON AUXILIO Y REMOLQUE --}}
    <div id="grilla-con-auxilio" class="table-responsive" style="display:none">
        {{-- Botones de servicios AuxiSeg --}}

        <table class="table">
            <thead>
            <tr>
                <th class="text-start">Cobertura</th>
                <th class="text-center">TDC <i class="fas fa-credit-card"></i></th>
                <th class="text-center">CBU <i class="fas fa-university"></i></th>
            </tr>
            </thead>
            <tbody>
            {{-- Se llena dinámicamente por JS --}}
            </tbody>
        </table>
        <p>Selecciona la cobertura de Auxilio y Remolque</p>
        <div id="service-buttons" class="mb-3">
            {{-- Se generan dinámicamente: uno por NombreCorto --}}
        </div>
    </div>
    <div class="d-flex mb-3">
        <button id="btn-sin-aux" class="btn btn-outline-primary btn-sm me-2">Sin Auxilio</button>
        <button id="btn-con-aux" class="btn btn-outline-primary btn-sm">Con Auxilio y Remolque</button>
    </div>

    <p class="text-center w-75 mx-auto mb-1 small fw-light">
        Se muestra el valor de la cuota mensual correspondiente a una poliza anual con 12 cuotas mensuales.
    </p>
    <p class="text-center w-75 mx-auto small fw-light">
        Los descuentos se calculan en base a Débito Automático.
    </p>
    <p class="text-center w-75 mx-auto small fw-light">
        Promoción válida por 6 meses    </p>
    <hr>
    <input type="hidden" id="json_cot" value="">
    <input type="hidden" id="_tokencsrf" value="{{csrf_token()}}">
    <input class='btn w-100 btn-outline-primary' onclick="imprimirCotizacion()" type="button" id="imprimir_cotizacion" value="Imprimir Cotización"><br>

</div>