@extends('Frontend.partials.layout')
@section('styles')
    <link rel="stylesheet" href="{{ asset('/vendor/libs/bootstrap-select/bootstrap-select.css') }}">
    <link rel="stylesheet" href="{{ asset('/vendor/libs/select2/select2.css') }}">
    <style>
        .selectpicker{z-index: 1111!important;}

        .link-menu-id .dropdown-menu{
            z-index: 9999 !important;
        }
    </style>
@endsection
@section('content')
    <div class="container-flued">
        <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>{{trans('action.update_menu')}}</h2>
                        <p>{{ brandName() }} Energiestatus</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-12 mt-5">
            <div class="card">
                <div class="card-heading">
                    <div class="list-group list-group-flush account-settings-links">
                        <a class="list-group-item list-group-item-action active">
                            <i class="fas fa-edit">&nbsp;</i>{{trans('action.update_menu')}}
                        </a>
                    </div>
                </div>
                <form action="{{route('menu.combo_update',[$menu->id])}}" class="add_combo_menu_form" method="post">
                @csrf
                @method('PUT')
                    <div class="card-body">
                        <div class="form-group">
                            <label class="form-label mb-2">{{trans('action.ownMenuName')}}<span class="text-danger">*
                                </span>
                            </label>
                            <input type="text" class="form-control" placeholder="{{trans('action.own_menu_name_placeholder')}}" name="menu_name" value="{{$menu->name}}">
                        </div>

                        <div class="form-group">
                            <label class="form-label mb-2">{{trans('action.main_menu')}}</label>
                            <select class="selectpicker link-menu-id" multiple name="combo_menu_id[]" data-live-search="true" title="{{trans('action.nothingSelected')}}" data-count-selected-text= "{0} {{trans('action.page_heading1_menu_list')}}" data-selected-text-format="count > 1">
                               @foreach ($menu_lists as $key => $single_menu)
                                    <option value="{{($single_menu['type'] == 1) ? $single_menu['id'].'-sys' : $single_menu['id'].'-own'}}" @if($single_menu['isVisible']) selected="true" @endif>{{$single_menu['name']}} </option>
                                @endforeach
                            </select>
                        </div>

                        <label class="custom-control custom-checkbox mt-3" style="width: auto;">
                            <input type="checkbox" disabled="true" class="custom-control-input square" name="combo_status" @if($menu->menu_status == true) {{'checked'}} @endif>
                            <span class="custom-control-label"> {{trans('action.combo_status')}}</span>
                        </label>
                    </div>

                    <div class="card-footer text-right">
                        <a href="javascript:$('.add_combo_menu_form').submit()" class="btn btn-success">{{trans('action.update')}}</a>
                        <a href="{{route('menu.menus')}}" type="button" class="btn btn-default">{{trans('action.cancel')}}</a>
                    </div>
                </form>
            </div>
        </div>
    </div>

@endsection

@section('scripts')
    <script src="{{ asset('/vendor/libs/bootstrap-select/bootstrap-select.js') }}"></script>
    <script src="{{ asset('/vendor/libs/select2/select2.js') }}"></script>
@endsection