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

        @slot('title')
            Cancelacion de Factura
        @endslot

        @slot('action')
            <form class="needs-validation ui form" method="POST" action="{{url('facturacion_sw_cliente/'.$id_cliente_factura."/delete")}}" role="form" enctype="multipart/form-data">
        @endslot

        @slot('form')
            {{ csrf_field() }}
            <div id="modal-form-delete">
                <input type="text" class="form-control" id="uuid" name="uuid" value="{{$factura->complemento->uuid}}" hidden>
                <div class="card">
                    
                    <h5 class="card-header text-center"><i class="icon trash"></i>Eliminar Registro</h5>
                    <div class="col-12">
                        <div class="form-group">
                            <div class="card-body text-center">¿Estas seguro de eliminar el registro?
                                <h4 class="text-primary" name="uuid_text" id="uuid_text" >{{$factura->complemento->uuid}}</h4>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="motivo" class="">Motivo de cancelación</label>
                            
                            <select id="motivo" name="motivo" class="selectpicker form-control show-tick" data-live-search="true" required title="--Seleccione--">
                            @foreach ($motivos as $motivo)
                                <option value="{{$motivo->clave}}">{{$motivo->clave}} - {{$motivo->motivo}}</option>
                            @endforeach
                            </select>
                                
                        </div>

                        <div class="form-group">
                            <label for="factura" class="">Folio de sustitución</label>
                            
                            <select id="factura" name="factura" class="selectpicker form-control show-tick" data-live-search="true" title="--Seleccione--">
                                @foreach ($facturas->contactos as $contacto)
                                    @foreach ($contacto->facturas as $facturaItem)
                                        @if(!empty($facturaItem->complemento) && !empty($facturaItem->complemento->uiid))
                                            <option 
                                                value="{{ $facturaItem->id_factura }}"
                                                data-uuid="{{ $facturaItem->complemento->uiid }}"   {{-- ESTE ES CLAVE --}}
                                                data-subtext="{{ $facturaItem->complemento->uiid }}" {{-- ESTE ES SOLO VISUAL --}}
                                            >
                                                {{ $facturaItem->complemento->serie }} - {{ $facturaItem->complemento->concecutivo }}
                                            </option>
                                        @endif
                                    @endforeach
                                @endforeach
                            </select>

                            <input type="hidden" name="folio_sustitucion" id="folio_sustitucion">
                                
                        </div>
                        <br>
                </div>
                </div>
                
            </div>
        @endslot

        @slot('button')
            <button type="submit" class="btn btn-danger" onclick="showLoader();">
                <i class="trash icon"></i>Eliminar
            </button>
        @endslot
    @endcomponent