@include('_layouts.breadcumb')

<hr />

<div class="content">

    <div class="panel panel-warning" data-collapsed="0">
        <!-- panel head -->
        <div class="panel-heading">
            <div class="panel-title">
                <h2><i class="{{ $breadcumb->icono }}"></i> {{ $breadcumb->nombre }}</h2>
            </div>
        </div>
        <!-- panel body -->
        <div class="panel-body">
            <table class="table table-bordered" id="table-1">
                <thead>
                <tr class="replace-inputs">
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                </tr>
                <tr>
                    <th width="1%"></th>
                    <th>NUMERO</th>
                    <th>REGISTRO</th>
                    <th>HORA</th>
                    <th>VENDEDOR</th>
                    <th>CLIENTE</th>
                    <th>SUCURSAL</th>
                    <th>ITEMS</th>
                    <th>VALOR</th>
                    <th>+</th>
                </tr>
                </thead>
                <tbody>
                                                @foreach( $pedidos as $pedido )
                <tr class="">
                    <td style="background: #F5F5F6">{{ $cont }}</td>
                    <td style="text-align: center;"><span class="badge badge-default" style="font-size: 1.2em;">{{ str_pad($pedido->id,6,'0',STR_PAD_LEFT) }}</span></td>
                    <td>{{ date('d-m-Y', strtotime(substr($pedido->created_at,0,10))) }}</td>
                    <td>{{ substr($pedido->created_at,11)}}</td>
                    <td>{{ substr($pedido->nombre,0,20) }}</td>
                    <td>{{ $pedido->nit }}</td>
                    <td>{{ $pedido->sucursal_nombre }}</td>
                    <td class="right-aligned">{{ $pedido->totalitems }}</td>
                    <td class="right-aligned">{{ number_format($pedido->total,2) }}</td>

                    @if( $errores === true )
                        <td class="centered">
                            <a href="/ventas/pedidos/informe-mobile/{{ $pedido->id }}"
                               data-toggle="modal-ajax-big"
                               onclick="showMessage('CARGANDO INFORMACIÓN DEL PEDIDO')"
                               class="btn btn-primary">
                                <i class="fa fa-2x fa-th"></i>
                            </a>
                        </td>
                    @else
                        <td class="centered">
                            <a href="/ventas/pedidos/deshora-mobile/{{ $pedido->id }}"
                               data-toggle="modal-ajax-big"
                               onclick="showMessage('CARGANDO INFORMACIÓN DEL PEDIDO')"
                               class="btn btn-primary">
                                <i class="fa fa-2x fa-th"></i>
                            </a>
                        </td>
                    @endif

                                                            @endforeach
                </tbody>
                <tfoot>
                <tr>
                    <th>&nbsp;</th>
                    <th>&nbsp;</th>
                    <th>&nbsp;</th>
                    <th>&nbsp;</th>
                    <th>&nbsp;</th>
                    <th>&nbsp;</th>
                    <th>TOTAL PEDIDOS REGISTRADOS</th>
                    <th>&nbsp;</th>
                    <th class="right-aligned">0.00</th>
                    <th>&nbsp;</th>
                </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>
@section('footer')
<script type="text/javascript">
    var table = setDataTables("#table-1",true);
    table.columnFilter({
        "sPlaceHolder" : "head:after"
    });

    $('#fecha_rango').daterangepicker(
        {
            ranges: {
                'Hoy': [moment(), moment()],
                '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('days', 29), moment()],
                'Mes actual': [moment().startOf('month'), moment().endOf('month')],
                'Mes anterior': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
            },
            endDate: moment(),
            format: 'YYYY-MM-DD',
            separator: ' | ',
            locale: {
                applyLabel: 'Aplicar',
                cancelLabel: 'Cancelar',
                fromLabel: 'Desde',
                toLabel: 'Hasta',
                weekLabel: 'S',
                customRangeLabel: 'Otro Rango'
            }
        }
    );

</script>
@stop