{{--Vista de Liquidacion de Guias--}}
@extends('layouts/master')
@section('content')
<script type="text/javascript">
        function  prueba() {
            $('#reloj').timepicker();
        };
</script>
<br><br>
<div class="col-lg-10  col-sm-offset-1 container">
    <div class="panel panel-primary">
        <div class="panel-heading"><strong><h3 class="panel-title" style="text-align:center;"><span
                            class="glyphicon glyphicon-hand-down"></span>
                    LIQUIDAR</h3></strong></div>
        <ul class="nav nav-tabs nav-justified">
            <li class="active"><a data-toggle="tab" href="#indiv">Guías Individual</a></li>
            <li><a data-toggle="tab" href="#lote">Guias por Lote</a></li>
            <li><a data-toggle="tab" href="#actz">Actualizar  Guías por Lote (RT)</a></li>
        </ul>
        <div class="tab-content">
          {{--Liquidar Guias Individuales--}}
            <div id="indiv" class="tab-pane fade in active">
                <div class="panel-body">
                    <div style="margin-right:20px"align="Right"><p><i class="glyphicon glyphicon-chevron-left" data-toggle="tooltip" ></i>&nbsp;&nbsp;<a href="http://desarrollo3.grupozoom.com/faaszoom/public/canguroazul/aliados">Volver al Menú Principal</a></p></div>
                    {{--Declarar la variable del prefijo de canguro azul--}}
                     <!--CABLEADO POR AHORA  PORQUE NO SE SABE SI VA CON LA SESION DE CANGURO AZUL-->
                        <form role="form" action="{{ url($rutaSession.'/'.'liquidaruno')}}" id="guiaForm" name="guiaForm" method="post">
                            <label class="radio-inline"><input type="radio" name="guia" id="guia" value="guia" checked="checked">Por Guía</label><br><br>
                            <div class="input-group">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-search" data-toggle="tooltip" data-placement="left" title='Ingrese el Número de Guía'></i></span>
                                <input id="codguia" type="text" class="form-control" name="codguia" placeholder="Ingrese un Número de Guía">
                            </div>
                </div>
            </div>
           {{--Liquidar Guías por Lote--}}
            <div id="lote" class="tab-pane fade">
                <div class="panel-body table-responsive">
                    <table id="myTable" class="table table-hover tablesorter" >
                        <tr class="bg-info">
                            <td class="bg-info" ><center><b>Guías</span></b></td>
                            <td class="bg-info"><center><b>Receptor</span></b></td>
                            <td class="bg-info" ><center><b>Hora</span></b></td>
                            <td class="bg-info" ><center><b>Oservaciones</span></b></td>
                            <td class="bg-info" ><center><b>Fecha Liquidar</span></b></td>
                        </tr>
                        <tr>
                            <td>
                                <center>

                                </center>
                            </td>
                            <td>
                                <center>

                                </center>
                            </td>
                            <td>
                                <center>
                                    <div class="col-lg-4 col-md-4 col-md-offset-4">
                                        <div class="input-group bootstrap-timepicker timepicker">
                                            <input id="reloj" type="text" class="form-control input-small" placeholder="Ingrese Hora" onclick="prueba()">
                                            <span class="input-group-addon"><i class="glyphicon glyphicon-time" data-toggle="tooltip" data-placement="left" title="Seleccione la hora" onclick="prueba()"></i></span>
                                        </div>
                                    </div>
                                </center>
                            </td>
                            <td>
                                <center>

                                </center>
                            </td>
                            <td>
                                <center>

                                </center>
                            </td>
                        </tr>
                    </table>
                    {{--Titulo desactivado--}}
                    <li class="list-group-item disabled" style="margin-bottom:15px;text-align:center;"><b>Estatus</b></li>
                    {{--Centrar el select--}}
                    <div class="col-lg-6 col-md-6 col-md-4 col-md-offset-3">
                        <div style="margin-bottom: 15px" class='input-group date col-xs-12 col-md-12 col-sm-12'>
                            {{--Estilo del Icono de boostrap--}}
                            <span class="input-group-addon input-sm"><i class="glyphicon glyphicon-list" data-toggle="tooltip" data-placement="top" title='Seleccione un Estatus'></i></span>
                            <select class="form-control" name="estatus" id="proceso" required data-placement="bottom">
                                <option value='0'  disabled selected>Seleccione Estatus</option>
                                <option value='1'> ENTREGADO AL DESTINO (E) </option>
                                <option value='2'> ENTREGA INCOMPLETA (EI)</option>
                                {{--Nota: El valor de los option values deben ser modificados con los valores preestablecidos por la base de datos--}}
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            {{--Actualizacion de Guías por Lote--}}
            <div id="actz" class="tab-pane fade">
                <div class="panel-body table-responsive">
                    <table id="myTable2" class="table table-hover tablesorter">
                        <tr class="bg-info">
                            <td class="bg-info" ><center><b>Todos</span></b></td>
                            <td class="bg-info"><center><b>Guía</span></b></td>
                            <td class="bg-info" ><center><b>Ultimo Estatus</span></b></td>
                            <td class="bg-info" ><center><b>Fecha Proceso</span></b></td>
                            <td class="bg-info" ><center><b>Observaciones</span></b></td>
                        </tr>
                        <tr>
                            <td>
                                <center>

                                </center>
                            </td>
                            <td>
                                <center>

                                </center>
                            </td>
                            <td>
                                <center>

                                </center>
                            </td>
                            <td>
                                <center>

                                </center>
                            </td>
                            <td>
                                <center>

                                </center>
                            </td>
                        </tr>
                    </table>
                    <br>
                    {{--Titulo desactivado--}}
                    <li class="list-group-item disabled" style="margin-bottom:15px;text-align:center;"><b>Estatus</b></li>

                    <div class="col-lg-6 col-md-6 col-md-4 col-md-offset-3">
                        <div style="margin-bottom: 15px" class='input-group date col-xs-12 col-md-12 col-sm-12'>
                            {{--Estilo del Icono de boostrap--}}
                            <span class="input-group-addon input-sm"><i class="glyphicon glyphicon-list" data-toggle="tooltip" data-placement="top" title='Seleccione un Estatus'></i></span>
                            <select class="form-control" name="estatus" id="proceso" required data-placement="bottom">
                                <option value='0'  disabled selected>Seleccione Estatus</option>
                                <option value='1'> REINTEGRO PARA TAQUILLA (RT) </option>
                                <option value='2'> ENTREGA INCOMPLETA (EI)</option>
                                {{--Nota: El valor de los option values deben ser modificados con los valores preestablecidos por la base de datos--}}
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            {{--Boton--}}
            <div style="margin-bottom:8px; text-align:center;">
                <button type="submit" class="btn btn-primary" id="load"
                        data-loading-text="<i class='glyphicon glyphicon-refresh spinning '></i> Procesando.."
                        data-style="expand-right">Aceptar
                </button>
            </div>
            </form>
            <br>
            <div class="panel-footer"><span class="glyphicon glyphicon-info-sign color"></span> <b>Nota:</b> Al
                posicionar el mouse sobre los iconos del formulario, podra ver una breve descripci&oacute;n del campo
            </div>
        </div>
    </div>
</div>
@endsection