@if ($item)

    <form action="{{ route('DetalleCotizacionInicial.guardarItem') }}" method="post">
        @csrf
        <input type="hidden" name="tipo" value="{{ $div[1] }}">
        <input type="hidden" name="cotizacion" value="{{ $id }}">
        <input type="hidden" name="servicio" value="{{ $item->id }}">

        <div class="row">
            <div class="col-md-12">
                <strong>Codigo:</strong> {{ $item->codigo }} <br>
                <strong>Combo:</strong> {{ $item->combo }} <br>
                <div class="row mb-2">
                   @include('detalleCotizacionInicial.descuentos')
                </div>
            </div>




            <div class="col-md-4">
                <label for=""><strong>Unidades</strong></label>
                <input required placeholder="Unidades" name="unidad" value="1" type="number" step="1"
                    class="form-control">
            </div>
            <div class="col-md-4">
                <label for=""><strong>IVA</strong></label>
                <select required name="iva" id="iva" class="form-control">
                    <option value="0">No</option>
                    <option value="1">Si</option>
                </select>
            </div>

         {{--    <div class="col-md-2" id="checksujetas" style="display: none;">
                <label for="sujetas" class="mt-2"><strong>Ventas Sujetas</strong></label>
                <input type="checkbox" name="sujetas" id="sujetas" class="d-flex mt-2" value="1">
            </div> --}}
            <div class="col-md-4">
                <button type="button" class="btn btn-primary mt-4" data-bs-toggle="modal" data-bs-target="#kt_modal_1">
                    ver productos
                 </button>
                @include('detalleCotizacionInicial.modals.verProductos')
            </div>



            <div class="col-md-12">
                @if ($item?->productos)
                    @if (count($item?->productos->where('pivot.estado', 1)) > 0)
                        <button type="submit" class="btn btn-warning mt-2"> Agregar </button>
                    @else
                        <div class="alert alert-danger mt-2">
                            <strong>¡Opps! Parece que el combo no tiene productos asociados</strong>
                        </div>
                    @endif

                @endif

            </div>


        </div>
    </form>

@endif
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const ivaSelect = document.getElementById('iva');
        const sujetasCheckbox = document.getElementById('sujetas');
        const checksujetasDiv = document.getElementById('checksujetas');

        /* Mostramos o escondemos el checkbox basado en el valor de IVA */
        function toggleCheckboxVisibility() {
            if (ivaSelect.value == "0") {
                checksujetasDiv.style.display = "block";
            } else {
                checksujetasDiv.style.display = "none";
                sujetasCheckbox.checked = false;
            }
        }

        /* Inicializamos la visibilidad del checkbox */
        toggleCheckboxVisibility();

        /* Cambiamos la visibilidad del checkbox al cambiar el select de IVA */
        ivaSelect.addEventListener('change', toggleCheckboxVisibility);
    });
</script>