@extends('backend.layouts.app')
@section('content')
<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title mb-0">{{translate('All Menus')}}</h4>
            </div><!-- end card header -->
            <div class="card-body">
                <div id="customerList">
                    <div class="row g-4 mb-3">
                        <div class="col-sm-auto">
                            <div class="text-right">
                                <a href="{{route('menu.create',[ 'lang'=>env('DEFAULT_LANGUAGE','en')])}}" class="btn btn-success add-btn"><i class="ri-add-line align-bottom me-1"></i>{{translate('Add New Menu')}}</a>
                            </div>
                        </div>
                    </div>
                   <!-- <div class="mt-2">
                        @include('backend.message.messages')
                   </div> -->

                    <div class="table-responsive table-card mt-3 mb-1">
                        <table class="table align-middle table-nowrap" id="customerTable">
                            <thead class="table-light">
                                <tr>
                                    <th class="sort" data-sort="name">{{translate('S.No.')}}</th>
                                    <th class="sort" data-sort="url">{{translate('Menu Name')}}</th>
                                    <th class="sort" data-sort="name">{{translate('Level')}}</th>
                                    <th class="sort" data-sort="action">{{translate('Menu URl')}}</th>
                                    <th class="sort" data-sort="action">{{translate('Parent Menu')}}</th>
                                    <th class="sort" data-sort="action">{{translate('Order')}}</th>
                                    {{-- <th class="sort" data-sort="action">{{translate('Status')}}</th> --}}
                                    <th class="sort" data-sort="action">{{translate('Action')}}</th>

                                    
                                </tr>
                            </thead>
                            <tbody class="list form-check-all">
                            @php $level = 1; @endphp
                            @if(isset($menu_datas))
                                @foreach($menu_datas as $menus)
                                    <tr>
                                        <td>{{$loop->iteration}}</td>
                                        <td>{{$menus->getTranslation('menu_title', 'en')}}</td>
                                        <td>{{$level}}</td>
                                        <td>{{$menus->url}}</td>

                                        <td>
                                            @if(isset($menus->parent_id))
                                                {{$menus->parent->getTranslation('menu_title', 'en')}}
                                            @else
                                                None
                                            @endif
                                        </td>
                                        <td>{{$menus->order}}</td>
                                        {{-- <td>
                                            <div class="form-check form-switch form-switch-right form-switch-md">
                                                <input onchange="updatestatus(this)" class="form-check-input" type="checkbox" value="{{$language->id}}" @if($language->rtl == 1) checked @endif>
                                            </div>
                                        </td> --}}
                                        <td>         
                                            <div class="d-flex gap-2">
                                                <a href="{{Route('website.editMenus', [ 'id'=>$menus->id ,'lang'=>env('DEFAULT_LANGUAGE','en')])}}">
                                                <button class="btn btn-sm btn-info">Edit</button>
                                                </a>
                                            
                                                <div class="remove">
                                                    <button class="btn btn-soft-danger btn-sm confirm-delete" data-bs-toggle="modal" data-bs-target="#deleteRecordModal" data-href="{{ route('website.deleteMenus', $menus->id)}}">{{ translate('Delete') }}</button>
                                                </div>
                                            </div>
                                        </td>
                                     </tr>
                                     @if(count($menus->childs_menu))
                                         @include('backend.website_setup.menus.sub-menu-list',['submenus' => $menus->childs_menu, 'level'=>2])
                                     @endif

                                @endforeach
                                
                            @endif
                            </tbody>
                        </table>
                        <div class="noresult" style="display: none">
                            <div class="text-center">
                                <lord-icon src="https://cdn.lordicon.com/msoeawqm.json" trigger="loop" colors="primary:#121331,secondary:#08a88a" style="width:75px;height:75px">
                                </lord-icon>
                                <h5 class="mt-2">Sorry! No Result Found</h5>
                                <p class="text-muted mb-0">We've searched more than 150+ Orders We did not find any
                                    orders for you search.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- end card -->
        </div>
        <!-- end col -->
    </div>
    <!-- end col -->
</div>
<!-- Delete Modal  -->
@include('backend.modals.delete')
@endsection