@extends('layouts/master')
@section('header')
    <link rel="stylesheet" href="{!! asset('css/jquery-ui.min.css') !!}" type="text/css">
    {{--<link rel="stylesheet" href="{!! asset('css/theme.bootstrap.css') !!}" type="text/css">--}}
    <link rel="stylesheet" href="{!! asset('css/jquery.tablesorter.pager.css') !!}" type="text/css">
    <link rel="stylesheet" href="{!! asset('recolectas.css') !!}" type="text/css">
    @if(\Session::get('conexion') == 'guiaelectronica' && \Session::get('fromge') == true)
        <style>
            .solo-laravel {
                display: none !important;
            }

            body {
                padding-top: 18px !important;
            }

            body * {
                font-size: 12px !important;
            }

        </style>
    @endif
@endsection
@section('content')

<br>
<!--*
    * Vista de Prueba
    * Creado por Breiddy Monterrey
    * Fecha: 25/05/2017
    -->
    <div class="panel-heading">
        <strong>
       <center>
                    <div class="panel panel-primary">

                            <div class="panel-heading"><h3> <strong> <i class="glyphicon glyphicon-th-large"></i> Titulo</strong></h3></div>

                        <div class="panel-body">
                     {{--{!! dump($oficinas) !!}--}}
                            <h3> <strong>  Estados</strong></h3>
                        <br><br>
                        <div style="margin-bottom: 5px" class="input-group col-xs-5 col-md-8 col-sm-8">
                            <span class="input-group-addon"><i class="glyphicon glyphicon-globe" data-toggle="tooltip" data-placement="left" title='Debes Seleccionar un Estado'></i></span>
                            <select class="form-control codestadosMovil" name="codestado" id="codestado" required data-placement="bottom">
                                <option value='' selected> Seleccioné Estado </option>
                                                            </select>
                        </div>
                        <br>
                        <h3><strong>Tabla de Estados</strong></h3>
                        <br>
                        <h5>
                        <h4 class="table-responsive">
                            <table id="myTable" class="table table-hover tablesorter">
                        <tr class="bg-primary">
                            <td class="bg-primary"><center><i class="glyphicon glyphicon-barcode"></i> Codigo</td>
                            <td class="bg-primary"><center><i class="glyphicon glyphicon-globe"></i> Estado<td>
                        </tr>
                                                            </table>
                            <br>
                        </h4>
                            <form action="">
                                <button type="button" class="btn btn-success"><h4> <i class="glyphicon glyphicon-ok"></i> Enviar</h4></button>
                                <button type="button" class="btn btn-danger"><h4><i class="glyphicon glyphicon-remove"></i> Cancelar</h4></button>
                            </form>
                            <br>
                            <h3> <strong>  </strong></h3>

                        </div>
                        </div>


                </center>  </h4>
        </strong>
    </div>
@section('script')
    <script type="text/javascript" src="{!! asset('/js/PagosElectronicos/pagosElectronicos.js')  !!}"></script>
    <script src="{!! asset('js/jquery.tablesorter.min.js') !!}" type="text/javascript"></script>
    <script src="{!! asset('js/jquery.tablesorter.widgets.min.js') !!}" type="text/javascript"></script>
    <script src="{!! asset('js/jquery.tablesorter.pager.js') !!}" type="text/javascript"></script>
    <script src="{!! asset('js/PagosElectronicos/tableSorterPagosElectronicos.js') !!}" type="text/javascript"></script>
    <script type="text/javascript" src="{!! asset('/js/jquery-ui.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('/js/PagosElectronicos/jqueryUiPagoTransferencia.js') !!}"></script>
@endsection
@endsection