@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_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->id_motivo}}">{{$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" required title="--Seleccione--">
                                @foreach ($facturas->contactos as $contacto)
                                    @foreach ($contacto->facturas as $factura)
                                    <option value="{{$factura->id_factura}}">{{$factura->complemento->serie}} - {{$factura->complemento->concecutivo}}</option>
                                    @endforeach
                                @endforeach
                            </select>
                                
                        </div>
                        <br>
                </div>
                </div>
                
            </div>
        @endslot

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