@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/" 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 ||  \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%">COMPRADOR</th>
                        <th  width="1%">EMBARCADOR</th>
                        <th>FECHA PAGO</th>
                        <th>MONEDA</th>
                        <th>ENVIADO</th>
                        <th>COMISION</th>
                        <th>RECIBIDO</th>
                        <th>CAMBIO</th>
                        <th>TOTAL RMB</th>

                    </tr>
                    <tr class=" filter-column-tr">
                        <th></th>
                        <th></th>
                        <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->comprador }}</td>
                            <td style="text-align: left">{{ $pago->embarcador }}</td>
                            <td style="text-align: center">{{ $pago->pgo_fecha }}</td>
                            <td style="text-align: left">{{ $moneda }}</td>
                            <td style="text-align: right">{{ $simbol.number_format($pago->total_dolar,2) }}</td>
                            <td style="text-align: right">{{ $simbol.number_format($pago->comision,2) }}</td>
                            <td style="text-align: right">{{ $simbol.number_format($recibido,2)}}</td>
                            <td style="text-align: right">{{ $pago->cambio }}</td>
                            <td style="text-align: right">¥{{ number_format($pago->total_rmb,2) }}</td>
                        </tr>
                                            @endforeach

                </tbody>
                <tfoot>
                    <th></th>
                    <th>TOTALES</th>
                    <th></th>
                    <th></th>
                    <th class="right-aligned">