@extends('admin.app')

@section('content')

    <div class="page-wrapper">
        <div class="page-content">
            <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
                <div class="ps-3">
                    @include('admin.templates.breadcrumbs')
                </div>
            </div>

            <div class="card">
                <div class="card-body">
                    <div class="d-lg-flex align-items-center mb-4 gap-3">
                        <div class="ms-auto">
                            @if($groupSubRelations->new == 1)
                                <a href="{{ urlForLanguage($lang, 'memberslist') }}"
                                   class="btn btn-primary mt-2 mt-lg-0"><i
                                            class="lni lni-list"></i>{{ __('variables.elements_list') }}</a>
                                <a href="{{ urlForLanguage($lang, 'createmenu') }}"
                                   class="btn btn-primary mt-2 mt-lg-0"><i
                                            class="bx bxs-plus-square"></i>{{ __('variables.add_element') }}
                                </a>
                                <a href="{{ urlForLanguage($lang, 'menucart') }}"
                                   class="btn btn-primary mt-2 mt-lg-0"><i
                                            class="lni lni-trash"></i>{{ __('variables.elements_basket') }}
                                </a>
                            @else
                                <a href="{{ urlForLanguage($lang, 'memberslist') }}"
                                   class="btn btn-primary mt-2 mt-lg-0"><i
                                            class="lni lni-list"></i>{{ __('variables.elements_list') }}</a>
                                <a href="{{ urlForLanguage($lang, 'menucart') }}"
                                   class="btn btn-primary mt-2 mt-lg-0"><i
                                            class="lni lni-trash"></i>{{ __('variables.elements_basket') }}
                                </a>
                            @endif
                            @if($groupSubRelations->del_to_rec == 1)
                                <button class="btn btn-danger btn-sm mt-2 mt-lg-0 destroy-all-elements"
                                        data-url="{{urlForFunctionLanguage($lang, 'destroymenutocart/destroyMenuToCart')}}"
                                        data-current-url="{{ url()->current() }}" disabled>
                                    <i class="fas fa-trash"></i> Delete selected (<span>0</span>)
                                </button>
                            @endif
                        </div>
                    </div>
                    <hr/>
                    @if(!empty($child_menu_list))
                        <div class="table-responsive">
                            <table class="table mb-0 table-hover">
                                <thead>
                                <tr>
                                    <th scope="col" class="text-center">№</th>
                                    <th scope="col" class="text-center">{{__('variables.title_table')}}</th>
                                    <th scope="col" class="text-center">{{__('variables.edit_table')}}</th>
                                    @if($groupSubRelations->active == 1)
                                        <th scope="col" class="text-center">{{__('variables.active_table')}}</th>
                                        @if($groupSubRelations->level == 1)
                                            <th scope="col" class="text-center">{{__('variables.top_menu')}}</th>
                                            <th scope="col" class="text-center">{{__('variables.footer_menu')}}</th>
                                        @endif
                                    @endif
                                    <th scope="col" class="text-center">{{__('variables.position_table')}}</th>
                                    @if($groupSubRelations->del_to_rec == 1)
                                        <th scope="col"
                                            class="text-center select-all-elements cursor-pointer">{{__('variables.delete_table')}}</th>
                                    @endif
                                </tr>
                                </thead>
                                <tbody class="sort-table" data-url="{{ $url_for_active_elem }}">
                                @foreach($child_menu_list as $one_menu_element)
                                    <tr class="row-id" data-id="{{$one_menu_element->menu_id}}">
                                        <th class="text-center" scope="row">{{ $loop->iteration }}</th>
                                        @if(!IfHasChildActive($one_menu_element->menuId->id, 'menu')->isEmpty())
                                            <td class="text-center">
                                                <a href="{{urlForFunctionLanguage($lang, $one_menu_element->menuId->alias.'/memberslist')}}"
                                                   class="text-decoration-underline">{{!empty(IfHasName($one_menu_element->menu_id, $lang_id, 'menu')) ? IfHasName($one_menu_element->menu_id, $lang_id, 'menu') : __('variables.another_name')}}</a>
                                            </td>
                                        @else
                                            <td class="text-center">
                                                <span>{{!empty(IfHasName($one_menu_element->menu_id, $lang_id, 'menu')) ? IfHasName($one_menu_element->menu_id, $lang_id, 'menu') : trans('variables.another_name')}}</span>
                                            </td>
                                        @endif
                                        <td class="text-center">
                                            @foreach($lang_list as $lang_key => $one_lang)
                                                <a href="{{urlForFunctionLanguage($lang, $one_menu_element->menuId->alias.'/editmenu/'.$one_menu_element->menu_id.'/'.$one_lang->id)}}"
                                                   class="btn btn-sm btn-{{ !empty(IfHasName($one_menu_element->menu_id, $one_lang->id, 'menu')) ? 'success' : 'danger' }}">{{ucfirst($one_lang->lang)}}</a>
                                            @endforeach
                                        </td>
                                        <td class="text-center">
                                            <div class="form-switch">
                                                <input class="form-check-input change-active" type="checkbox"
                                                       data-active="{{$one_menu_element->menuId->active}}"
                                                       data-element-id="{{$one_menu_element->menuId->id}}"
                                                       data-action="main-active"
                                                       id="switch-active-{{$one_menu_element->menu_id}}"
                                                       data-url="{{$url_for_active_elem}}" {{$one_menu_element->menuId->active == 1 ? 'checked' : ''}}>
                                                <label class="form-check-label"
                                                       for="switch-active-{{$one_menu_element->menu_id}}"></label>
                                            </div>
                                        </td>
                                        @if($groupSubRelations->level == 1)
                                            <td class="text-center">
                                                <div class="form-switch">
                                                    <input class="form-check-input change-active" type="checkbox"
                                                           data-active="{{$one_menu_element->menuId->top_menu}}"
                                                           data-element-id="{{$one_menu_element->menuId->id}}"
                                                           data-action="top-menu" data-url="{{$url_for_active_elem}}"
                                                           id="switch-top-{{$one_menu_element->menu_id}}" {{$one_menu_element->menuId->top_menu == 1 ? 'checked' : ''}}>
                                                    <label class="form-check-label"
                                                           for="switch-top-{{$one_menu_element->menu_id}}"></label>
                                                </div>
                                            </td>
                                            <td class="text-center">
                                                <div class="form-switch">
                                                    <input class="form-check-input change-active" type="checkbox"
                                                           data-active="{{$one_menu_element->menuId->footer_menu}}"
                                                           data-element-id="{{$one_menu_element->menuId->id}}"
                                                           data-action="footer-menu" data-url="{{$url_for_active_elem}}"
                                                           id="switch-footer-{{$one_menu_element->menu_id}}" {{$one_menu_element->menuId->footer_menu == 1 ? 'checked' : ''}}>
                                                    <label class="form-check-label"
                                                           for="switch-footer-{{$one_menu_element->menu_id}}"></label>
                                                </div>
                                            </td>
                                        @endif
                                        <td class="position cursor-pointer text-center"><i class="lni lni-move"></i>
                                        </td>
                                        @if($groupSubRelations->del_to_rec == 1)
                                            @if(IfHasChildActive($one_menu_element->menuId->id, 'menu')->isEmpty())
                                                <td class="text-center">
                                                    <input class="form-check-input destroy-element" type="checkbox"
                                                           name="destroy_element"
                                                           value="{{$one_menu_element->menu_id}}"
                                                           id="destroy-element-{{$one_menu_element->menu_id}}">
                                                    <label class="form-check-label"
                                                           for="destroy-element-{{$one_menu_element->menu_id}}"></label>
                                                </td>
                                            @else
                                                <td class="text-center">
                                                    <span>{{__('variables.delete_inner_modules')}}</span>
                                                </td>
                                            @endif
                                        @endif
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                        @include('admin.templates.pagination', ['paginator' => $child_menu_list_id])
                    @else
                        @include('admin.templates.empty-list')
                    @endif
                </div>
            </div>
        </div>
    </div>
@stop