@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;
        }

        .selectpicker ~ .dropdown-menu.show{
            position: relative !important;
            top: 0 !important;
        }

        #menu_list .selectpicker ~ .dropdown-menu.show {
            left: 0 !important;
            max-width: 100%;
        }
    </style>
@endsection
@section('content')

<section class="add-menu">
    <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.menu_setting_list')}}</h2>
                    <p>{{ brandName() }} Energiestatus</p>
                </div>
            </div>
        </div>
    </div>
    <form action="{{route('menu.store_menu')}}" method="post">
        @csrf
        <div class="row mt-2">
            <div class="col-md-12">
                <div class="card mt-4">
                    <h4 class="card-header">{{__('action.menu_setting_list')}}</h4>
                    <div class="card-body">
                        <div class="form-group">
                            <label class="form-label mb-2 ">{{__('action.ownMenuName')}}</label><label class="text-danger">*</label>
                            <input type="text" class="form-control  mt-1 @if ($errors->has('menu_name')) is-invalid @endif" value="{{old('menu_name')}}" placeholder="{{__('action.own_menu_name_placeholder')}}" name="menu_name">
                            @if ($errors->has('menu_name'))
                                <div class="text-danger">{{ $errors->first('menu_name') }}</div>
                                <p class="help-block"></p>
                            @endif

                            <label class="custom-control custom-checkbox mt-3" style="width: auto;">
                                <input type="checkbox" onclick="ownMenuList()" @if(Request::segment(2) == 'add_menu_combo' || old('combo_status') == 'on') checked @endif class="custom-control-input square" name="combo_status">
                                <span class="custom-control-label"> {{__('action.combo_status')}}</span>
                                
                            </label>
                            @if(Request::segment(2) != 'add_menu_combo')
                                <label class="custom-control custom-checkbox mt-3 setting-head @if(old('combo_status') == 'on') hide @endif" style="width: auto;">
                                    <input type="checkbox" onclick="$('#own-menu-setting').toggleClass('hide show');" class="custom-control-input square">
                                    <span class="custom-control-label">{{__('action.page_title_menu_setting')}} </span>
                                </label>
                            @endif

                            <div class="card-body hide" id="menu_list">
                                <div class="form-group">
                                    <label class="form-label mb-2">{{__('action.main_menu')}}</label>
                                    <select class="selectpicker" multiple name="combo_menu_id[]" data-live-search="true" title="{{__('action.nothingSelected')}}" data-count-selected-text= "{0} {{__('action.page_heading1_menu_list')}}" data-selected-text-format="count > 1">
                                        <option disabled value="">{{__('action.Select')}}</option>
                                        
                                        @foreach ($menus as $item)
                                            <option value="{{ $item->status == 2 ? $item->id.'-own' : $item->id.'-sys' }}">{{ $item->product_name }}</option>
                                        @endforeach
                                        
                                    </select>
                                    @if ($errors->has('combo_menu_id'))
                                    <span class="text-danger small" role="alert">
                                        <strong>{{ $errors->first('combo_menu_id') }}</strong>
                                    </span>
                                @endif
                                </div>
                            </div>
                        </div>

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

        @if(Request::segment(2) != 'add_menu_combo')
            <section class="hide" id="own-menu-setting">
                <div class="row mt-2">
                    <div class="col-md-12">
                        <div class="card mt-4">
                            <h4 class="card-header">{{__('action.menu_setting')}}</h4>
                            <div class="card-body">
                                @if(Request::segment(2) != 'add_menu_combo')
                                    
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label mb-2">{{__('action.pmin_value')}}</label>
                                            <input type="text" class="form-control @if ($errors->has('gs_menu_id')) is-invalid @endif" value="{{old('gs_min_price')}}" placeholder="{{__('action.pmin_value')}}" name="gs_min_price">
                                            @if ($errors->has('gs_min_price'))
                                                <span class="text-danger small" role="alert">
                                                    <strong>{{ $errors->first('gs_min_price') }}</strong>
                                                </span>
                                            @endif
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label class="form-label mb-2">{{__('action.pmaxmax_value')}}</label>
                                            <input type="text" class="form-control @if ($errors->has('gs_menu_id')) is-invalid @endif" value="{{old('gs_max_price')}}" placeholder="{{__('action.pmaxmax_value')}}" name="gs_max_price">
                                            @if ($errors->has('gs_max_price'))
                                                <span class="text-danger small" role="alert">
                                                    <strong>{{ $errors->first('gs_max_price') }}</strong>
                                                </span>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="row">

                                        <div class="form-group col-md-6">
                                            <label class="form-label mb-2 text-danger">{{__('action.red_min')}}</label>
                                            <input type="text" class="form-control @if ($errors->has('red_min')) is-invalid @endif" value="{{old('red_min')}}" placeholder="{{__('action.red_min')}}" name="red_min">
                                        </div>

                                        <div class="form-group col-md-6">
                                            <label class="form-label mb-2 text-danger">{{__('action.red_max')}}</label>
                                            <input type="text" class="form-control @if ($errors->has('red_max')) is-invalid @endif" value="{{old('red_max')}}" placeholder="{{__('action.red_max')}}" name="red_max">
                                        </div>

                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label mb-2 text-warning">{{__('action.orange_min')}}</label>
                                            <input type="text" class="form-control @if ($errors->has('orange_min')) is-invalid @endif" value="{{old('orange_min')}}" placeholder="{{__('action.orange_min')}}" name="orange_min">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label mb-2 text-warning">{{__('action.orange_max')}}</label>
                                            <input type="text" class="form-control @if ($errors->has('orange_max')) is-invalid @endif" value="{{old('orange_max')}}" placeholder="{{__('action.orange_max')}}" name="orange_max">
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <label class="form-label mb-2 text-success">{{__('action.green_min')}}</label>
                                            <input type="text" class="form-control @if ($errors->has('green_min')) is-invalid @endif" value="{{old('green_min')}}" placeholder="{{__('action.green_min')}}" name="green_min">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label class="form-label mb-2 text-success">{{__('action.green_max')}}</label>
                                            <input type="text" class="form-control @if ($errors->has('green_max')) is-invalid @endif" value="{{old('green_max')}}" placeholder="{{__('action.green_max')}}" name="green_max">
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="text-right mt-3">
                                            <button type="submit" class="btn btn-success">{{__('action.to_save')}}</button>&nbsp;
                                            <a href="{{route('menu.menus')}}" type="button" class="btn btn-default">{{__('action.cancel')}}</a>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        @endif
        
    </form>
</section>

@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').removeClass('hide');
    $('.setting-head input').prop("checked",false)
    function ownMenuList(){
        
        $('#menu_list').toggleClass('hide show') 
        $('.setting-head').toggleClass('show hide')
        $('.setting-head input').prop("checked",false)
        if($('#own-menu-setting').hasClass('show')) $('#own-menu-setting').toggleClass('show hide')
    }

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

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