@include('layouts.breadcumb')
@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>
        <!-- panel body -->
        <div class="panel-body">
            <form method="get" action="/compras/informes/pagos-proveedores/" role="form" id="pedidos-form" class="validate">
                <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>
                @if( \Auth::user()->role_id == 3 || \Auth::user()->role_id == 1 )
                    <div class="form-group col-md-3">

                        <label for="proveedor_id" class="control-label">PROVIDER - 提供商</label>
                        <select class="select2" name="proveedor_id" id="proveedor_id">
                            <option value="">- TODOS -</option>
                            @foreach($proveedores as $proveedor)
                                <option value="{{ $proveedor->id }}">{{ strtoupper($proveedor->nombre) }}</option>
                            @endforeach
                        </select>
                    </div>
                @endif
                @if( \Auth::user()->role_id == 3 || \Auth::user()->role_id == 1 ||  \Auth::user()->role_id == 5 )
                    <div class="form-group col-md-3">

                        <label for="embarcador_id" class="control-label">SHIPPER - 发货人</label>
                        <select class="select2" name="embarcador_id" id="embarcador_id">
                            <option value="">- TODOS -</option>
                            @foreach($embarcadores as $embarcador)
                                <option value="{{ $embarcador->id }}">{{ strtoupper($embarcador->nombre) }}</option>
                            @endforeach
                        </select>
                    </div>
                @endif
                @if( \Auth::user()->role_id == 3 || \Auth::user()->role_id == 1 ||  \Auth::user()->role_id == 2 )

                    <div class="form-group col-md-2">

                        <label for="comprador_id" class="control-label">CHIP MARK - 芯片标记</label>
                        <select class="select2" name="comprador_id" id="comprador_id">
                            <option value="">- TODOS -</option>
                            @foreach($compradores as $comprador)
                                <option value="{{ $comprador->id }}">{{ strtoupper($comprador->nombre) }}</option>
                            @endforeach
                        </select>
                    </div>
                @endif
                <button onclick="showMessage('CARGANDO, ESPERE POR FAVOR ')" type="submit" id="Ver" class="btn btn-inverse btn-rounded btn-icon w-md waves-effect waves-light btn-lg ">VER <i class="fa fa-search" aria-hidden="true"></i></button>
            </form>
            <div class="clearfix"></div>
        </div>
    </div>

</div>
<div class="row">
    @if(Input::get('fecha_rango') )
        <div class="card-box table-responsive">
            <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive" id="table-1">
                <thead>
                <tr>
                    <th  width="1%">CONTRATO</th>
                    <th>FECHA ABONO</th>
                    <th>PROVEEDOR</th>
                    <th>COMPRADOR</th>
                    <th>EMBARCADOR</th>
                    <th>CUENTA</th>
                    <th>ABONO</th>

                </tr>
                <tr class=" filter-column-tr">
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                </tr>
                </thead>

                <tbody >
                                @foreach( $pagos as $pago )
                    <tr>
                        <td style="text-align: left">{{ $pago->contrato }}</td>
                        <td style="text-align: center">{{ substr($pago->abn_fecha,0,10) }}</td>
                        <td style="text-align: left">{{ $pago->proveedor }}</td>
                        <td style="text-align: left">{{ $pago->comprador }}</td>
                        <td style="text-align: left">{{ $pago->embarcador }}</td>
                        <td style="text-align: left">{{ $pago->cue_nombre }}</td>
                        <td style="text-align: right">¥{{ number_format($pago->abn_monto,2) }}</td>
                    </tr>
                                    @endforeach

                </tbody>
                <tfoot>
                <tr>
                    <th style="text-align: left" colspan="6">TOTAL ABONOS REGISTRADOS</th>
                    <th style="text-align: right">¥{{ number_format($tot_abono,2) }}</th>
                </tr>
                </tfoot>
            </table>
        </div>
    @endif
</div>
@section('footer')
    <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="/plugins/datatables/dataTables.bootstrap.js"></script>
<script type="text/javascript">

    setDatatable('#table-1');

    $('#nota').click(function(){
        messageSimple({response:1 , message: '{{$pago->abn_nota}}' });
    });
    $('#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