@extends('layouts/master')
@section('content')
    {{--Creada por Victor Moncada--}}
    <script type="text/javascript">
        function  prueba() {
            $('#reloj').timepicker();
        };
    </script>
    <div class="col-lg-12 col-md-12">
        <br>
        <form>
            <div class="panel panel-primary" style="width:100%;">
                <div class="panel-heading">
                    <strong>
                        <h3 class="panel-title">
                            <div align="center">
                                <b>
                                    <span class="glyphicon glyphicon-th-list"></span>
                                    Listado de Guías Pendientes
                                </b>
                            </div>
                        </h3>
                    </strong>
                </div>
                {{-- Panel Info de Guías Pendientes por Devolver--}}
                <div class="row" style="margin-top: 4%">
                    <div class="col-sm-12">
                        <div class="panel panel-info">
                            <div class="panel-heading center">
                                <div class="panel-title" style="font-weight: bold">
                                    Por Devolver :
                                </div>
                            </div>
                            <div class="panel-body table-responsive">
                                <table id="myTable" class="table table-hover tablesorter" >
                                    <tr class="bg-primary">
                                        <td class="bg-primary" ><center><b>Código Guía</span></b></td>
                                        <td class="bg-primary"><center><b>Fecha Guía</span></b></td>
                                        <td class="bg-primary" ><center><b>Origen</span></b></td>
                                        <td class="bg-primary" ><center><b>Servicio</span></b></td>
                                        <td class="bg-primary" ><center><b>Destinatario</span></b></td>
                                        <td class="bg-primary" ><center><b>Estatus</span></b></td>
                                        <td class="bg-primary" ><center><b>Piezas</span></b></td>
                                        <td class="bg-primary" ><center><b>Peso (Kg)</span></b></td>
                                        <td class="bg-primary" ><center><b>Tipo Env.</span></b></td>
                                        <td class="bg-primary" ><center><b>Fecha SO</span></b></td>
                                        <td class="bg-primary" ><center><b>Dias Vencidos</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>
                                        <td>
                                            <center>

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

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

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

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

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

                                            </center>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    {{--Boton--}}
                    <div style="margin-bottom:8px; text-align:center;">
                        <a href="http://desarrollo3.grupozoom.com/faaszoom/public/canguroazul/selectreportes" class="btn btn-primary" role="button">Regresar</a>
                    </div>
                </div>
                <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>
        </form>
    </div>
@endsection