@php
    $layout = $isSeller ? 'layouts.seller' : 'layouts.admin';
@endphp

@extends($layout)

@section('content')
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>{{ __('report.order_stats')}}</p>

        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{ __('common.home')}}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ __('report.order_stats')}}</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    <div class="row employee-list-view">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 employee-list-full">
            <div class="round-white-bg box-shadow">
                {!! Form::open(array('route' => $route, 'method' => 'GET', 'class'=>'mobile_filter d-block')) !!}
                <div class="row col-12 filters_list" style="padding: 0px 0px 0px 15px;">
                    <div class="col-md-3 filters">
                        {{--<div class="form-group custom-input-group custom-input-group-small">--}}
                            {!! Form::label("date", __('report.date'), ['class' => 'first-column']) !!}
                            <div class="stats_dt_picker_range"
                                style="background: #fff; cursor: pointer; padding: 8px 6px; border: 1px solid #ccc; width: 100%;height: 40px;">
                            </div>
                            {!! Form::hidden('from_date', isset($inputs['from_date'])?$inputs['from_date'] : '', ['id' => 'from_date']) !!}
                            {!! Form::hidden('to_date', isset($inputs['to_date'])?$inputs['to_date'] : '', ['id' => 'to_date']) !!}
                        {{--</div>--}}
                    </div>

                    <div class="col-md-2 filters time-form-control">
                        <div class="form-group custom-input-group custom-input-group-small date-form-control">
                            {{ Form::label('time', __('report.time'), ['class' => 'first-column']) }}
                            {{ Form::text('', $inputs['from_time'] .'-'. $inputs['to_time'], ['class' => 'form-control', 'id' => 'start_end_time']) }}
                            {!! Form::hidden('from_time', isset($inputs['from_time'])?$inputs['from_time'] : '', ['id' => 'from_time']) !!}
                            {!! Form::hidden('to_time', isset($inputs['to_time'])?$inputs['to_time'] : '', ['id' => 'to_time']) !!}
                        </div>
                    </div>

                    @if(!$isSeller)
                        <div class="col-md-4 filters">
                            {!! Form::label("store[]", __('report.store'), ['class' => 'first-column']) !!}
                            {!! Form::select('store[]', $stores, (isset($inputs['store'])?$inputs['store']:[]), [
                                'class'=>'form-control select2 second-column', 'id' => 'store_id', 'multiple' => true,
                                'data-actions-box'=>'true', 'data-width'=>'100%', 'required' => true,
                                'data-route' => route('report.get-store-category'),
                            ]) !!}
                        </div>
                    @endif

                    <div class="col-md-3 filters">
                        {!! Form::label("category[]", __('report.category'), ['class' => 'first-column']) !!}
                        {!! Form::select('category[]', $categories, (isset($inputs['category'])?$inputs['category']:[]), [
                            'class'=>'form-control select2 second-column', 'id' => 'category_id', 'multiple' => true,
                            'data-actions-box'=>'true', 'data-width'=>'100%',
                        ]) !!}
                    </div>
                </div>
                <div class="col-md-4 filters">
                    <div class="__filter_actions">
                        {!! Form::hidden('filter', 1) !!}
                        {!! Form::submit(__('orders.search'), ['class'=>'btn btn-primary btn_sub width80']) !!}
                        <a href="{{ route( $route ) }}" class="btn btn-primary width80">{!! __('orders.reset') !!}</a>
                    </div>
                </div>
                {!! Form::close() !!}

                @if(!isset($inputs['is_download']) && (isset($result) && count($result) > 0))
                    <div class="row">
                        <div class="col-md-12 text-right mt-4">
                            <a href="{!! route($downloadRoute) !!}" class="btn btn-success">
                                <i class="fa fa-download"></i>
                                {!! __('report.download_excel') !!}
                            </a>
                        </div>
                    </div>
                @endif

                <div class="row">
                    <div class="col-12">
                        <div class="table-responsive">
                            @include('admin.report.order-stats-view')
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection

@section('script')
<script>
    $('body').on('change', '#store_id', function (e) {
        let store = $(this).val();
        let route = $(this).attr('data-route');
        let data = { store: store };
        select2Change('#category_id', route, data, function() {
            $('#category_id').selectpicker('refresh');
        });
    });

    $(document).ready(function(){
        let statsDatePicker = $('.stats_dt_picker_range');
        if(!statsDatePicker.length) {
            return;
        }

        var start = moment().subtract(1, 'day').format('DD-MM-YYYY');
        var end = moment().format('DD-MM-YYYY');

        @if(isset($inputs['from_date']))
            start = "{{ $inputs['from_date'] }}";
            end = "{{ $inputs['to_date'] }}";
        @endif

        showPicker(start,end,'.stats_dt_picker_range')

    });

    var properties = [
        'total_item_price',
        //'sold_itm',
    ];

    $.each( properties, function( i, val ) {
        var orderClass = '';

        $('body').on('click', "#" + val, function (e) {
            e.preventDefault();
            $('.filter__link.filter__link--active').not(this).removeClass('filter__link--active');
            $(this).toggleClass('filter__link--active');
            $('.filter__link').removeClass('asc desc');

           /* if(orderClass == 'desc' || orderClass == '') {
                $(this).addClass('asc');
                orderClass = 'asc';
            } else {
                $(this).addClass('desc');
                orderClass = 'desc';
            }*/

            if(orderClass == 'asc' || orderClass == '') {
                $(this).addClass('desc');
                orderClass = 'desc';
            } else {
                $(this).addClass('asc');
                orderClass = 'asc';
            }
            var parent = $(this).closest('.header__item');
            var index = $(".header__item").index(parent);
            var $table = $('.table-content');
            var rows = $table.find('.table-row').get();
            var isSelected = $(this).hasClass('filter__link--active');
            var isNumber = $(this).hasClass('filter__link--number');

            rows.sort(function(a, b){
                    return 1;
                var x = $(a).find('.table-data').eq(index).attr('data-value');
                var y = $(b).find('.table-data').eq(index).attr('data-value');

                if(isNumber == true) {
                    if(isSelected) {
                        return x - y;
                    } else {
                        return y - x;
                    }

                } else {
                    if(isSelected) {
                        if(x < y) return -1;
                        if(x > y) return 1;
                        return 0;
                    } else {
                        if(x > y) return -1;
                        if(x < y) return 1;
                        return 0;
                    }
                }
            });

            $.each(rows, function(index,row) {
                $table.append(row);
            });

            return false;
        });

    });
    $( "#total_item_price" ).trigger( "click" );
</script>    
@endsection