@extends('layouts.backend.master')
@section('title', __('Route'))
@section('content')
@include("backend.super_user.route.create")

<div class="row">
    <div class="col-12">
        <div class="box">
            <div class="box-header with-border">
                <h4 class="box-title">{{__('Manage route')}}</h4>
            </div>
            <div class="box-body">
                <div class="table-responsive su_tables">
                    <div id="custom_toolbar" class="float-right">
                        <div class="btn-group float-right" role="group" data-toggle="tooltip" data-placement="top" title="{{__('Export data')}}">
                            <button type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                                <i class="fa fa-download"></i>
                            </button>
                            <ul class="dropdown-menu" aria-labelledby="btnGroupDrop1" id="exportTasklist">
                                <li><a class="dropdown-item" href="javascript:void(0);" onclick="exportTasks('routes',['id','category','subCategory','title','name','url'],'csv')">{{__('CSV')}}</a></li>
                                <li><a class="dropdown-item" href="javascript:void(0);" onclick="exportTasks('routes',['id','category','subCategory','title','name','url'],'zip')">{{__('ZIP')}}</a></li>
                            </ul>
                        </div>
                        <a data-toggle="tooltip" data-placement="top" title="{{__('Add new')}}" class="btn btn-secondary text-white showArchive btnNewRecord mr-2" id="btnNewRecord" href="javascript:void(0);"><i class="fas fa-plus"></i></a>
                        <a data-toggle="tooltip" data-placement="top" title="{{__('Show archived')}}" class="btn btn-secondary float-right mr-74 showArchive" href="javascript:void(0)" onclick="switchUserRecords('archive')"> <i class="fa fa-archive text-white"></i></a>

                        <a data-toggle="tooltip" data-placement="top" title="Back to routes" id="indexRecordButton" class="btn btn-secondary float-right ml-1 d-none showRoutes" href="javascript:void(0)" onclick="switchUserRecords('index')"> <i class="fa fa-undo"></i></a>
                    </div>

                    <table id="bstable" class="table-striped" data-show-export="false" data-filter-control="true" data-ajax="ajaxRequestAllRoutes" data-side-pagination="server" data-total-field="count" data-data-field="items" data-show-search-clear-button="true" data-pagination="true" data-toggle="table" data-show-columns="true" data-show-columns-toggle-all="true" data-sortable="true" data-show-toggle="false" table-for="tbl_super_routes" data-toolbar="#custom_toolbar" data-unique-id="id" data-export-data-type="all" data-export-options='{"fileName": "{{ config('app.name')." - Routes - ".date('d/m/Y-H:m:s')}}"}' data-search-time-out="2000">
                        <thead>
                            <tr>
                                <th title="#" data-field="id" data-sortable="true" data-width="65" data-width-unit="px">#</th>
                                <th title="Category" data-field="category" data-filter-control="select" data-sortable="true" data-filter-data="url:{{ route('super-user.route.getRouteCategoryFilter')}}">{{__('Category') }}</th>
                                <th title="Sub Category" data-field="subCategory" data-filter-control="select" data-sortable="true" data-filter-data="url:{{ route('super-user.route.getRouteSubCategoryFilter')}}">{{__('Sub Category') }}</th>
                                <th title="Title" data-field="title" data-filter-control="input" data-sortable="true">{{__('Title')}}</th>
                                <th title="Name" data-field="name" data-filter-control="input" data-sortable="true">{{__('Name')}}</th>
                                <th title="URL" data-field="url" data-filter-control="input" data-sortable="true">{{__('URL')}}</th>
                                <th data-field="action" data-width="120" data-force-hide="true">{{__('Action')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@if(isset($getRoute))
<input type="hidden" value="{{!empty($getRoute->cmCategory) ? old("category",$getRoute->cmCategory->id): old("category")}}" class="getRoute">
@else
<input type="hidden" value="0" class="getRoute">
<input type="hidden" value="{{old('category')}}" id="subCategoryVal">
@endif
@endsection
@push('scripts')
<script src="{{ asset('frontend/js/pages-js/super-user-route.js') }}"></script>
<script src="{{ asset('frontend/js/pages-js/archive.js') }}"></script>
@endpush