@extends('layouts.backend.master')
@section('title', __('Archived Menu'))
@push('styles')
<link rel="stylesheet" href="{{ asset('backend/css/menu.css') }}">
@endpush
@section('breadcrumbs')
<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="d-flex align-items-center">
        <div class="mr-auto">
            <h3 class="page-title">{{__('Archived menu')}}</h3>
        </div>

    </div>
</div>
@endsection
@section('content')
<div class="row">
    <div class="col-12">
        <div class="box">
            <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">
                                <li><a class="dropdown-item" href="#" onclick="exportTasks('menus_archived',['id','role','name'],'csv')">{{__('CSV')}}</a></li>
                                <li><a class="dropdown-item" href="#" onclick="exportTasks('menus_archived',['id','role','name'],'zip')">{{__('ZIP')}}</a></li>
                            </ul>
                        </div>

                        <a data-toggle="tooltip" data-placement="top" title="{{__('Back to menu') }}" class="btn btn-secondary float-right ml-1" href="{{ route('super-user.menu.index') }}"> <i style="color:#fff;" class="fa fa-undo"></i></a>
                    </div>
                    <table id="bstable" data-icons="icons" data-search-time-out="2000" data-icons-prefix="fas" class="table-striped" data-show-export="false" data-filter-control="true" data-show-search-clear-button="true" data-pagination="true" data-search="false" data-toggle="table" data-show-columns="true" data-show-columns-toggle-all="true" data-show-toggle="false" data-sortable="true" table-for="tbl_super_menus" data-toolbar="#custom_toolbar" data-unique-id="id" 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="{{__('Name')}}" data-field="name" data-sortable="true" data-filter-control="input">{{__('Name') }}</th>
                                <th title="{{__('Role')}}" data-field="role" data-sortable="true" data-filter-control="select">{{__('Role') }}</th>
                                <th data-field="action" data-width="120">{{__('Action') }}</th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach($getMenuData as $key => $menu)
                            <tr>
                                <td>{{$loop->iteration}}</td>
                                <td>{{ $menu->name ? $menu->name : '' }}</td>
                                <td>{{ $menu->roleName ? $menu->roleName : '' }}</td>
                                <td>
                                    <a onclick="restoreArchived('{{basicEncrypt($menu->id)}}', {{$loop->iteration}},'{{ route('super-user.menu.isArchived') }}','{{$menu->name}}')" class="btn btn-sm btn-info btnEditAction" title="{{__('Restore')}}" data-toggle="tooltip" data-placement="top"><i class="fa fa-undo"></i>
                                    </a>
                                    <a href="javascript:void(0);" onclick="removeMenu('{{basicEncrypt($menu->id)}}', {{$loop->iteration}},'{{ route('super-user.menu.removeMainMenu') }}','{{$menu->name}}')" class="waves-effect waves-light btn btn-sm btn-primary delete-btn" title="{{__('Delete')}}" data-toggle="tooltip" data-placement="top"><i class="fa fa-trash"></i></a>
                                </td>
                            </tr>
                            @endforeach

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script src="{{ asset('backend/vendor/jquery-menu-editor.js')}}"></script>
<script type="text/javascript" src="{{ asset('backend/vendor/dropdown/bootstrap-iconpicker/js/iconset/fontawesome5-3-1.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('backend/vendor/bootstrap-iconpicker/js/bootstrap-iconpicker.min.js')}}">
</script>
<script src="{{ asset('frontend/js/pages-js/super-user-menu.js')}}"></script>
@endpush