@component('fragments.modal')
        @slot('idmodal')
            ModalCotizacion
        @endslot

        @slot('title')
            Nueva Cotización
        @endslot

        @slot('action')
            <form class="needs-validation" method="POST" action="{{url('cotizacion/'.$cotizacion->id_cotizacion.'/lista_precios/new_cotizacion')}}" role="form" enctype="multipart/form-data">
        @endslot

        @slot('form')
            {{ csrf_field() }}
                        <div class="container" style="margin-top:10px;">
                            <div class="form-row">
                                <div class="form-group col-md-12">
                                    
                                    <!-- INICIO - Select en grupos -->
                                    
                                    <label class="font-weight-bold" for="cliente" class="">
                                        Norma solictada &nbsp; &nbsp; &nbsp; <sub>TP: Tipo Producto, CF: Cliente Factura, PU: Precio Unitario</sub> 
                                    </label>

                                    <select id="id_precio_x_servicio" name="id_precio_x_servicio" class="selectpicker form-control" data-live-search="true">
                                        <option value="" selected disabled>Seleccione un servicio</option>

                                        @php
                                            // 1. Inicialización del array
                                            $registroCliente = [];
                                        @endphp

                                        @foreach ($precios as $precio)
                                            @php
                                                // 2. Búsqueda de coincidencias
                                                if ($cotizacion->cliente->nombre_empresa === $precio->nombre_empresa) {
                                                    array_push($registroCliente, $precio);
                                                }
                                            @endphp
                                        @endforeach

                                        {{-- 2. Agregar los registros encontrados de $registroCliente --}}
                                        <optgroup label="Precios del Cliente - {{ $cotizacion->cliente->nombre_empresa }}">
                                            @foreach ($registroCliente as $reg)
                                                @php
                                                    $cliente = ( $reg->nombre_empresa != null || $reg->nombre_empresa != '' ) ? $reg->nombre_empresa : 'Registro_Cliente';
                                                    $precio_unitario = '$ ' . number_format($reg->precio_unitario, 2, '.', ',');
                                                    $dataSubtext = "TP: {$reg->precio->tipo_producto}, CF: {$cliente}, PU: {$precio_unitario}";
                                                @endphp
                                                <option value="{{ $reg->id_precio_x_servicio }}" data-subtext="{{ $dataSubtext }}"> {{ $reg->servicio->servicio }} </option>
                                            @endforeach
                                        </optgroup>

                                        {{-- 3. Agregar el resto de los registros de $precios, evitando duplicados --}}
                                        <optgroup label="Precios Generales">
                                            @foreach ($precios as $precio)

                                                @php
                                                    // Comparamos si el registro actual pertenece al cliente
                                                    $perteneceAlCliente = ($cotizacion->cliente->nombre_empresa === $precio->nombre_empresa);
                                                @endphp

                                                {{--  Si el registro pertenece al cliente, usamos @continue para saltarlo en esta sección, ya que esos registros se colocaron anteriormente. --}}
                                                @continue($perteneceAlCliente)
                                               
                                                @php
                                                    $clienteGeneral = ( $precio->nombre_empresa != null || $precio->nombre_empresa != '' ) ? $precio->nombre_empresa : 'Clientes Factura General';
                                                    $precio_unitario = '$ ' . number_format($precio->precio_unitario, 2, '.', ',');
                                                    $dataSubtextGeneral = "TP: {$precio->precio->tipo_producto}, CF: {$clienteGeneral}, PU: {$precio_unitario}";
                                                @endphp
                                                
                                                <option value="{{ $precio->id_precio_x_servicio }}" data-subtext="{{ $dataSubtextGeneral }}">
                                                    {{ $precio->servicio->servicio }}
                                                </option>
                                            @endforeach
                                        </optgroup>
                                    </select>

                                    <!-- FIN - Select en grupos -->

                                </div>

                                <div class="form-group  col-md-6">
                                    <label class="font-weight-bold" for="muestras_requeridas" class="">Muestras requeridas por producto</label>
                                    <input type="number" class="form-control" id="muestras_requeridas" name="muestras_requeridas" placeholder="Muestras requeridas por producto" required>
                                </div>

                                <div class="form-group  col-md-6">
                                    <label class="font-weight-bold" for="folio" class="">Cantidad de productos</label>
                                    <input type="number" class="form-control" id="cantidad" name="cantidad" placeholder="Cantidad de productos" required>
                                </div>
                                <div class="form-group  col-md-12">
                                    <label class="font-weight-bold" for="descripcion" class="">Producto</label>
                                    <textarea type="text" class="form-control" id="descripcion" name="descripcion" placeholder="Descripción"></textarea>
                                </div>
                                <div class="form-group  col-md-6">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value="1" id="aplicar_descuento" name="aplicar_descuento">
                                    <label class="form-check-label" for="aplicar_descuento">
                                      Aplicar descuento
                                    </label>
                                  </div>
                                </div>

                                
                                {{--<div class="form-group col-md-12">
                                    <label class="font-weight-bold" for="moneda">Moneda</label>
                                    <select class="custom-select" id="moneda" name="moneda" required>
                                        <option value="" selected disabled>Seleccione la moneda en la que se estarán estos servicios…</option>
                                        <option value="Pesos mexicanos">Pesos mexicanos</option>
                                        <option value="Dólares americanos">Dólares americanos</option>
                                    </select>
                                </div>--}}

                            </div>

                        </div>

                    {{--</div>

                </div>--}}


                <!--</div>-->
        @endslot

        @slot('button')
            <button type="submit" class="btn btn-primary">
                <i class="save icon"></i>Guardar
            </button>
        @endslot

        
    @endcomponent