@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/movimiento-bancos/" 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>

                <div class="form-group col-md-4">
                    <label for="cuenta_id" class="control-label">ACCOUNTS - 帐号</label>
                    <select  class="select2" name="cuenta_id" id="cuenta_id">
                        <option value="">Seleccione la Cuenta</option>
                        @foreach($cuentas as $cuenta)
                            <option value="{{ $cuenta->cue_id }}">{{ strtoupper($cuenta->cue_nombre) }}</option>
                        @endforeach
                    </select>
                </div>

                <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">
            <h2>RESUMEN</h2>
            <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive" id="table-1">
                <thead>
                    <tr>
                        <th width="40%">CUENTA</th>
                        <th>SALDO ANTERIOR</th>
                        <th>DEBITOS</th>
                        <th>CREDITOS</th>
                        <th>SALDO ACTUAL</th>
                    </tr>

                </thead>

                <tbody >

                    @foreach( $resumenes as $resumen )
                        <tr>
                            <td style="text-align: left">{{ $resumen->cue_nombre }}</td>
                            <td style="text-align: right">¥ {{ number_format($resumen->saldo_anterior,2) }}</td>
                            <td style="text-align: right">¥ {{ number_format($resumen->debitos,2) }}</td>
                            <td style="text-align: right">¥ {{ number_format($resumen->creditos,2) }}</td>
                            <td style="text-align: right">¥ {{ number_format(($resumen->saldo_anterior+$resumen->debitos)-$resumen->creditos,2) }}</td>
                        </tr>
                    @endforeach

                </tbody>
            </table>
        </div>
        <div class="clearfix"></div>
        @if(Input::get('cuenta_id'))
            <div class="card-box table-responsive">
                                <h3>DETALLE {{$cuenta->cue_nombre.' SALDO ANTERIOR ¥'.number_format($sldant->saldo_anterior,2)}}</h3>
                <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive" id="table-2">
                    <thead>
                    <tr>
                        <th  width="1%">ITM</th>
                        <th>FECHA</th>
                        <th>COMPR</th>
                        <th>NUMERO</th>
                        <th>DETALLE</th>
                        <th>DEBITOS</th>
                        <th>CREDITOS</th>
                        <th>SLADO</th>
                    </tr>
                    <tr class=" filter-column-tr">
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                        <th></th>
                    </tr>
                    </thead>

                    <tbody >
                                        @foreach($detallados as $detallado)
                                                <tr>
                           <td>{{$detallado->mov_id}}</td>
                           <td>{{$detallado->mov_fecha}}</td>
                           <td>{{$detallado->mov_clase}}</td>
                           <td>{{$detallado->mov_numero}}</td>
                           <td>{{$detallado->mov_detalle}}</td>
                           <td style="text-align: right">¥{{ number_format($detallado->mov_debito,2) }}</td>
                           <td style="text-align: right">¥{{ number_format($detallado->mov_credito,2) }}</td>
                           <td style="text-align: right">¥{{ number_format($saldo_act,2) }}</td>
                        </tr>
                                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td>TOTALES</td>
                            <td style="text-align: right">¥ {{number_format($total_debito,2)}}</td>
                            <td style="text-align: right">¥ {{number_format($total_credito,2)}}</td>
                            <td style="text-align: right">¥ {{number_format($saldo_act,2)}}</td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        @endif
    @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');
    setDatatable('#table-2');

    $('#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