@extends('Frontend.partials.layout')

@section('content')
<style>

    @media only screen and (max-width: 576px) {
        .add-new-menu-button i {
            margin-right: 0px !important;
        }
    }
</style>

<section class="menu-list three_menu_align">
    <div class="row analysis_header_flex justify-content-between align-items-center mx-0 px-1">
        <div class="">
            <div class="analysis-content-header d-flex align-items-center">
                <div class="logo">
                    <i class="fas fa-home primary-color"></i>
                </div>
                <div class="heading primary-color">
                    <h2>{{trans('action.main_menu')}}&nbsp;{{trans('action.page_heading1_cron_view')}}</h2>
                    <p>{{ brandName() }} Energiestatus</p>
                </div>
            </div>
        </div>
        <div class="">
            <div class="add-new-menu-button text-right m-mt-10">
                <a class="btn btn-secondary" href="{{ route('menu.combo_list') }}" data-toggle="tooltip" data-placement="bottom" data-state="secondary" title="{{trans('action.ownMenuCombo')}}">
                    <i class="ion ion-md-grid mr-2"> </i><span class="d-mobile-none">{{trans('action.ownMenuCombo')}}</span>
                </a>

                <a href="{{ route('menu.show') }}" class="btn btn-success addMenuSetting_li" data-toggle="tooltip" data-placement="bottom" data-state="secondary" title="{{trans('action.menu_setting_list')}}">
                    <i class="ion ion-md-add mr-2"></i><span class="d-mobile-none">{{trans('action.menu_setting_list')}}</span>
                </a>

                <a href="{{ route('menu.submenu_show') }}" class="btn btn-primary addNewSubmenu" data-toggle="tooltip" data-placement="bottom" data-state="secondary" title="{{trans('action.add_subemnu')}}">
                    <i class="ion ion-md-add mr-2"></i><span class="d-mobile-none">{{trans('action.add_subemnu')}}</span>
                </a>
            </div>
        </div>
    </div>
    <div class="row mt-3">
        <div class="col-md-12">
            <div class="card">
                <div class="card-datatable table-responsive" id="card-datatable">
                    <table id="group-list" class="datatables-demo table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th>{{trans('action.sno')}}</th>
                                <th>{{trans('action.main_menu')}}</th>
                                <th>{{trans('action.sub_menu')}}</th>
                                <th>{{trans('action.red_min')}}</th>
                                <th>{{trans('action.red_max')}}</th>
                                <th>{{trans('action.orange_min')}}</th>
                                <th>{{trans('action.orange_max')}}</th>
                                <th>{{trans('action.green_min')}}</th>
                                <th>{{trans('action.green_max')}}</th>
                                <th>{{trans('action.Type')}}</th>
                                <th>{{trans('action.action')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(!empty($menus))
                                @foreach ($menus as $menu_sub)

                                @php $submenu_list ='' @endphp
                                @if (!empty($menu_sub->usersubmenus))
                                    @foreach ($menu_sub->usersubmenus as $key => $submenu)
                                        @php $submenu_list .=($key+1) .'&nbsp;'. $submenu->name.'</br>' @endphp
                                    @endforeach
                                @endif

                                <tr>
                                    <td>{{++$sl}}</td>

                                    <td>{{$menu_sub->name}}</td>
                                    <td>
                                        @forelse ($menu_sub->usersubmenus as $key => $submenu)
                                            <span class='badge badge-secondary'>{!! ($key+1).' '. $submenu->name !!}</span></br>
                                        @empty
                                            <span class='badge badge-outline-danger'>{{trans('action.not_available')}}</span>
                                        @endforelse
                                        <span class='badge badge-outline-success'></span>
                                        {{-- {!! $submenu_list !!} --}}
                                    </td>
                                    <td>{{$menu_sub->menuSetting[0]->red_min}}</td>
                                    <td>{{$menu_sub->menuSetting[0]->red_max}}</td>
                                    <td>{{$menu_sub->menuSetting[0]->orange_min}}</td>
                                    <td>{{$menu_sub->menuSetting[0]->orange_max}}</td>
                                    <td>{{$menu_sub->menuSetting[0]->green_min}}</td>
                                    <td>{{$menu_sub->menuSetting[0]->green_max}}</td>
                                    <td>
                                        {!! $menu_sub->menu_status ? "<span class='badge badge-outline-success'>". trans('action.Comboentrie') ."</span>" : "<span class='badge badge-outline-success'>". trans('action.Singleentrie') ."</span>" !!}

                                    </td>
                                    <td style="width: 8%">
                                        <div class="d-flex flex-column center-action-btns">
                                            <span class="act-btn edit-btn" style="max-width: fit-content;margin-bottom: 2px;">
                                                <a class="text-info" href="{{route('menu.edit',[$menu_sub->id])}}"><i class="fas fa-edit"></i>&nbsp;<span class="hide-table-btn-text">{{trans('action.edit')}}</span></a>
                                            </span>

                                            <span class="act-btn delete-btn" style="max-width: fit-content;margin-bottom: 2px;">
                                                <a class="text-danger deleteBTN" href="{{route('menu.delete',[$menu_sub->id])}}" data-id="{{ $menu_sub->id }}"><i class="fas fa-trash-alt"></i>&nbsp;<span class="hide-table-btn-text">{{trans('action.delete')}}</span></a>
                                            </span>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

</section>

@endsection