@extends('Frontend.partials.layout')

@section('content')
<section class="menu-list">
    <div class="row">
        <div class="col-md-6">
            <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>{{__('action.main_menu')}}&nbsp;{{__('action.page_heading1_cron_view')}}</h2>
                    <p>{{ brandName() }} Energiestatus</p>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="add-new-menu-button text-right">
                <a href="{{ route('menu.add.combo') }}">
                    <button class="btn btn-success">
                    <i class="ion ion-md-add mr-2"></i> {{__('action.menu_setting_list')}}
                    </button>
                </a>
            </div>
        </div>
    </div>
    <div class="row mt-3">
        <div class="col-md-12">
            <div class="card">
                <div class="card-datatable table-responsive">
                    <table id="combo-menu-lists" class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th width="5%">{{__('action.sno')}}</th>
                                <th>{{__('action.name')}}</th>
                                <th>{{__('action.status')}}</th>
                                <th width="12%" order="false">{{__('action.action')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(count($menus)>= 0)
                            @foreach ($menus as $menu)
                            <tr>
                                <td>{{++$sl}}</td>
                                <td>{{$menu->name}}</td>
                                <td>
                                    @if ($menu->menu_status == 1) {{'Combo'}}
                                    @else {{__('action.single')}}
                                    @endif
                                </td>
                                <td>
                                    <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.combo_edit',[$menu->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.combo_delete',[$menu->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
@section('scripts')
<script>
    $(document).ready(function() {
        $("#combo-menu-lists").DataTable({
            columnDefs: [
                { targets: [0,2,3], orderable: false } // Disable sorting for columns 2 and 3
            ]
        });
    })
</script>
@endsection