@php
    $id_usuario = session('id_usuario');

    set_time_limit(120);
    ini_set('memory_limit', '512M');
    
@endphp
<!--MODAL DESTROY-->
<div class="modal fade" name="create_reporte_devolucion_muestras_almacen_modal" id="create_reporte_devolucion_muestras_almacen_modal" 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="devolucion_muestras_wizzard">
            <form action="create_reporte_devolucion_muestras_almacen_modal" method="post" role="form" enctype="multipart/form-data" target="_blank">
                {{csrf_field()}}

                <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel"><strong>Generar reporte de devolución de muestras por cliente</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>Selección 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 Reporte</p>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="container">
                                <div class=" setup-content " id="step-1">
                
                                    <div class="row">
                                        <label for="Cliente factura" class="col-sm-2 col-form-label">Cliente Factura</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>
                                                @foreach ($clientes_factura as $cliente_factura)
                                                   <option value="{{$cliente_factura->id_cliente_factura}}">{{ $cliente_factura->nombre_empresa }} - {{ \Carbon\Carbon::parse($cliente_factura->created_at)->format('d/m/Y') }}</option>
                                                @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="row">
                                        <label for="Cliente Informe" class="col-sm-2 col-form-label">Cliente Informe</label>
                                        <div class="col-sm-10">
                                            <div class="form-group">
                                                <select name="select_cliente_informe[]" id="select_cliente_informe" class="selectpicker form-control" data-live-search="true" multiple required title="--Seleccione--"></select>
                                            </div>
                                        </div>
                                    </div>    
                                    <div class="row">
                                        <label for="Tencion" class="col-sm-2 col-form-label">Fecha de ingreso laboratorio</label>
                                        <div class="col-sm-10">
                                            <div class="form-group">
                                                <input type="text" id="fecha_informe" name="fecha_informe" class="selectpicker form-control customdaterangepicker">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label for="via_devolucion" class="col-sm-2 col-form-label">Vía de devolución</label>
                                        <div class="col-sm-10">
                                            <div class="form-group">
                                                <select id="via_devolucion" name="via_devolucion" class="selectpicker form-control" title="--Seleccione--">
                                                    <option value="Ventanilla">Ventanilla</option>
                                                    <option value="Paquetería">Paquetería</option>
                                                    <option value="Transporte de SEATSA">Transporte de SEATSA</option>
                                                </select>
                                            </div>
                                        </div>
                                    </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 id="tabla_devolucion_muestras_almacen"></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 class="form-row">
                                        <div class="form-group col-md-12">
                                            <div id="mensaje_resumen_final"></div>
                                        </div>
                                    </div>
                                    <div class="form-row">
                                        <div class="form-group col-md-12">
                                            <div id="tabla_devolucion_muestras_almacen_final"></div>
                                        </div>
                                    </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" type="button" class="ui button green float-right">
                                                <i class="file icon"></i>Generar reporte
                                            </button>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>