@extends('layouts.seller')
@section('content')
    <div class="page-header text-uppercase">
        <ul class="list-unstyled space-list m-0">
            <li>
                <p>{{ __('item.wolt_menu')}}</p>
            </li>
            <li>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('seller.dashboard', getStoreSlug()) }}">{{ __('common.home')}}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{{ __('item.items')}}</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="col-md-6 error-msg font-14 mt-2"></div>
                @if(isset($inputs['error']) && $inputs['error'] == 'too_many')
                    <div class="alert alert-danger">
                        {!! __('item.wolt_sync_error') !!}
                    </div>
                @endif

                @if(isset($inputs['error']) && $inputs['error'] == 'wolt_auth_missing')
                    <div class="alert alert-danger">
                        {!! __('item.wolt_auth_missing') !!}
                    </div>
                @endif

                @if(isset($inputs['error']) && $inputs['error'] == 'wolt_menu_failed')
                    <div class="alert alert-danger">
                        {!! __('item.wolt_menu_failed') !!}
                    </div>
                @endif


                <div class="round-white-bg box-shadow">
                <div class="table-filters1">
                    {!! Form::open(array('route' => 'seller.item.wolt-menu-paginate','method' => 'GET','class'=>'filter_form col-md-12 extra_filters','id'=>'ajaxFilter','filterTable'=>"true")) !!}

                    <div class="row">
                        <div class="col-md-2 filters">
                            {!! Form::label("category", "Category", []) !!}
                            {!! Form::select('category[]',$category, (isset($_GET['category'])?$_GET['category']:''), ['class'=>'form-control select2','multiple'=>true]) !!}
                        </div>
                        <div class="col-md-2 filters">
                            {!! Form::label("status", "Status", []) !!}
                            {!! Form::select('status',[''=>__('common.select-option')]+activeStatus(), 1, ['class'=>'form-control select2']) !!}
                        </div>
                        <div class="col-md-2 filters">
                            {!! Form::label("item_type", "Item Type", []) !!}
                            {!! Form::select('item_type',[''=>__('common.select-option'),'1'=>'Store Items','2'=>'Global Items'],2, ['class'=>'form-control select2']) !!}
                        </div>
                        <div class="col-md-4 filters">
                            <div class="__filter_actions">
                                {!! Form::submit(__('orders.search'), ['class'=>'btn btn-primary btn_sub width80']) !!}
                                <a href="{{ route('seller.item.wolt-menu') }}" class="btn btn-primary width80">{!! __('orders.reset') !!}</a>
                            </div>
                        </div>
                        <div class="col-md-2 __filter_actions text-right">
                            <a href="{{ route('seller.item.sync-wolt-items') }}" class="btn btn-primary">{!! __('item.sync_wolt_menu') !!}</a>
                        </div>
                    </div>
                    {!! Form::close() !!}
                    <br/>
                </div>
                    <div class="table-responsive">
                        <div class="table_filters">
                            <div class="limit_filter">
                                {!! Form::select('limit', paginationLimitOptions(), defaultPerPage(), ['id'=>'pagination_limit']) !!}
                            </div>
                            <div class="search_filter">
                                {!! Form::text('search', null, ['id'=>'keyword_search','class'=>'form-control','placeholder'=>__('common.search').'...']) !!}
                            </div>
                        </div>
                        {!! Form::open(array('route' => 'seller.item.wolt-menu-store', 'method' => 'POST' ,'id' => 'ajaxSave','files' => true)) !!}
                        <table id="paginateTable" data-default="true" data-url="{{route('seller.item.wolt-menu-paginate')}}" class="striped-table w-100 custom-datatable font13">

                        </table>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@section('script')
<script>
    $(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')

    });
</script>
@endsection
@endsection