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

        .add-menu .bootstrap-select .dropdown-menu .inner{
            max-height: 350px !important;
            overflow-y: auto !important;
        }
        .box-header{
            padding: .75rem 1.25rem;
            margin-bottom: 0;
            background-color: #f5f5f5;
            border-top-right-radius: 4px;
            border-top-left-radius: 4px;
        }
    </style>
@endsection

@section('content')
<section class="add-menu">
    {{-- logo section --}}
    <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.update_menu')}}</h2>
                    <p>{{ brandName() }} Energiestatus</p>
                </div>
            </div>
        </div>
    </div>
    {{-- logo section End --}}

    {{-- Menu Setting box --}}
    <div class="row mt-2">
        <div class="col-md-12">
            <div class="card mt-4">
                <h6 class="card-header"><i class="fa fa-cogs mr-2"></i>{{ __('action.page_title_menu_setting') }}</h6>
                <div class="card-body">
                    <form action="{{route('menu.update_menu', [$menu->id])}}" method="post">
                    @csrf
                    @method('PUT')
                        <div class="form-group">
                            <label class="form-label mb-2">{{__('action.ownMenuName')}}<span class="text-danger">*</span></label>
                            <input type="text" class="form-control @if ($errors->has('menu_name')) is-invalid @endif"  placeholder="{{__('action.own_menu_name_placeholder')}}" name="menu_name" value="{{$menu->name}}">
                            @if ($errors->has('menu_name'))
                                <span class="text-danger small" role="alert">
                                    <strong>{{ $errors->first('menu_name') }}</strong>
                                </span>
                            @endif
                        </div>
                        <label class="custom-control custom-checkbox mt-3" style="width: auto;">
                            <input type="checkbox" onclick="menusetting()" class="custom-control-input square">
                            <span class="custom-control-label">{{__('action.page_title_menu_setting')}} </span>
                        </label>
                        <div class="text-right mt-3">
                            <button type="submit" class="btn btn-success"><i class="fa fa-edit mr-2"></i>{{__('action.update')}}</button>&nbsp;
                            <a href="{{route('menu.menus')}}" type="button" class="btn btn-default">{{__('action.cancel')}}</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    {{-- Menu Setting box End--}}

    {{-- Main & Submenu Setting box --}}
    <div class="row">
        <div class="col-lg-6 col-md-6 hide setting-head">
            {{-- Main Menu Setting box --}}
            <div class="card mt-4">
                <h6 class="card-header"><i class="fa fa-cogs mr-2"></i>{{ __('action.main_menu_setting') }}</h6>
                <div class="card-body">
                    <form class="row" action="{{route('menu.update_menusetting')}}" method="post">
                        @csrf
                        @method('PUT')
                            <input type="hidden" name="gs_menu_id" value="{{ $menu->id }}">

                            <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_min_price')) is-invalid @endif" placeholder="{{__('action.pmin_value')}}" name="gs_min_price" value="{{($menu->setting) ? $menu->setting->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_max_price')) is-invalid @endif" placeholder="{{__('action.pmaxmax_value')}}" name="gs_max_price" value="{{($menu->setting) ? $menu->setting->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 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" placeholder="{{__('action.red_min')}}" name="red_min" value="{{($menu->setting) ? $menu->setting->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" placeholder="{{__('action.red_max')}}" name="red_max" value="{{($menu->setting) ? $menu->setting->red_max : ''}}">
                            </div>
                            <div class="form-group col-md-6 text-warning">
                                <label class="form-label mb-2">{{__('action.orange_min')}}</label>
                                <input type="text" class="form-control @if ($errors->has('orange_min')) is-invalid @endif" placeholder="{{__('action.orange_min')}}" name="orange_min" value="{{($menu->setting) ? $menu->setting->orange_min : ''}}">
                            </div>
                            <div class="form-group col-md-6 text-warning">
                                <label class="form-label mb-2">{{__('action.orange_max')}}</label>
                                <input type="text" class="form-control @if ($errors->has('orange_max')) is-invalid @endif" placeholder="{{__('action.orange_max')}}" name="orange_max" value="{{($menu->setting) ? $menu->setting->orange_max : ''}}">
                            </div>
                            <div class="form-group col-md-6 text-success">
                                <label class="form-label mb-2">{{__('action.green_min')}}</label>
                                <input type="text" class="form-control @if ($errors->has('green_min')) is-invalid @endif" placeholder="{{__('action.green_min')}}" name="green_min" value="{{($menu->setting) ? $menu->setting->green_min : ''}}">
                            </div>
                            <div class="form-group col-md-6 text-success">
                                <label class="form-label mb-2">{{__('action.green_max')}}</label>
                                <input type="text" class="form-control @if ($errors->has('green_max')) is-invalid @endif" placeholder="{{__('action.green_max')}}" name="green_max" value="{{($menu->setting) ? $menu->setting->green_max : ''}}">
                            </div>
                            <div class="text-right mt-3">
                                <button type="submit" class="btn btn-success"><i class="fa fa-edit mr-2"></i>{{__('action.update')}}</button>&nbsp;
                                <a href="{{route('menu.menus')}}" type="button" class="btn btn-default">{{__('action.cancel')}}</a>
                            </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-lg-12 col-md-12 submenu-head">
            {{-- Submenu Setting box --}}
            <div class="card mt-4">
                <h6 class="card-header"><i class="fa fa-cogs mr-2"></i>{{ __('action.submenu_setting') }}</h6>
                <div class="card-body">
                    <form class="submenu_update" action="{{route('menu.update_submenu')}}" method="post">
                        @csrf
                        @method('PUT')
                        <div class="form-group">
                            <label class="form-label mb-2">{{__('action.select_submenu')}}<span class="text-danger">*</span></label>
                            <select class="custom-select" name="submenu_id" onchange="submenu()">
                                <option value="">{{__('action.Select')}}</option>
                                @if ($menu->usersubmenus)
                                    @foreach ($menu->usersubmenus as $sub)
                                        <option @if($sub->type != 12) value="{{ $sub->id }}-sub" @else value="{{ $sub->id }}-own" @endif data-linkid={{ $sub->id }} data-pro="{{ $sub->product_id }}" id="subid_{{$sub->id}}" {{ (!empty(old('cronsubmenu')) && ((in_array($sub->id."-sub", old('cronsubmenu'))) || in_array($sub->id."-own", old('cronsubmenu'))) ? "selected" : "")}}>{{ $sub->name ?? $sub->menu_name }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                        <div class="form-group remove hide">
                            <label class="form-label mb-2">{{__('action.sub_menu')}}<span class="text-danger">*</span></label>
                            <input type="text" class="form-control submenu_name" placeholder="{{__('action.sub_menu')}}" name="submenu_name" value="">
                            @if ($errors->has('submenu_name'))
                                <span class="text-danger small" role="alert">
                                    <strong>{{ $errors->first('submenu_name') }}</strong>
                                </span>
                            @endif
                        </div>
                        
                        <div class="form-group remove hide">
                            <label class="form-label mb-2">{{__('action.sortingno')}}<span class="text-danger">*</span></label>
                            <input type="number" class="form-control sortingNo" placeholder="{{__('action.sortingno')}}" name="sortingNo" value="">
                            @if ($errors->has('sortingNo'))
                                <span class="text-danger small" role="alert">
                                    <strong>{{ $errors->first('sortingNo') }}</strong>
                                </span>
                            @endif
                        </div>

                        <div class="form-group remove hide">
                            <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> --}}
                                    
                                    @foreach ($productSub as $item)
                                    @continue($item->submenus == null)
                                        <option value="{{ $item->id }}" disabled>{{ $item->product_name }}</option>
                                        @foreach ($item->submenus as $sub)
                                            <option @if($sub->type != 12) value="{{ $sub->id }}-sub" @else value="{{ $sub->id }}-own" @endif data-linkid={{ $sub->id }} data-pro="{{ $sub->product_id }}" id="subid_{{$sub->id}}" {{ (!empty(old('cronsubmenu')) && ((in_array($sub->id."-sub", old('cronsubmenu'))) || in_array($sub->id."-own", old('cronsubmenu'))) ? "selected" : "")}}>{{ $sub->name ?? $sub->menu_name }}</option>
                                        @endforeach
                                    @endforeach
                                </select>
                            </div>

                            <span class="invalid-feedback allmsg" role="alert">
                                <strong id="msg1"></strong>
                            </span>
                        </div>
                        <div class="text-right mt-3">
                            <a href="javascript:void(0)" onclick="submenu_delete()" class="btn btn-danger dlt_btn_submenu hide" ><i class="fa fa-trash mr-2"></i>{{__('action.delete')}}</a>&nbsp;
                            <button type="submit" class="btn btn-success btn-update-submenu hide"><i class="fa fa-edit mr-2"></i>{{__('action.update')}}</button>&nbsp;
                            <a href="{{ route('menu.submenu_show') }}" type="button" class="btn btn-primary"><i class="fa fa-plus mr-2"></i>{{trans('action.add_subemnu')}}</a>
                            {{-- <a href="{{route('menu.menus')}}" type="button" class="btn btn-default">{{__('action.cancel')}}</a> --}}
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    {{-- Main & Submenu Setting box End --}}
</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>

    function submenu_delete(){
        let id = $('select[name="submenu_id"] option:selected').val();
        Swal.fire({
            title: `{{__('action.entry_delete')}}`,
            text: `{{__('action.you_cant_revert')}}`,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#fb0404',
            cancelButtonColor: '#d33',
            confirmButtonText: `{{__('action.yes_delete')}}`,
            cancelButtonText:  `{{__('action.cancel')}}`,
        }).then((result) => {
            if (result.value) {
                $.ajax({
                    type: "GET",
                    dataType: "json",
                    url: "{{url('menu/submenu_delete')}}" +"/"+ id,
                    data: {
                        id: id
                    },
                    success: function(msg) {
                        $('.submenu_name').val('');
                        $('select[name="submenu_id"] option:selected').remove();
                        Swal.fire({
                            type: 'success',
                            title: "{{__('action.delete_success')}}",
                            showConfirmButton: false,
                            timer: 3500
                        });
                    }
                });
            }
        })
    }
    // Select2
    function changeSelect() {
        $(".custom-select").select2({
            tags: true
        })
    }
    function menusetting() {
        $('.setting-head').toggleClass('hide show');
        $('.submenu-head').toggleClass('col-md-12 col-md-6');
        $('.submenu-head').toggleClass('col-lg-12 col-lg-6');
    }
</script>
@endsection