@extends ('backend.layouts.app')

@section ('title', trans('labels.backend.departments.title'))

@section('after-styles')
    {{ Html::style("css/backend/plugin/datatables/dataTables.bootstrap.min.css") }}
    <link rel="stylesheet" href="{!! asset('css/datepicker.css') !!}" xmlns="http://www.w3.org/1999/html">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet"/>
    <style>
        .pacient-selector .select2-container {
            width: 100% !important;
        }
    </style>
@endsection

@section('page-header')
    <h1>{{ trans('labels.backend.payments.title') }}</h1>
@endsection

@section('content')
    <div class="box box-success">
        <div class="box-header with-border">
            @if(!empty($pacient)||!empty($doctor)||!empty($panala)|| !empty($panala))
                Se afiseaza rezultatele filtrate
            @else
                <h3 class="box-title">{{ trans('labels.backend.payments.management') }}</h3>
            @endif


            <div class="box-tools pull-right">
                @permission('create-payment')
                <div class="pull-right mb-10 hidden-sm hidden-xs">
                    {{ link_to_route('admin.payments.create', trans('labels.backend.payments.create'), [], ['class' => 'btn btn-success btn-m']) }}
                </div><!--pull right-->


                <div class="pull-right mb-10 hidden-lg hidden-md">
                    <div class="btn-group">
                        {{ link_to_route('admin.payments.create', trans('labels.backend.payments.create'), [], ['class' => 'btn btn-success btn-m']) }}

                    </div><!--btn group-->
                </div><!--pull right-->
                @endauth
                <div class="clearfix"></div>
            </div>
        </div><!-- /.box-header -->

        <div class="box box-default box-solid collapsed-box">
            <div class="box-header with-border">
                <h3 class="box-title">Filtreaza incasari</h3>

                <div class="box-tools pull-right">
                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i>
                    </button>
                </div>
                <!-- /.box-tools -->
            </div>

            <!-- /.box-header -->
            <div class="box-body" style="display: none;">

                {{ Form::open(['route' => 'admin.payments.index', 'class' => 'form-horizontal', 'role' => 'form', 'method' => 'get', 'id' => 'create-appointment']) }}
                <div class="row">
                    <div class="col"> {{ Form::label('dela', 'De la data', ['class' => 'col-lg-2 control-label']) }}
                        <div class="input-group date">
                            <div class="col-lg-10">
                                {!! Form::text('dela', null, array('id' => 'deladatepicker')) !!}
                            </div><!--col-lg-10-->
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col"> {{ Form::label('dela', 'Pana la data', ['class' => 'col-lg-2 control-label']) }}
                        <div class="input-group date">
                            <div class="col-lg-10">
                                {!! Form::text('panala', null, array('id' => 'panaladatepicker')) !!}
                            </div><!--col-lg-10-->
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        {!! Form::label('areas_label','Punct de lucru',['class' => 'col-lg-2 control-label']) !!}
                        <div class="col-lg-10">
                            {!! Form::select('patient_id',config('constants.work-points-with-all'),null,['class'=>'form-control areas', 'id'=>'status_id']) !!}
                        </div>
                    </div>
                </div>
                <hr>
                <div class="row">
                    <div class="col">
                        <div class="col-lg-12">
                            {{ Form::submit(trans('buttons.general.cancel-filter'), ['class' => 'btn btn-success btn-m']) }}
                            <div class="pull-right">
                                {{ Form::submit(trans('buttons.general.apply-filter'), ['class' => 'btn btn-success btn-m']) }}
                            </div><!--pull-right-->
                        </div>


                    </div>
                </div>


                {{ Form::close() }}

            </div>
            <!-- /.box-body -->
        </div>
        Total incasari luna curenta : {{$currentMonthTotal}} Ron
        <div class="box-body">
            <div class="table-responsive">
                <table id="roles-table" class="table table-condensed table-hover">
                    <thead>
                    <tr>
                        <th>{{ trans('labels.backend.payments.id') }}</th>
                        <th>{{ trans('labels.backend.payments.work-point') }}</th>
                        <th>{{ trans('labels.backend.payments.value') }}</th>
                        <th>{{ trans('labels.backend.payments.date') }}</th>
                        <th>{{ trans('labels.backend.payments.details') }}</th>
                        <th>{{ trans('labels.general.actions') }}</th>
                    </tr>
                    </thead>
                    <tfoot>
                    <tr>

                        <th colspan="5" style="text-align:right"></th>
                        <th></th>

                    </tr>
                    </tfoot>
                </table>
            </div><!--table-responsive-->
        </div><!-- /.box-body -->
    </div><!--box-->


@endsection

@section('after-scripts')
    <script src="{!! asset('js/bootstrap-datepicker.js') !!}"></script>
    {{ Html::script("js/backend/plugin/datatables/jquery.dataTables.min.js") }}
    {{ Html::script("js/backend/plugin/datatables/dataTables.bootstrap.min.js") }}
    <script src="{!! asset('js/moment.min.js') !!}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/locales.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>


    <script>
        $(function () {
            $('#deladatepicker').datepicker({
                autoclose: true,
                format: 'dd/mm/yyyy'
            });
            $('#panaladatepicker').datepicker({
                autoclose: true,
                format: 'dd/mm/yyyy'
            });


            $('#roles-table').DataTable({
                sort: false,
                searching: false,
                processing: true,
                serverSide: true,
                "language": {
                    "sProcessing": "Procesează...",
                    "sLengthMenu": "Afișează ultimele_MENU_ incasări create",
                    "sZeroRecords": "Nu am găsit nimic - ne pare rău",
                    "sInfo": "Afișate de la _START_ la _END_ din _TOTAL_ incasări",
                    "sInfoEmpty": "Afișate de la 0 la 0 din 0 înregistrări",
                    "sInfoFiltered": "(filtrate dintr-un total de _MAX_ incasări)",
                    "sInfoPostFix": "",
                    "sSearch": "Caută:",
                    "sUrl": "",
                    "oPaginate": {
                        "sFirst": "Prima",
                        "sPrevious": "Precedenta",
                        "sNext": "Următoarea",
                        "sLast": "Ultima"
                    }
                },
                ajax: {
                    url: '{{ route("admin.payments.get") }}',
                    type: 'post',
                    data: function (d) {
                        @if (!empty($pacient) && $pacient!=0)
                                d.userId = "{{ $pacient}}";
                        @endif

                                @if (!empty($dela))
                                d.from = "{{ $dela}}";
                        @endif
                                @if (!empty($panala))
                                d.until = "{{ $panala}}";
                        @endif
                    }
                },
                columns: [

                    {data: 'id', name: '{{config('access.payments_table')}}.id'},
                    {data: 'patient_id', name: '{{config('access.payments_table')}}.patient_id'},
                    {data: 'value', name: '{{config('access.payments_table')}}.value'},
                    {data: 'start', name: '{{config('access.payments_table')}}.start'},
                    {data: 'details', name: '{{config('access.payments_table')}}.details'},
                    {data: 'actions', name: 'actions', searchable: false, sortable: false}
                ],
                searchDelay: 100,
                footerCallback: function (row, data, start, end, display) {
                    var api = this.api(), data;

                    // Remove the formatting to get integer data for summation
                    var intVal = function (i) {
                        return typeof i === 'string' ?
                                parseInt(i) :
                                typeof i === 'number' ?
                                        i : 0;
                    };

                    // Total over all pages
                    total = api
                            .column(2)
                            .data()
                            .reduce(function (a, b) {
                                return intVal(a) + intVal(b);
                            }, 0);

                    // Total over this page
                    pageTotal = api
                            .column(2, {page: 'current'})
                            .data()
                            .reduce(function (a, b) {
                                return intVal(a) + intVal(b);
                            }, 0);

                    // Update footer
                    $(api.column(4).footer()).html(
                            ' TOTAL lei ' + total
                    );
                }
            });
        });


    </script>


@endsection