@section('header')
    <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
    <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">
@stop
<div class="row">

    <div class="panel panel-orange panel-border" data-collapsed="0">
        <!-- panel head -->
        <div class="panel-heading">
            <div class="title">
                <h3>Listado de Recaudos</h3>
            </div>

        </div>
        <!-- panel body -->
        <div class="panel-body">
            <form method="get" action="/vendedor/informes/recaudos/{{ $codvendedor }}" role="form" id="pedidos-form" class="validate">
                <br>
                <div class="form-group col-md-12 no-padding">
                    <div class="form-group  col-md-3">
                        <label>Fecha</label>
                        <div class="input-group">
                            <input readonly type="text" name="fecha_rango" id="fecha_rango" value="{{  Input::get('fecha_rango') }}" class="form-control input-lg" /><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                        </div>
                    </div>

                    <div class="col-md-2">
                        <button onclick="showMessage('CARGANDO RECAUDOS, ESPERE POR FAVOR ')" type="submit" id="VerPedidosButton" class="btn btn-inverse btn-rounded btn-icon w-md waves-effect waves-light btn-lg ">VER RECAUDOS <i class="fa fa-search" aria-hidden="true"></i></button>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <br>
            </form>
        </div>
    </div>
 </div>
<div class="row">
    @if( Input::get('fecha_rango') || Input::get('pedido') )


            <table class="table table-bordered table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive" id="table-1">
                <thead>
                <tr>
                    <th width="10%">CLIENTE</th>
                    <th width="10%">SUCURSAL</th>
                    <th width="10%">NUMERO</th>
                    <th width="10%">OBSERVACIONES</th>
                    <th width="8%">FECHA REGISTRO</th>
                </tr>
                <tr class="filter-column-tr">
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                @foreach( $rowsrecaudos as $recaudo )
                    <tr class="">
                        <td>{{ $recaudo->nit }}</td>
                        <td>{{ $recaudo->sucursal_nombre }} | {{ $recaudo->sucursal_uid }}</td>
                        <td>
                            <a data-url="//dynaenterprise.com/public/recaudos/png/{{ $recaudo->numero }}-{{ $recaudo->nit }}-{{ $recaudo->sucursal_uid }}.png"
                               class="btn btn-info btn-md image-zoom waves-effect waves-light btn-rounded btn-icon" rel="tooltip" title="Ver Recaudo">
                                <i class="mdi mdi-tooltip-image"></i> {{ $recaudo->numero }}
                            </a>
                        </td>
                        <td>{{ $recaudo->observacion }}</td>
                        <td>{{ Utils::fecha($recaudo->fecha) }}</td>
                @endforeach
                </tbody>
            </table>
    @endif
</div>
@section('footer')
    <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="/plugins/datatables/dataTables.bootstrap.js"></script>
    <script>
        setDatatable('#table-1');
        $('#fecha_rango').daterangepicker(
            {
                ranges: {
                    'Ayer': [moment().subtract('days', 1), moment().subtract('days', 1)],
                    'Últimos 7 días': [moment().subtract('days', 6), moment()],
                    'Últimos 15 días': [moment().subtract('days', 14), moment()],
                    'Últimos 30 días': [moment().subtract('month', 1), moment()],
                    'Mes actual': [moment().startOf('month'), moment().endOf('month')],
                    'Mes anterior': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')],
                    'Ultimos 3 meses': [moment().subtract('month', 3), moment()],
                    'Ultimos 6 meses': [moment().subtract('month', 6), moment()],
                    'Año actual': [moment().startOf('year'), moment()]

                },

                locale: {
                    endDate: moment(),
                    format: 'YYYY-MM-DD',
                    separator: ' | ',
                    applyLabel: 'Aplicar',
                    cancelLabel: 'Cancelar',
                    fromLabel: 'Desde',
                    toLabel: 'Hasta',
                    weekLabel: 'S',
                    customRangeLabel: 'Otro Rango'
                }
            }
        );
    </script>
@stop