@extends('layouts.base')
@push('css')
<!-- Switchery -->
<link href="{{URL::to('vendors/switchery/dist/switchery.min.css')}}" rel="stylesheet">
<!-- Datatables -->
<link href="{{URL::to('vendors/datatables.net-bs/css/dataTables.bootstrap.min.css')}}" rel="stylesheet">
<link href="{{URL::to('vendors/datatables.net-buttons-bs/css/buttons.bootstrap.min.css')}}" rel="stylesheet">
<link href="{{URL::to('vendors/datatables.net-fixedheader-bs/css/fixedHeader.bootstrap.min.css')}}" rel="stylesheet">
<link href="{{URL::to('vendors/datatables.net-responsive-bs/css/responsive.bootstrap.min.css')}}" rel="stylesheet">
<link href="{{URL::to('vendors/datatables.net-scroller-bs/css/scroller.bootstrap.min.css')}}" rel="stylesheet">
<link href="{{URL::to('vendors/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css')}}" rel="stylesheet">
@endpush
@section('content')

    <div class="row">
        <div class="x_panel">
            <div class="x_content">
                <form action="{{route('earnings.filter')}}" method="post" id="form-filter" class="form-horizontal form-label-left input_mask">
                    <div class="row">
                        <div class='col-sm-4'>
                            <fieldset>
                                <div class="control-group">
                                    <div class="controls">
                                        <div class="col-md-11 xdisplay_inputx form-group has-feedback @if ($errors->get('date_start')) has-error @endif">
                                            <label for="date_start">Fecha Inicio</label>
                                            <input type="text" value="{{(old('date_start'))?old('date_start'):Session::get('date_start')}}" class="form-control has-feedback-left datepicker" id="date_start" name="date_start" placeholder="Fecha de Inicio" aria-describedby="inputSuccess2Status">
                                            <span class="fa fa-calendar-o form-control-feedback left" aria-hidden="true"></span>
                                            @if ($errors->get('date_start'))
                                                @foreach($errors->get('date_start') as $error)
                                                    <span class="help-block">{{$error}}</span>
                                                @endforeach
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                        </div>
                        <div class='col-sm-4'>
                            <fieldset>
                                <div class="control-group">
                                    <div class="controls">
                                        <div class="col-md-11 xdisplay_inputx form-group has-feedback @if ($errors->get('date_end')) has-error @endif">
                                            <label for="date_end">Fecha Fin</label>
                                            <input type="text" value="{{(old('date_end'))?old('date_end'):Session::get('date_end')}}" class="form-control has-feedback-left datepicker" id="date_end" name="date_end" placeholder="Fecha Fin" aria-describedby="inputSuccess2Status">
                                            <span class="fa fa-calendar-o form-control-feedback left" aria-hidden="true"></span>
                                            @if ($errors->get('date_end'))
                                                @foreach($errors->get('date_end') as $error)
                                                    <span class="help-block">{{$error}}</span>
                                                @endforeach
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                        </div>
                    </div>
                    <div class="ln_solid"></div>
                    <div class="form-group">
                        <div class="col-md-5 col-sm-9 col-xs-12 col-md-offset-5">
                            <button id="filter" type="submit" class="btn btn-success"><span class="fa fa-filter"></span> Filtrar</button>
                        </div>
                    </div>
                    <input type="hidden" name="_token" value="{{csrf_token()}}">
                </form>
                <h2>Ganancias</h2>
                <table id="users" class="table table-stripped table-hovered">
                    <thead>
                    <tr>
                        <th colspan="7" style="text-align: center">Ganancias</th>
                    </tr>
                    <tr>
                        <th>#</th>
                        <th>Transacción #</th>
                        <th>Compra #</th>
                        <th>Ganancia</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if(Session::has('earnings') and count(Session::get('earnings'))>0)
                        @foreach(Session::get('earnings') as $earning)
                            <tr>
                                <td>{{$earning->id}}</td>
                                <td>{{($earning->transaction_id)?$earning->transaction_id:'N/A'}}</td>
                                <td>{{($earning->purchase_id)?$earning->purchase_id:'N/A'}}</td>
                                <td>{{$earning->earning}}</td>
                            </tr>
                        @endforeach
                    @endif
                    </tbody>
                    <tfoot>
                        @if(Session::has('total_earnings'))
                            <tr>
                                <th colspan="3" style="text-align: right"><b>Total:</b></th>
                                <th style="text-align: left;"><b>{{Session::get('total_earnings')}}</b></th>
                            </tr>
                        @endif
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
@endsection
@push('js')
<!-- Parsley -->
<script src="{{URL::to('vendors/parsleyjs/dist/parsley.min.js')}}"></script>
<!-- Switchery -->
<script src="{{URL::to('vendors/switchery/dist/switchery.min.js')}}"></script>
<!-- Datatables -->
<script src="{{URL::to('vendors/datatables.net/js/jquery.dataTables.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-bs/js/dataTables.bootstrap.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-buttons/js/dataTables.buttons.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-buttons-bs/js/buttons.bootstrap.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-buttons/js/buttons.flash.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-buttons/js/buttons.html5.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-buttons/js/buttons.print.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-keytable/js/dataTables.keyTable.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-responsive-bs/js/responsive.bootstrap.js')}}"></script>
<script src="{{URL::to('vendors/datatables.net-scroller/js/dataTables.scroller.min.js')}}"></script>
<script src="{{URL::to('vendors/moment/min/moment.min.js')}}"></script>
<script src="{{URL::to('vendors/pdfmake/build/pdfmake.min.js')}}"></script>
<script src="{{URL::to('vendors/pdfmake/build/vfs_fonts.js')}}"></script>
<script src="{{URL::to('vendors/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js')}}"></script>
<script>
    var transaction = {};
    var table = {};
    $(document).ready(function () {
        $('.datepicker').datetimepicker({
            format:'Y-MM-D'
        });
        table = $("#users").DataTable({
            responsive:true,
            dom: "Bfrtip",
            buttons: [
                {
                    extend: "copy",
                    className: "btn-sm"
                },
                {
                    extend: "csv",
                    className: "btn-sm"
                },
                {
                    extend: "print",
                    className: "btn-sm"
                }
            ],
        });
    });
</script>
@endpush