@php
    /*
     * Visibilidad MotoVida
     * Si MOTOVIDA_PRODUCTORES está vacío → se muestra a todos.
     * Si tiene valores → solo se muestra a los productores listados.
     */
    $motividaProductores = config('services.motovida_productores');
    $prodlargoActual     = session('prodlargo');
    $mostrarMotovida     = empty($motividaProductores)
                           || in_array($prodlargoActual, $motividaProductores);
@endphp
<div id="abanico-companias" style="display:none;">
    <button type="button" onclick="MostrarGrillaCompania('sp')">San Patricio Seguros</button>
    <button type="button" onclick="MostrarGrillaCompania('rio')">Rio Uruguay Seguros</button>
</div>

<div id="lista_cotizaciones" class="mt-4" 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>

    <div class="table-responsive grilla-con-auxilio grilla-sp">
        @if($grillas['con_aux'] == 1)
            <table class="table">
                <thead>
                    <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>
                </thead>
                <tbody>


                    <tr>
                        <td class="position-relative">ROBO MAX pack 24hs</td>
                        <td id="B6-EFECTIVO" idcobertura="" class="costoCobertura cashM"
                            style="text-align: center; cursor: pointer" onclick=""></td>
                        <td id="B6-DA" idcobertura="" class="costoCobertura" style="text-align: center; cursor: pointer"
                            onclick=""></td>
                    </tr>

                    <tr>
                        <td class="position-relative">ROBO MAX</td>
                        <td id="B5-EFECTIVO" idcobertura="" class="costoCobertura cashM"
                            style="text-align: center; cursor: pointer" onclick=""></td>
                        <td id="B5-DA" idcobertura="" class="costoCobertura" style="text-align: center; cursor: pointer"
                            onclick=""></td>
                    </tr>

                    <tr>
                        <td class="position-relative">ROBO PLUS</td>
                        <td id="B3-EFECTIVO" idcobertura="" class="costoCobertura cashM"
                            style="text-align: center; cursor: pointer" onclick=""></td>
                        <td id="B3-DA" idcobertura="" class="costoCobertura" style="text-align: center; cursor: pointer"
                            onclick=""></td>
                    </tr>


                    <tr>
                        <td class="position-relative">ROBO BASE</td>
                        <td id="B1-EFECTIVO" idcobertura="" class="costoCobertura cashM"
                            style="text-align: center; cursor: pointer" onclick=""></td>
                        <td id="B1-DA" idcobertura="" class="costoCobertura" style="text-align: center; cursor: pointer"
                            onclick=""></td>
                    </tr>
                    <tr>
                        <td class="position-relative">Moto Protegida </td>
                        <td id="B8-EFECTIVO" idcobertura="" class="costoCobertura cashM"
                            style="text-align: center; cursor: pointer" onclick=""></td>
                        <td id="B8-DA" idcobertura="" class="costoCobertura" style="text-align: center; cursor: pointer"
                            onclick=""></td>
                    </tr>
                    <tr>
                        <td class="position-relative">RC MAX</td>
                        <td id="A3-EFECTIVO" idcobertura="" class="costoCobertura cashM"
                            style="text-align: center; cursor: pointer" onclick=""></td>
                        <td id="A3-DA" idcobertura="" class="costoCobertura" style="text-align: center; cursor: pointer"
                            onclick=""></td>
                    </tr>

                    <tr>
                        <td class="position-relative">RC</td>
                        <td id="A1-EFECTIVO" idcobertura="" class="costoCobertura cashM"
                            style="text-align: center; cursor: pointer" onclick=""></td>
                        <td id="A1-DA" idcobertura="" class="costoCobertura" style="text-align: center; cursor: pointer"
                            onclick=""></td>
                    </tr>
                    <!--tr>
                            <td class="position-relative">RC BÁSICA</td>
                            <td id="A4-EFECTIVO" idcobertura=""  class="costoCobertura cashM" style="text-align: center; cursor: pointer" onclick=""></td>
                            <td id="A4-DA" idcobertura=""  class="costoCobertura" style="text-align: center; cursor: pointer" onclick=""></td>
                        </tr-->
                </tbody>
            </table>
        @endif
        <i onclick="MostrarGrilla('SIN')" class="fas fa-check"></i> <span onclick="MostrarGrilla('SIN')"
            class="badge badge-success-custom">Con Auxilio y Remolque incluido</span><br>
        <span class="badge-motovida-con{{ $mostrarMotovida ? '' : ' d-none' }}" onclick="RecotizarSinMotovida()" style="cursor:pointer;">
            <i class="fas fa-check" style="color:#28a745;"></i> <span class="badge badge-success-custom">Vida
                incluido</span>
        </span>
        <span class="badge-motovida-sin d-none" onclick="RecotizarConMotovida()" style="cursor:pointer;">
            <i class="fas fa-ban" style="color:#dc3545;"></i> <span class="badge badge-danger-custom">Vida No
                incluido</span>
        </span><br>
        <!--small class="small-coberturas" onclick="MostrarGrilla('SIN')">Clic para cambiar coberturas</small-->
        <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>


    <div class="table-responsive grilla-sin-auxilio grilla-sp">
        @if($grillas['sin_aux'] == 1)
            <table class="table">
                <thead>
                    <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>
                </thead>
                <tbody>


                    <tr>
                        <td class="position-relative">ROBO MAX pack 24hs</td>
                        <td id="B71-EFECTIVO" idcobertura="" class="costoCobertura cashM"
                            style="text-align: center; cursor: pointer" onclick=""></td>
                        <td id="B71-DA" idcobertura="" class="costoCobertura" style="text-align: center; cursor: pointer"
                            onclick=""></td>
                    </tr>

                    <tr>
                        <td class="position-relative">ROBO MAX</td>
                        <td id="B4-EFECTIVO" idcobertura="" class="costoCobertura cashM"
                            style="text-align: center; cursor: pointer" onclick=""></td>
                        <td id="B4-DA" idcobertura="" class="costoCobertura" style="text-align: center; cursor: pointer"
                            onclick=""></td>
                    </tr>

                    <tr>
                        <td class="position-relative">ROBO PLUS</td>
                        <td id="B2-EFECTIVO" idcobertura="" class="costoCobertura cashM"
                            style="text-align: center; cursor: pointer" onclick=""></td>
                        <td id="B2-DA" idcobertura="" class="costoCobertura" style="text-align: center; cursor: pointer"
                            onclick=""></td>
                    </tr>


                    <tr>
                        <td class="position-relative">ROBO BASE</td>
                        <td id="B0-EFECTIVO" idcobertura="" class="costoCobertura cashM"
                            style="text-align: center; cursor: pointer" onclick=""></td>
                        <td id="B0-DA" idcobertura="" class="costoCobertura" style="text-align: center; cursor: pointer"
                            onclick=""></td>
                    </tr>
                    <tr>
                        <td class="position-relative">Moto Protegida <small style="color:red;" title="•   Responsabilidad Civil
                •	Daño Total (Suma Asegurada)
                •	Incendio total (Suma Asegurada)">Nuevo</small></td>
                        <td id="B7-EFECTIVO" idcobertura="" class="costoCobertura cashM"
                            style="text-align: center; cursor: pointer" onclick=""></td>
                        <td id="B7-DA" idcobertura="" class="costoCobertura" style="text-align: center; cursor: pointer"
                            onclick=""></td>
                    </tr>
                    <tr>
                        <td class="position-relative">RC MAX</td>
                        <td id="A2-EFECTIVO" idcobertura="" class="costoCobertura cashM"
                            style="text-align: center; cursor: pointer" onclick=""></td>
                        <td id="A2-DA" idcobertura="" class="costoCobertura" style="text-align: center; cursor: pointer"
                            onclick=""></td>
                    </tr>

                    <tr>
                        <td class="position-relative">RC</td>
                        <td id="A0-EFECTIVO" idcobertura="" class="costoCobertura cashM"
                            style="text-align: center; cursor: pointer" onclick=""></td>
                        <td id="A0-DA" idcobertura="" class="costoCobertura" style="text-align: center; cursor: pointer"
                            onclick=""></td>
                    </tr>
                    <!--tr>
                                    <td class="position-relative">RC BÁSICA</td>
                                    <td id="A4-EFECTIVO" idcobertura=""  class="costoCobertura cashM" style="text-align: center; cursor: pointer" onclick=""></td>
                                    <td id="A4-DA" idcobertura=""  class="costoCobertura" style="text-align: center; cursor: pointer" onclick=""></td>
                                </tr-->
                </tbody>
            </table>
        @endif
        <i onclick="MostrarGrilla('CON')" class="fas fa-ban"></i> <span onclick="MostrarGrilla('CON')"
            class="badge badge-danger-custom">Sin Auxilio y Remolque</span><br>
        <span class="badge-motovida-con{{ $mostrarMotovida ? '' : ' d-none' }}" onclick="RecotizarSinMotovida()" style="cursor:pointer;">
            <i class="fas fa-check" style="color:#28a745;"></i> <span class="badge badge-success-custom">Moto Más Vida
                incluido</span>
        </span>
        <span class="badge-motovida-sin d-none" onclick="RecotizarConMotovida()" style="cursor:pointer;">
            <i class="fas fa-ban" style="color:#dc3545;"></i> <span class="badge badge-danger-custom">Sin Moto Más
                Vida</span>
        </span><br>
        <!--small class="small-coberturas" onclick="MostrarGrilla('CON')">Clic para cambiar coberturas</small-->
        <hr>

    </div>


    <div class="table-responsive grilla-rio" style="display: none;">
        <table class="table">
            <thead>
                <th class="text-start">cobertura</th>
                <th class="text-end">Premio <i class="fas fa-university"></i> <i class="far fa-credit-card"></i> <i
                        class="fas fa-money-bill-wave"></i></th>
            </thead>
            <tbody id="CoberturasRioSeguro">


            </tbody>
        </table>

        <hr>
    </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>
</div>