@php
    $id_usuario = session('id_usuario');
    
@endphp
<style>
    .modal-lg {
        max-width: 80% !important;
    }
</style>
<!--MODAL DESTROY-->
<div class="modal fade" name="create_facturacion_wizzard" id="create_facturacion_wizzard" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog modal-lg" role="document">
        <div class="modal-content" id="create_comprobante_facturacion_wizzard">
            <form action="{{url('facturacion/timbrar')}}" method="post" role="form" enctype="multipart/form-data">
                {{csrf_field()}}
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"><strong>Generar Factura</strong></h5>
                    <button type="button" class="close reset" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div style="/*margin-top: 50px;*/">
                        <div class="card-body"> 
                            <div class="stepwizard">
                                <div class="stepwizard-row setup-panel">
                                    <div class="stepwizard-step">
                                        <a href="#step-4" type="button" class="btn btn-primary btn-circle">1</a>
                                        <p>Datos del Emisor</p>
                                    </div>
                                    <div class="stepwizard-step">
                                        <a href="#step-5" type="button" class="btn btn-default btn-circle disabled" disabled="disabled">2</a>
                                        <p>Datos del Receptor</p>
                                    </div>
                                    <div class="stepwizard-step">
                                        <a href="#step-6" type="button" class="btn btn-default btn-circle disabled" disabled="disabled">3</a>
                                        <p>Datos de la Factura</p>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="container">
                                <div class=" setup-content " id="step-4">

                                    <div class="form-row">
                                        <div class="form-group col-md-4">
                                            <label for="RFCemisor" class="">RFC Emisor</label>
                                            <input type="text" class="form-control" id="RFCemisor" name="RFCemisor" value="SAT940824J37" readonly>
                                        </div>
                                        <div class="form-group col-md-4">
                                            <label for="Expedicion" class="">CP.</label>
                                            <input type="text" class="form-control" id="Expedicion" name="Expedicion" value="15820" readonly>
                                        </div>
                                    
                                        <div class="form-group col-md-4">
                                            <label for="Serieid" class="">Serie.</label>
                                            <input type="text" class="form-control" id="Serieid" name="Serieid" value="A1" readonly>
                                        </div>
                                    </div>

                                    <div class="ui divider"></div>
                                    <div class="form-row">
                                        <div class="col-lg-12">
                                            <a id="next_button_step_1" class="btn btn-primary nextBtn float-right" type="button" href="#step-5">Siguiente</a>
                                        </div>
                                    </div>
                                </div>

                                <div class=" setup-content " id="step-5">
                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="RFCreceptor" class="">RFC Receptor</label>
                                            <input type="text" class="form-control" id="RFCreceptor" name="RFCreceptor" value="{{$datos_cliente_factura->rfc}}" readonly>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="razonsocial" class="">Razón Social</label>
                                            <input type="text" class="form-control" id="razonsocial" name="Razon social" value="{{$datos_cliente_factura->nombre}}" readonly>
                                        </div>
                                    </div>

                                    <div class="form-row">
                                        <div class="form-group col-md-12">
                                            <label for="calle" class="">Calle</label>
                                            <input type="text" class="form-control" id="calle" name="calle" value="{{$datos_cliente_factura->calle}}" readonly>
                                        </div>
                                    </div>

                                    <div class="form-row">
                                        
                                        <div class="form-group col-md-4">
                                            <label for="numext" class="">No. Exterior</label>
                                            <input type="text" class="form-control" id="numext" name="numext" value="{{$datos_cliente_factura->numero_exterior}}" readonly>
                                        </div>
                                        <div class="form-group col-md-4">
                                            <label for="numint" class="">No. Interior</label>
                                            <input type="text" class="form-control" id="numint" name="numint" value="{{$datos_cliente_factura->numero_interior}}" readonly>
                                        </div>

                                        <div class="form-group col-md-4">
                                            <label for="cp" class="">CP.</label>
                                            <input type="text" class="form-control" id="cp" name="cp" value="{{$datos_cliente_factura->codigo_postal}}" readonly>
                                        </div>

                                    </div>

                                    <div class="form-row">
                                        
                                        <div class="form-group col-md-4">
                                            <label for="colonia" class="">Colonia</label>
                                            <input type="text" class="form-control" id="colonia" name="colonia" value="{{$datos_cliente_factura->colonia}}" readonly>
                                        </div>

                                        <div class="form-group col-md-4">
                                            <label for="ciudad" class="">Ciudad/Delegacion</label>
                                            <input type="text" class="form-control" id="ciudad" name="ciudad" value="{{$datos_cliente_factura->delegacion}}" readonly>
                                        </div>

                                        <div class="form-group col-md-4">
                                            <label for="estado" class="">Estado</label>
                                            <input type="text" class="form-control" id="estado" name="estado" value="{{$datos_cliente_factura->estado}}" readonly>
                                        </div>
                                        
                                    </div>

                                    <div class="form-row">
                                        <div class="form-group col-md-12">
                                            <label for="pais" class="">País</label>
                                            <input type="text" class="form-control" id="pais" name="pais" value="México">
                                        </div>
                                    </div>
                                    
                                    {{--<h5 class="font-weight-bold">Contacto</h5>
                                    <hr>

                                    <div class="form->row">
                                        <label for="pais" class="">Contacto</label>
                                        <select id="select_cliente_factura" name="select_cliente_factura" class="selectpicker form-control" data-live-search="true" required>
                                            
                                            <option value="" selected disabled>--Seleccione--</option>
                                            @foreach ($datos_cliente_factura->contactos as $contacto)
                                            <option value="{{$contacto->id_cliente_contacto_factura}}">{{$contacto->nombre_contacto}}</option>
                                            @endforeach    
                                            
                                        </select>
                                    </div>--}}

                                    <div class="ui divider"></div>
                                    <div class="form-row">
                                        
                                        <div class="col-lg-12">
                                            <a class="btn btn-outline-danger backBtn float-left" type="button" href="#step-4">Atrás</a>
                                            <a id="next_button_step_1" class="btn btn-primary nextBtn float-right" type="button" href="#step-6">Siguiente</a>
                                        </div>
                                    </div>
                                </div>

                                <div class="setup-content" id="step-6">
                                    <!--<div id="mensaje_resumen"></div>-->
                                    <div class="form-row">
                                        <div class="form-group col-md-12">
                                            <label for="contacto" class="">Contacto</label>
                                            <select id="contacto" name="contacto" class="selectpicker form-control" required>
                                                <option value="" selected disabled>--Seleccione--</option>
                                                @foreach ($datos_cliente_factura->contactos as $contacto)
                                                <option value="{{$contacto->id_cliente_contacto_factura}}" >{{$contacto->nombre_contacto}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-row">
                                        <div class="form-group col-md-3">
                                            <label for="tipoDeComprobante" class="">Tipo de Comprobante</label>
                                            <select id="tipoDeComprobante" name="tipoDeComprobante" class="selectpicker form-control" required>
                                                <option value="" selected disabled>--Seleccione--</option>
                                                <option value="I" >Factura</option>
                                                <option value="E" >Nota de Crédito</option>
                                                <option value="T" >Traslado</option>
                                                {{--<option value="P" >CFDI complemento de pagos</option>--}}
                                            </select>
                                        </div>
                                        <div class="form-group col-md-3">
                                            <label for="metodoDePago" class="">Método de pago</label>
                                            <select id="metodoDePago" name="metodoDePago" class="selectpicker form-control" required>
                                                <option value="" selected disabled>--Seleccione--</option>
                                                <option value="PUE" >PUE</option>
                                                <option value="PPD" >PPD</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="formaDePago" class="">Forma de pago</label>
                                            <select id="formaDePago" name="formaDePago" class="selectpicker form-control" required>
                                                <option value="" selected disabled>--Seleccione--</option>
                                                @foreach ($formaDePago as $forma)
                                                <option value="{{$forma->clave}}" >{{$forma->tipo_pago}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-row">
                                       
                                        <div class="form-group col-md-3">
                                            <label for="moneda" class="">Moneda</label>
                                            <select id="moneda" name="moneda" class="selectpicker form-control" required>
                                                <option value="" selected disabled>--Seleccione--</option>
                                                <option value="MXN" >Peso Mexicano</option>
                                                <option value="USD" >Dolar Estadounidense</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-3">
                                            <label for="tipo_cambio" class="">Tipo de cambio</label>
                                            <input type="text" class="form-control" id="tipo_cambio" name="tipo_cambio" value="0" readonly>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="condicionesDePago" class="">Condiciones de pago</label>
                                            <input type="text" class="form-control" id="condicionesDePago" name="condicionesDePago" placeholder="Eje. Crédito">
                                        </div>
                                    </div>
                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="RegimenFiscal" class="">Régimen Fiscal</label>
                                            <select id="RegimenFiscal" name="RegimenFiscal" class="selectpicker form-control" required readonly>
                                                <option value="601" selected>601 - General de Ley Personas Morales</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="usoCFDI" class="">Uso de este CFDI</label>
                                            <select id="usoCFDI" name="usoCFDI" class="selectpicker form-control" required>
                                                <option value="" selected disabled>--Seleccione--</option>
                                                @foreach ($uso_cdfi as $uso)
                                                <option value="{{$uso->clave}}" >{{$uso->cfdi}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    
                                    <div class="form-row">
                                        <label for="facturar" class="">Facturas</label>
                                        
                                        <select id="facturar" name="facturar[]" class="selectpicker form-control show-tick" data-live-search="true" required multiple>
                                        @foreach ($datos_cliente_factura->contactos as $contacto)
                                            @foreach ($contacto->recibo_muestras as $recibo)
                                                @if ($recibo->muestras->count() && $recibo->reporte && $recibo->reporte->conceptos->count())
                                                    @php
                                                        $i = 0;   
                                                    @endphp
                                                    @foreach ($recibo->reporte->conceptos as $concepto)
                                                        <option 
                                                        value="{{$concepto->id_servicio_cliente_concepto}}" 
                                                        @if(!$concepto->factura->count()) 
                                                        class="bg-warning"
                                                         @endif>
                                                            {{$concepto->num_informe}}
                                                        </option>
                                                    @endforeach          
                                                @endif
                                            @endforeach
                                        @endforeach
                                        </select>
                                            
                                    </div>
                                    <div class="ui divider"></div>
                                    <div class="form-row">
                                        <div class="form-group col-md-12">
                                            <div class="sx-scroll-x">
                                                <table id="breakdown" class="ui celled table unstackable structured">
                                                    <thead>
                                                        <th>Tipo de pago</th>
                                                        <th>Estatus</th>
                                                        <th>No. Informe</th>
                                                        <th>Nombre</th>
                                                        <th>Marca</th>
                                                        <th>Modelo</th>
                                                        <th class="collapsing">Norma</th>
                                                        <th class="collapsing">Proyecto/Servicio</th>
                                                        <th>Precio lista</th>
                                                        <th>Subtotal</th>
                                                        <th>IVA</th>
                                                    </thead>
                                                    <tbody>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ui divider"></div>
                                    {{--<ul class="nav nav-tabs" id="myTab" role="tablist">
                                        <li class="nav-item" role="presentation">
                                          <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Facturar</a>
                                        </li>
                                        <li class="nav-item" role="presentation">
                                          <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Pagados</a>
                                        </li>
                                      </ul>
                                      <div class="tab-content" id="myTabContent">
                                        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">--}}
                                            {{---<div class="form-row">
                                                <div class="form-group col-md-12">
                                                    <div class="sx-scroll-x">
        
                                                        <table id="lang-dt" class="ui celled table unstackable structured">
                                                            <thead>
                                                                <th>Facturado</th>
                                                                <th>Tipo de pago</th>
                                                                <th>Estatus</th>
                                                                <th>No. Informe</th>
                                                                <th>Nombre</th>
                                                                <th>Marca</th>
                                                                <th>Modelo</th>
                                                                <th class="collapsing">Norma</th>
                                                                <th class="collapsing">Proyecto/Servicio</th>
                                                                <th>Precio lista</th>
                                                                <th>Subtotal</th>
                                                                <th>IVA</th>
                                                                <th>Facturar</th>
                                                            </thead>
                                                            <tbody>
                                                            @foreach ($datos_cliente_factura->contactos as $contacto)
                                                                @foreach ($contacto->recibo_muestras as $recibo)
                                                                
                                                                    {{--dd($recibo)--}}
                                                                    {{--@if ($recibo->muestras->count() && $recibo->reporte && $recibo->reporte->conceptos->count())
                                                                        
                                                                        
                                                                        @php
                                                                            $i = 0;   
                                                                        @endphp
                                                                        @foreach ($recibo->reporte->conceptos as $concepto)
                                                                        <tr class="@if($concepto->factura->count() != 0) table @else table-warning @endif" id="row_{{$concepto->id_servicio_cliente_concepto}}">
                                                                            <td class="colFacturado_{{$concepto->id_servicio_cliente_concepto}}">@if($concepto->factura->count() != 0) 1 @else 0 @endif </td>
                                                                            <td class="colTipoPago_{{$concepto->id_servicio_cliente_concepto}}">{{$recibo->reporte->tipo_pago}}</td>
                                                                            <td class="colEstatus_{{$concepto->id_servicio_cliente_concepto}}">{{$recibo->estatus}}</td>
                                                                            <td class="">{{$concepto->num_informe}}</td>
                                                                            <td class="">{{$concepto->producto}}</td>
                                                                            <td class="">{{$concepto->marca}}</td>
                                                                            <td class="">{{$concepto->modelo}}</td>
                                                                            <td class="collapsing">{{$concepto->servicio}}</td>
                                                                            <td class="colComentario_{{$concepto->id_servicio_cliente_concepto}}"><input type="text" class="form-control" id="comentario_{{$concepto->id_servicio_cliente_concepto}}" name="comentario_{{$concepto->id_servicio_cliente_concepto}}" disabled></td>
                                                                            <td class="collapsing">$ {{$concepto->precio_unitario}}</td>
                                                                            <td class="collapsing">$ {{($concepto->descuento_activo?($concepto->precio_unitario - ($concepto->precio_unitario*($concepto->descuento / 100))):$concepto->precio_unitario)}}</td>
                                                                            <td class="collapsing">$ {{($concepto->descuento_activo?(($concepto->precio_unitario - ($concepto->precio_unitario*($concepto->descuento / 100))) * .16):($concepto->precio_unitario * .16))}}</td>
                                                                            
                                                                            <td class="collapsing colCheck_{{$concepto->id_servicio_cliente_concepto}}">
                                                                                <div class="ui fitted toggle checkbox">
                                                                                    <input 
                                                                                        type="checkbox" 
                                                                                        class="facturar" 
                                                                                        id="facturar[]"
                                                                                        name="facturar[]"
                                                                                        value = "{{$concepto->id_servicio_cliente_concepto}}"
                                                                                        data-precio="{{($concepto->descuento_activo?($concepto->precio_unitario - ($concepto->precio_unitario*($concepto->descuento / 100))):$concepto->precio_unitario)}}"
                                                                                        data-descuento="0"
                                                                                        data-iva="{{($concepto->descuento_activo?(($concepto->precio_unitario - ($concepto->precio_unitario*($concepto->descuento / 100))) * .16):($concepto->precio_unitario * .16))}}"
                                                                                    ><label></label>
                                                                                </div>
                                                                            </td>
                                                                        </tr> 
                                                                            {{--@if (!($recibo->reporte->conceptos->count() ==$i))
                                                                                </tr>
                                                                            @endif--}}
                                                                                
                                                                        {{--@endforeach
                                                                        
                                                                    @endif
                                                                
                                                                @endforeach
                                                            @endforeach
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                    <div id="tabla_devolucion_muestras_almacen"></div>
                                                    
                                                </div>
                                            </div>--}}
                                            <div class="form-row">
                                                <div class="col-7">
                                                    {{--<div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input" id="selectAll" name="selectAll">
                                                        <label class="custom-control-label" for="selectAll">Seleccionar todo</label>
                                                    </div>--}}
                                                </div>
                                                <div class="col-5">
                                                    <div class="row">
                                                        <label for="Tencion" class="text-left col-sm-4 col-form-label">Subtotal</label>
                                                        <div class="col-sm-8">
                                                            <div class="form-group">
                                                                <input type="text" class="form-control" id="subTotal" name="subTotal" value="0" readonly>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="col-sm-7">
                                                </div>
                                                <div class="col-sm-5">
                                                    <div class="row">
                                                        <label for="Tencion" class="text-left col-sm-4 col-form-label">Descuento</label>
                                                        <div class="col-sm-8">
                                                            <div class="form-group">
                                                                <input type="text" class="form-control" id="descuento" name="descuento" value="0" readonly>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="col-sm-7">
                                                </div>
                                                <div class="col-sm-5">
                                                    <div class="row">
                                                        <label for="iva" class="text-left col-sm-4 col-form-label">IVA</label>
                                                        <div class="col-sm-8">
                                                            <div class="form-group">
                                                                <input type="text" class="form-control" id="iva" name="iva" value="0" readonly>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="col-7 invisible">
                                                        <label for="Tencion" class="text-left col-sm-4 col-form-label">Total</label>
                                                            <div class="col-sm-8">
                                                                <div class="form-group">
                                                                    <input type="text" class="form-control" id="total" name="total" value="0" readonly>
                                                                </div>
                                                            </div>
                                                </div>
                                                <div class="col-5">
                                                    <div class="row">
                                                        <label for="Tencion" class="text-left col-sm-4 col-form-label">Total</label>
                                                        <div class="col-sm-8">
                                                            <div class="form-group">
                                                                <input type="text" class="form-control" id="total1" name="total1" value="0" readonly>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        {{--</div>
                                        <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                                            
                                        </div>
                                        
                                      </div>--}}
                                    
                                    
                                    <!--<div class="form-row">
                                        <div class="form-group col-md-12">
                                            <div id="checkbox_select_all"></div>
                                            
                                        </div>
                                    </div>-->
                                    
                                    <div class="form-row">
                                        <div class="col-12">
                                            <label for="observaciones" class="">Observaciones</label>
                                            <textarea class="form-control" id="observaciones" name="observaciones" row="4" placeholder="Observaciones"></textarea>
                                        </div>
                                    </div>

                                    <div class="ui divider"></div>
                                    
                                    <div class="form-row">
                                        <div class="col-12">
                                            <div class="ui toggle checkbox edit">
                                                <input type="checkbox" name="relacion" id="relacion" value="1">
                                                <label class="col-form-label">Relación CFDI</label>
                                            </div>
                                        </div>
                                            
                                    </div>
                                    <div id="relacion" class="form-row"></div>
                                    
                                    
                                    {{--<div class="ui divider"></div>
                                    <div class="form-row">
                                        <div class="form-group col-md-12">
                                            <div class="sx-scroll-x">
                                                <table id="breakdown" class="ui celled table unstackable structured">
                                                    <thead>
                                                        <th>Tipo de pago</th>
                                                        <th>Estatus</th>
                                                        <th>No. Informe</th>
                                                        <th>Nombre</th>
                                                        <th>Marca</th>
                                                        <th>Modelo</th>
                                                        <th class="collapsing">Norma</th>
                                                        <th class="collapsing">Proyecto/Servicio</th>
                                                        <th>Precio lista</th>
                                                        <th>Subtotal</th>
                                                        <th>IVA</th>
                                                        <th>Facturar</th>
                                                    </thead>
                                                    <tbody>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>--}}
                                    <div class="ui divider"></div>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <a class="btn btn-outline-danger backBtn float-left" type="button" href="#step-5">Atrás</a>
                                            <button id="btnEnviar" class="ui button green float-right"><i class="file alternate icon"></i>Guardar y Generar Factura</button>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                {{--<div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel"><strong>Generar Factura</strong></h5>
                <button type="button" class="close reset" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                </div>
                <div class="modal-body">
                    <div class="card text-center" style="/*margin-top: 50px;*/">
                        <div class="card-body"> 
                            <div class="stepwizard">
                                <div class="stepwizard-row setup-panel">
                                    <div class="stepwizard-step">
                                        <a href="#step-1" type="button" class="btn btn-primary btn-circle">1</a>
                                        <p>Datos generales</p>
                                    </div>
                                    <div class="stepwizard-step">
                                        <a href="#step-2" type="button" class="btn btn-default btn-circle disabled" disabled="disabled">2</a>
                                        <p>Seleccion de informes</p>
                                    </div>
                                    <div class="stepwizard-step">
                                        <a href="#step-3" type="button" class="btn btn-default btn-circle disabled" disabled="disabled">3</a>
                                        <p>Generar Factura</p>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="container">
                                <div class=" setup-content " id="step-1">
                
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="row">
                                                <label for="Tencion" class="text-left col-sm-3 col-form-label">RFC Receptor</label>
                                                <div class="col-sm-9">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" id="zona_almacen" name="zona_almacen" value="{{$datos_cliente_factura->rfc}}" readonly>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="row">
                                                <label for="Tencion" class="text-left col-sm-3 col-form-label">Razon social</label>
                                                <div class="col-sm-9">
                                                    <input type="text" class="form-control" id="zona_almacen" name="zona_almacen" value="{{$datos_cliente_factura->nombre_empresa}}" readonly>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="row">
                                                <label for="Tencion" class="text-left col-sm-3 col-form-label">No. Ext</label>
                                                <div class="col-sm-9">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" id="zona_almacen" name="zona_almacen" value="{{$datos_cliente_factura->numero_exterior}}" readonly>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-6">
                                            <div class="row">
                                                <label for="Tencion" class="text-left col-sm-3 col-form-label">No. Int</label>
                                                <div class="col-sm-9">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" id="zona_almacen" name="zona_almacen" value="{{$datos_cliente_factura->numero_interior}}" readonly>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="row">
                                                <label for="Tencion" class="text-left col-sm-3 col-form-label">Calle</label>
                                                <div class="col-sm-9">
                                                    <div class="form-group">
                                                        <select id="tipo_pago_pre_factura" name="tipo_pago_pre_factura" class="selectpicker form-control" required>
                                                            <option value="" selected disabled>--Seleccione--</option>
                                                            <option value="Transferencia">Transferencia</option>
                                                            <option value="Efectivo">Efectivo</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="row">
                                                <label for="Tencion" class="text-left col-sm-3 col-form-label">Colonia</label>
                                                <div class="col-sm-9">
                                                    <div class="form-group">
                                                        <select id="tipo_pago_pre_factura" name="tipo_pago_pre_factura" class="selectpicker form-control" required>
                                                            <option value="" selected disabled>--Seleccione--</option>
                                                            <option value="Transferencia">Transferencia</option>
                                                            <option value="Efectivo">Efectivo</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="row">
                                                <label for="Tencion" class="text-left col-sm-3 col-form-label">Forma de pago</label>
                                                <div class="col-sm-9">
                                                    <div class="form-group">
                                                        <select id="tipo_pago_pre_factura" name="tipo_pago_pre_factura" class="selectpicker form-control" required>
                                                            <option value="" selected disabled>--Seleccione--</option>
                                                            <option value="Transferencia">Transferencia</option>
                                                            <option value="Efectivo">Efectivo</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="row">
                                                <label for="Tencion" class="text-left col-sm-3 col-form-label">Condiciones de pago</label>
                                                <div class="col-sm-9">
                                                    <div class="form-group">
                                                        <select id="tipo_pago_pre_factura" name="tipo_pago_pre_factura" class="selectpicker form-control" required>
                                                            <option value="" selected disabled>--Seleccione--</option>
                                                            <option value="Transferencia">Transferencia</option>
                                                            <option value="Efectivo">Efectivo</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="row">
                                                <label for="Tencion" class="text-left col-sm-3 col-form-label">Código postal del lugar de expedición</label>
                                                <div class="col-sm-9">
                                                    <div class="form-group">
                                                        <select id="tipo_pago_pre_factura" name="tipo_pago_pre_factura" class="selectpicker form-control" required>
                                                            <option value="" selected disabled>--Seleccione--</option>
                                                            <option value="Transferencia">Transferencia</option>
                                                            <option value="Efectivo">Efectivo</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="row">
                                                <label for="Tencion" class="text-left col-sm-3 col-form-label">Referencia interna</label>
                                                <div class="col-sm-9">
                                                    <div class="form-group">
                                                        <select id="tipo_pago_pre_factura" name="tipo_pago_pre_factura" class="selectpicker form-control" required>
                                                            <option value="" selected disabled>--Seleccione--</option>
                                                            <option value="Transferencia">Transferencia</option>
                                                            <option value="Efectivo">Efectivo</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ui divider"></div>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <a id="next_button_step_1" class="btn btn-primary nextBtn float-right" type="button" href="#step-2">Siguiente</a>
                                        </div>
                                    </div>
                                           
                                </div>
                
                                <div class="setup-content" id="step-2">
                                    
                                    <div class="form-row">
                                        <div class="form-group col-md-12">
                                            <div class="sx-scroll-x">
                                                <table class="ui celled table unstackable">
                                                    <thead>
                                                        <th>Informe</th>
                                                        <th>No. Informe</th>
                                                        <th>Norma</th>
                                                        <th>Nombre</th>
                                                        <th>Marca</th>
                                                        <th>Modelo</th>
                                                        <th>Urgente</th>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($datos_contacto as $dato_contacto)
                                                        <tr>
                                                            <td>{{$dato_contacto->nombre_contacto}}</td>
                                                            <td>{{$dato_contacto->correo}}</td>
                                                            <td>{{$dato_contacto->telefono}}</td>
                                                            <td>{{$dato_contacto->extension}}</td>
                                                            <td>{{$dato_contacto->celular}}</td>
                                                            <td>{{$dato_contacto->extension}}</td>
                                                            <td>{{$dato_contacto->celular}}</td>
                                                        </tr> 
                                                        @endforeach
                                                        
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div id="tabla_devolucion_muestras_almacen"></div>
                                            
                                        </div>
                                    </div>
                                    <!--<div class="form-row">
                                        <div class="form-group col-md-12">
                                            <div id="checkbox_select_all"></div>
                                            
                                        </div>
                                    </div>-->
                                    <div class="custom-control custom-checkbox">
                                        <input type="checkbox" class="custom-control-input" id="selectAll" name="selectAll">
                                        <label class="custom-control-label" for="selectAll">Seleccionar todo</label>
                                    </div>
                                    
                                    <hr/>
                                    
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <a class="btn btn-outline-danger backBtn float-left" type="button" href="#step-1">Atrás</a>
                                            <a id="next_button_step_2" class="btn btn-primary nextBtn float-right" type="button" href="#step-2">Siguiente</a>
                                        </div>
                                    </div>
                                </div>
                
                                <div class="setup-content" id="step-3">
                                    <!--<div id="mensaje_resumen"></div>-->

                                    <div class="row">
                                        <label for="Cliente factura" class="text-left col-sm-2 col-form-label">No. Informe</label>
                                        <div class="col-sm-10">
                                            <div class="form-group">
                                                <select id="select_cliente_factura" name="select_cliente_factura" class="selectpicker form-control" data-live-search="true" required>
                                                <option value="" selected disabled>--Seleccione--</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="row">
                                        <label for="Cliente Informe" class="text-left col-sm-2 col-form-label">Cantidad</label>
                                        <div class="col-sm-10">
                                            <div class="form-group">
                                                <input type="text" class="form-control" id="zona_almacen" name="zona_almacen">
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="row">
                                        <label for="Cliente Informe" class="text-left col-sm-2 col-form-label">Descripción</label>
                                        <div class="col-sm-10">
                                            <div class="form-group">
                                                <input type="text" class="form-control" id="zona_almacen" name="zona_almacen">
                                            </div>
                                        </div>
                                    </div>    
                                    <div class="row">
                                        <label for="Cliente factura" class="text-left col-sm-2 col-form-label">Clave de producto o servicio</label>
                                        <div class="col-sm-10">
                                            <div class="form-group">
                                                <select id="select_cliente_factura" name="select_cliente_factura" class="selectpicker form-control" data-live-search="true" required>
                                                <option value="" selected disabled>--Seleccione--</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label for="Cliente Informe" class="text-left col-sm-2 col-form-label">Número de identificación interna</label>
                                        <div class="col-sm-10">
                                            <div class="form-group">
                                                <input type="text" class="form-control" id="zona_almacen" name="zona_almacen">
                                            </div>
                                        </div>
                                    </div>   
                                    <div class="row">
                                        <label for="Cliente factura" class="text-left col-sm-2 col-form-label">Clave de unidad</label>
                                        <div class="col-sm-10">
                                            <div class="form-group">
                                                <select id="select_cliente_factura" name="select_cliente_factura" class="selectpicker form-control" data-live-search="true" required>
                                                <option value="" selected disabled>--Seleccione--</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="row">
                                        <label for="Cliente factura" class="text-left col-sm-2 col-form-label">Unidad de medida</label>
                                        <div class="col-sm-10">
                                            <div class="form-group">
                                                <select id="select_cliente_factura" name="select_cliente_factura" class="selectpicker form-control" data-live-search="true" required>
                                                <option value="" selected disabled>--Seleccione--</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="row">
                                        <label for="Cliente Informe" class="text-left col-sm-2 col-form-label">Valor unitario sin impuestos</label>
                                        <div class="col-sm-10">
                                            <div class="form-group">
                                                <input type="text" class="form-control" id="zona_almacen" name="zona_almacen">
                                            </div>
                                        </div>
                                    </div>   
                                    <div class="row">
                                        <label for="Cliente Informe" class="text-left col-sm-2 col-form-label">Descuento</label>
                                        <div class="col-sm-10">
                                            <div class="form-group">
                                                <input type="text" class="form-control" id="zona_almacen" name="zona_almacen">
                                            </div>
                                        </div>
                                    </div>   
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <button id="btnEnviar" class="ui button blue float-left"><i class="plus icon"></i>Agregar producto</button>
                                        </div>
                                    </div>
                                    <div class="ui divider"></div>
                                    <div class="sx-scroll-x">
                                        <table class="ui celled table unstackable">
                                            <thead>
                                                <th>Informe</th>
                                                <th>No. Informe</th>
                                                <th>Norma</th>
                                                <th>Nombre</th>
                                                <th>Marca</th>
                                                <th>Modelo</th>
                                                <th>Urgente</th>
                                            </thead>
                                            <tbody>
                                                @foreach ($datos_contacto as $dato_contacto)
                                                <tr>
                                                    <td>{{$dato_contacto->nombre_contacto}}</td>
                                                    <td>{{$dato_contacto->correo}}</td>
                                                    <td>{{$dato_contacto->telefono}}</td>
                                                    <td>{{$dato_contacto->extension}}</td>
                                                    <td>{{$dato_contacto->celular}}</td>
                                                    <td>{{$dato_contacto->extension}}</td>
                                                    <td>{{$dato_contacto->celular}}</td>
                                                </tr> 
                                                @endforeach
                                                
                                            </tbody>
                                        </table>
                                        <h3 class="text-right">TOTAL: $0000.00</h3>
                                    </div>
                                    <div class="ui divider"></div>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <a class="btn btn-outline-danger backBtn float-left" type="button" href="#step-2">Atrás</a>
                                            <button id="btnEnviar" class="ui button green float-right"><i class="file alternate icon"></i>Guardar y Generar Factura</button>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                            <!--
                             --> 
                        </div>
                    </div>
                </div>
                <!--<div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                <button type="submit" class="ui button green">
                    <i class="file icon"></i>Generar reporte
                </button>
                </div>--}}
            </form>
        </div>
    </div>
</div>