@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;}
        .add-menu .bootstrap-select .dropdown-menu .inner{
            max-height: 350px !important;
            overflow-y: auto !important;
        }
        .link_submenu_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>{{__('action.add_subemnu')}}</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-plus">&nbsp;</i>{{trans('action.submenu')}}
                        </a>
                    </div>
                </div>
                <form class="add_submenu_form" action="{{route('menu.store_submenu')}}" method="post">
                    <div class="card-body">
                        @csrf
                        <div class="form-group">
                            <label class="form-label mb-2">{{__('action.main_menu')}}<span class="text-danger">*</span></label>
                            <select class="custom-select" name="menu_id" required>
                                <option value="">{{__('action.chose_menu')}}</option>
                                @foreach ($menus as $menu)
                                @if ($menu->menu_status == 1) @continue @endif
                                    <option value="{{$menu->id}}"  @if ( Session::has('menu_id')){{ Session::get('menu_id') == $menu->id ? 'selected':'' }}@endif>{{$menu->name}}</option>
                                @endforeach
                            </select>
                            @if ($errors->has('menu_id'))
                                <span class="help-block text-danger alert-danger">
                                    <strong>{{ $errors->first('menu_id') }}</strong>
                                </span>
                            @endif
                        </div>

                        <div class="form-group">
                            <label class="form-label mb-2 ">{{__('action.sub_menu')}}<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" value="{{ old('submenu_name') }}" placeholder="{{__('action.submenu_name_error')}}" name="submenu_name">
                            @if ($errors->has('submenu_name'))
                                <span class="help-block text-danger alert-danger ">
                                    <p>{{ $errors->first('submenu_name') }}</p>
                                </span>
                            @endif
                        </div>

                        {{-- <div class="form-group">
                            <label class="form-label mb-2">{{__('action.showing')}} {{__('action.medium_mittel_tipp')}}</label>
                            <label class="switcher switcher-primary d-block">
                                <input type="checkbox" class="switcher-input" name="statusCMT">
                                <span class="switcher-indicator">
                                    <span class="switcher-yes"></span>
                                    <span class="switcher-no"></span>
                                </span>
                                <span class="switcher-label">{{__('action.check_me')}}</span>
                            </label>
                            @if ($errors->has('statusCMT'))
                                <span class="help-block text-danger alert-danger">
                                    <strong>{{ $errors->first('statusCMT') }}</strong>
                                </span>
                            @endif
                        </div> --}}
                        <div class="form-group">
                            <label class="form-label mb-2">{{__('action.sortingno')}}</label>
                            <input type="number" class="form-control" value="{{ old('sortingNo') }}" placeholder="{{__('action.sortingno')}}" name="sortingNo">
                            @if ($errors->has('sortingNo'))
                                <span class="help-block text-danger alert-danger">
                                    <strong>{{ $errors->first('sortingNo') }}</strong>
                                </span>
                            @endif
                        </div>

                        <div class="form-group">
                            <label class="form-label mb-2"> <b>{{__('action.select_analysis')}}</b> </label>
                            <div class="select2-dark">
                                <select class="selectpicker link_submenu_id" id=" link_submenu_id" multiple name=" link_submenu_id[]" data-live-search="true" title="{{__('action.nothingSelected')}}" data-count-selected-text= "{0} {{__('action.selectedsubmenus')}}" data-selected-text-format="count > 1">
                                    {{-- <option value="">{{__('action.select_sub_menu')}}</option> --}}
                                    @if(!empty($productSub))
                                        @foreach($productSub as $pro)
                                            @if(!empty($pro['submenu'][0]))
                                            <option value="{{ $pro['proId'] }}" disabled>{{ $pro['proName'] }}</option>
                                                @foreach($pro['submenu'] as $sub)
                                                    @if($pro['ownmenu'] == "yes")
                                                    @continue($sub->status == true);
                                                        <option value="{{ $sub->id }}-own" data-pro="{{ $sub->product_id }}" id="subid_{{$sub->id}}" {{ (!empty(old('cronsubmenu')) && in_array($sub->id."-own", old('cronsubmenu'))) ? "selected" : ""}}>{{ $sub->name }}</option>
                                                    @elseif($sub->type != 12)
                                                        <option value="{{ $sub->id }}-sub" data-pro="{{ $sub->product_id }}" id="subid_{{$sub->id}}" {{ (!empty(old('cronsubmenu')) && in_array($sub->id."-sub", old('cronsubmenu'))) ? "selected" : ""}}>{{ $sub->menu_name }}</option>
                                                    @endif
                                                @endforeach
                                            @endif
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                            <span class="invalid-feedback allmsg" role="alert">
                                <strong id="msg1"></strong>
                            </span>
                        </div>

                        <div class="card-footer text-right mt-3">
                            <a href="javascript:$('.add_submenu_form').submit()" class="btn btn-success">{{__('action.to_save')}}</a>&nbsp;
                            <a href="{{route('menu.menus')}}" type="button" class="btn btn-default">{{__('action.cancel')}}</a>
                        </div>

                    </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>
<script>
    if($('input[name="combo_status"]').is(':checked')) $('#menu_list').show();
    function ownMenuList(){
        var status = $('input[name="combo_status"]').is(':checked');
        if(status) $('#menu_list').show();
        else $('#menu_list').hide();
    }

    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        changeSelect()
    })

    // Select2
    function changeSelect() {
        $(".custom-select").select2({
            tags: true
        })
    }
</script>
@endsection