@extends('admin.layout.master')
@section('title', 'PRODUCT SETTING')
@section('page')
    @endsection

@section('custom_style')
    <style>
        .custom_card {
            color: #fff;
            text-align: center;
        }
    </style>
@endsection

@section('content')
    <div class="card sina-card">
        <input type="hidden" name="_token" id="csrf-token" value="{{ Session::token() }}" />
        <div class="card-header card-header-s d-flex flex-wrap align-items-center">
            <h4 class="col-6 pl-0"> {{__('obs.product')}} {{__('obs.setting')}}</h4>
        </div>
        <div class="card-body">
            <div class="row" id="pro_setting_row">
                <div class="col-md-3 col-sm-6">
                    <div class="card">
                        <div class="card-header custom_card">
                           {{__('obs.setting')}}
                        </div>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">
                                <div class="form-check form-check-inline">
                                    <label class="text-nowrap mr-1"> {{__('obs.multi')}} {{__('obs.color')}}:</label>
                                    <label class="form-check-label mr-2 text-nowrap">
                                        <input class="form-check-input multi_color" onchange="gettingSettingInput()"
                                            type="radio" name="multi_color" value="1"
                                            @if ($data) {{ $data->multi_color == 1 ? 'checked' : '' }} @endif>
                                        {{__('obs.yes')}}
                                    </label>
                                    <label class="form-check-label text-nowrap">
                                        <input class="form-check-input multi_color" onchange="gettingSettingInput()"
                                            type="radio" name="multi_color" value="0"
                                            @if ($data) {{ $data->multi_color == 0 ? 'checked' : '' }} @endif>
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>

                            <li class="list-group-item">
                                <div class="form-check form-check-inline">
                                    <label class="text-nowrap mr-1"> {{__('obs.multi')}} {{__('obs.size')}}:</label>
                                    <label class="form-check-label mr-2">
                                        <input class="form-check-input multi_size" onchange="gettingSettingInput()"
                                            type="radio" name="multi_size" value='1'
                                            @if ($data) {{ $data->multi_size == 1 ? 'checked' : '' }} @endif>
                                       {{__('obs.yes')}}
                                    </label>
                                    <label class="form-check-label">
                                        <input class="form-check-input multi_size" onchange="gettingSettingInput()"
                                            type="radio" name="multi_size" value="0"
                                            @if ($data) {{ $data->multi_size == 0 ? 'checked' : '' }} @endif>
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>

                            <li class="list-group-item">
                                <div class="form-check form-check-inline">
                                    <label class="text-nowrap mr-1">Dual Unit:</label>
                                    <label class="form-check-label mr-2">
                                        <input class="form-check-input dual_unit" onchange="gettingSettingInput()"
                                            type="radio" name="dual_unit" value="1"
                                            @if ($data) {{ $data->dual_unit == 1 ? 'checked' : '' }} @endif>
                                        {{__('obs.yes')}}
                                    </label>
                                    <label class="form-check-label">
                                        <input class="form-check-input dual_unit" onchange="gettingSettingInput()"
                                            type="radio" name="dual_unit" value="0"
                                            @if ($data) {{ $data->dual_unit == 0 ? 'checked' : '' }} @endif>
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                        </ul>

                        <input type="hidden" id="db_id"
                            @if (!empty($data)) value="{{ $data->id }}" @else value="" @endif
                            name="id" />
                    </div>
                </div>
                {{-- blank object --}}
                <div class="col-md-3 col-sm-6 px-1">
                    <div class="card">
                        <div class="card-header custom_card">
                            <input type="text" id="label-name-0" name="label_name_0" value="" data-key="label_name" data-value="label_name" class="form-control" placeholder="Heading Label">
                        </div>
                        <ul class="list-group list-group-flush"> 
                            <li class="list-group-item">
                                <label>{{__('obs.required')}}:</label>
                                <div class="form-check form-check-inline">
                                    <label class="form-check-label mr-2">
                                        <input class="form-check-input required-0"
                                            type="radio"
                                            name="required_0"
                                            value="required"/>
                                        {{__('obs.yes')}}
                                    </label>
                                    <label class="form-check-label">
                                        <input class="form-check-input required-0"
                                            type="radio"
                                            name="required_0"
                                            value=""/>
                                        {{__('obs.no')}}

                                    </label>
                                </div>
                            </li> 
                            <li class="list-group-item">
                                <label>{{__('obs.hide')}}:</label>
                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input hide-0"
                                            type="radio"
                                            name="hide_0" value='display:none' >
                                        {{__('obs.yes')}}
                                    </label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input hide-0"
                                            type="radio"
                                            name="hide_0" value="">
                                       {{__('obs.no')}}
                                    </label>
                                </div>
                            </li> 
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_0" value=""
                                    id="name-0"
                                    class="form-control" />
                            </li> 
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_0" value=""
                                    id="sorting-0"
                                    class="form-control"/>
                            </li> 
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_0" value=""
                                    id="width-0"
                                    class="form-control" />
                            </li> 
                            <li class="list-group-item text-center">
                                <button type="button" class="btn btn-info btn-sm" onclick="objAddToForm()">+</button>
                            </li> 
                        </ul>
                    </div>
                </div>
                {{-- end blank object --}}


                {{-- <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                            <input type="text" name="label" placeholder="Example: Category">
                        </div>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">
                                <label>{{__('obs.required')}}:</label>
                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-1"
                                            {{ gettingProductSettingInputValue('category', 'is_required', 'required', $form_object) }}
                                            onchange="gettingInput('category',1)" type="radio" name="required_1"
                                            value="required" />
                                       {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-1"
                                            {{ gettingProductSettingInputValue('category', 'is_required', '', $form_object) }}
                                            onchange="gettingInput('category',1)" type="radio" name="required_1"
                                            value="">
                                       {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.hide')}}:</label>
                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input hide-1"
                                            {{ gettingProductSettingInputValue('category', 'hide', 'display:none', $form_object) }}
                                            onchange="gettingInput('category',1)" type="radio" name="hide_1"
                                            value='display:none'>
                                        {{__('obs.yes')}}
                                    </label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input hide-1"
                                            {{ gettingProductSettingInputValue('category', 'hide', '', $form_object) }}
                                            onchange="gettingInput('category',1)" type="radio" name="hide_1"
                                            value="">
                                       {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_1"
                                    value="{{ gettingProductSettingInputValue('category', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('category',1)" id="name-1" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_1"
                                    value="{{ gettingProductSettingInputValue('category', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('category',1)" id="width-1" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number"
                                    value="{{ gettingProductSettingInputValue('category', 'sorting', '', $form_object) }}"
                                    name="sorting_1" onkeyup="gettingInput('category',1)" id="sorting-1"
                                    class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>  --}}
                {{-- @foreach ($form_object as $key => $val)
                     {{$key . '</br>'}};
                    // array_push($test,$val);
                    @foreach ($val as $vkey => $value)
                        echo $vkey . $value . '</br>';
                    @endforeach
                @endforeach --}} 

                {{-- @foreach ($form_object as $key => $val)
                    <div class="col-md-3 col-sm-6 px-1">
                        <div class="card">
                            <div class="card-header custom_card">
                                {{ $key }}
                            </div>
                            <ul class="list-group list-group-flush">
                                @foreach ($val as $vkey => $value) 
                                    @if ($vkey == 'is_required')
                                        <li class="list-group-item">
                                            <label>{{__('obs.required')}}:</label>
                                            <div class="form-check form-check-inline">
                                                <label class="form-check-label mr-2">
                                                    <input class="form-check-input required-2"
                                                        onchange='gettingInput({{ $key }})' type="radio"
                                                        name="required_{{ $key }}-{{ $vkey }}-1"
                                                        value="required" {{ $value == 'required' ? 'checked' : null }} />
                                                    {{__('obs.yes')}}

                                                </label>
                                                <label class="form-check-label">
                                                    <input class="form-check-input required-2"
                                                        onchange="gettingInput({{ $key }})" type="radio"
                                                        name="required_{{ $key }}-{{ $vkey }}-2"
                                                        value="" {{ $value == '' ? 'checked' : null }} />
                                                    {{__('obs.no')}}

                                                </label>
                                            </div>
                                        </li>
                                    @endif
                                    @if ($vkey == 'hide')
                                        <li class="list-group-item">
                                            <label>{{__('obs.hide')}}:</label>
                                            <div class="form-check form-check-inline">
                                                <label class="form-check-label">
                                                    <input class="form-check-input hide-2"
                                                        onchange="gettingInput({{ $key }})" type="radio"
                                                        name="hide_2" value='display:none' {{ $value == 'display:none' ? 'checked' : null }}>
                                                    {{__('obs.yes')}}
                                                </label>
                                            </div>
                                            <div class="form-check form-check-inline">
                                                <label class="form-check-label">
                                                    <input class="form-check-input hide-2"
                                                        onchange="gettingInput({{ $key }})" type="radio"
                                                        name="hide_2" value="" {{ $value == '' ? 'checked' : null }}>
                                                   {{__('obs.no')}}
                                                </label>
                                            </div>
                                        </li>
                                    @endif

                                    @if ($vkey == 'name')
                                        <li class="list-group-item">
                                            <label>{{__('obs.name')}}:</label>
                                            <input type="text" name="name_2" value="{{ $value }}"
                                                onkeyup="gettingInput({{ $key }})" id="name-2"
                                                class="form-control" />
                                        </li>
                                    @endif

                                    @if ($vkey == 'width')
                                        <li class="list-group-item">
                                            <label>:{{__('obs.width')}}:</label>
                                            <input type="text" name="width_2" value="{{ $value }}"
                                                onkeyup="gettingInput({{ $key }})" id="width-2"
                                                class="form-control" />
                                        </li>
                                    @endif

                                    @if ($vkey == 'sorting')
                                        <li class="list-group-item">
                                            <label>{{__('obs.sorting')}}:</label>
                                            <input type="number" name="sorting_2" value="{{ $value }}"
                                                onkeyup="gettingInput({{ $key }})" id="sorting-2"
                                                class="form-control" />
                                        </li>
                                    @endif
                                @endforeach
                            </ul>
                        </div>
                    </div>
                @endforeach --}}
                {{-- <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                            {{__('obs.sub')}} {{__('obs.category')}}
                        </div>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">
                                <label>{{__('obs.required')}}:</label>
                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-2"
                                            {{ gettingProductSettingInputValue('subcategory', 'is_required', 'required', $form_object) }}
                                            onchange="gettingInput('subcategory',2)" type="radio" name="required_2"
                                            value="required">
                                       {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-2"
                                            {{ gettingProductSettingInputValue('subcategory', 'is_required', '', $form_object) }}
                                            onchange="gettingInput('subcategory',2)" type="radio" name="required_2"
                                            value="">
                                         {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>

                            <li class="list-group-item">
                                <label>{{__('obs.hide')}}:</label>
                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input hide-2" onchange="gettingInput('subcategory',2)"
                                            type="radio" name="hide_2" value='display:none'
                                            {{ gettingProductSettingInputValue('subcategory', 'hide', 'display:none', $form_object) }}>
                                        {{__('obs.'yes)}}
                                    </label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input hide-2" onchange="gettingInput('subcategory',2)"
                                            type="radio" name="hide_2" value=""
                                            {{ gettingProductSettingInputValue('subcategory', 'hide', '', $form_object) }}>
                                       {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>

                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_2"
                                    value="{{ gettingProductSettingInputValue('subcategory', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('subcategory',2)" id="name-2" class="form-control" />
                            </li>

                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_2"
                                    value="{{ gettingProductSettingInputValue('subcategory', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('subcategory',2)" id="width-2" class="form-control" />
                            </li>

                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_2"
                                    value="{{ gettingProductSettingInputValue('subcategory', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('subcategory',2)" id="sorting-2" class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>  --}}
            </div>
            <div class="text-center">
                <button type="button" class="btn btn-primary btn-sm" onclick="submitForm()">{{__('obs.submit')}}</button>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        let formObj = {};
        let SettingObj = {
            'multi_color': '',
            'multi_size': '',
            'dual_unit': '',
        };


        $(document).ready(function() {
            var staticForm = ''; 

            if (typeof @json($data) !== 'undefined' || $data !== '') {
                formObj = JSON.parse(@json($data).form_object)
                console.log(formObj, "formObj");
                SettingObj = JSON.parse(@json($data).setting_object)

                Object.keys(formObj)c
                    // console.log(formObj[key].name);
                    staticForm +=  `<div class="col-md-3 col-sm-6 px-1">
                        <div class="card">
                            <div class="card-header custom_card">
                                <input type="text" onchange="gettingInput('${key}')" id='label_name_${key}' name="label_name_${key}" value="${key}" data-key="${key}" data-value="label_name" class="form-control" placeholder="Heading Label" />
                            </div>
                            <div class="">
                                <ul class="list-group list-group-flush">
                                    <li class="list-group-item">
                                        <label>{{__('obs.required')}}:</label>
                                        <div class="form-check form-check-inline">
                                            <label class="form-check-label mr-2">
                                                <input class="form-check-input required-${key}"
                                                    onchange='gettingInput('${key}')' type="radio"
                                                    name="required_${key}"
                                                    value="required" ${formObj[key].is_required == 'required' ? 'checked' : null }
                                                    data-key="${key}" data-value="required"
                                                />
                                               {{__('obs.yes')}}
                                            </label>
                                            <label class="form-check-label">
                                                <input class="form-check-input required-${key}"
                                                     type="radio"
                                                    name="required_${key}"
                                                    value="" ${formObj[key].is_required == '' ? 'checked' : null }
                                                    data-key="${key}" data-value="required"
                                                />
                                               {{__('obs.no')}}
                                            </label>
                                        </div>
                                    </li>
                                    
                                    <li class="list-group-item">
                                        <label>{{__('obs.hide')}}:</label>
                                        <div class="form-check form-check-inline">
                                            <label class="form-check-label">
                                                <input class="form-check-input hide-${key}"
                                                    onchange="gettingInput('${key}')" type="radio"
                                                    name="hide_${key}" value='display:none'  ${formObj[key].hide == 'display:none' ? 'checked' : null }
                                                    data-key="${key}" data-value="hide"
                                                >
                                               {{__('obs.yes')}}
                                            </label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <label class="form-check-label">
                                                <input class="form-check-input hide-${key}"
                                                    onchange="gettingInput('${key}')" type="radio"
                                                    name="hide_${key}" value="" ${formObj[key].hide == '' ? 'checked' : null }
                                                    data-key="${key}" data-value="hide"
                                                    >
                                               {{__('obs.no')}}
                                            </label>
                                        </div>
                                    </li>

                                    <li class="list-group-item">
                                        <label>{{__('obs.name')}}:</label>
                                        <input type="text" name="name_${key}" value="${formObj[key].name}"
                                            onkeyup="gettingInput('${key}')" id="name-${key}"
                                            class="form-control" data-key="${key}" data-value="name"/>
                                    </li>

                                    <li class="list-group-item">
                                        <label>{{__('obs.sorting')}}:</label>
                                        <input type="number" name="sorting_${key}" value="${formObj[key].sorting}"
                                            onkeyup="gettingInput('${key}')" id="sorting-${key}"
                                            class="form-control" data-key="${key}" data-value="sorting"/>
                                    </li>

                                    <li class="list-group-item">
                                        <label>{{__('obs.width')}}:</label>
                                        <input type="text" name="width_${key}" value="${formObj[key].width}"
                                            onkeyup="gettingInput('${key}')" id="width-${key}"
                                            class="form-control" data-key="${key}" data-value="width"/>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>`;
                });

                $('#pro_setting_row').append(staticForm);
            }
        }); 
        // Note: For add to form ...
        function objAddToForm() {
            var obj_label = $('#label-name-0').val();
            var required = $(`input[name=required_0].required-0:checked`).val();
            var hide = $(`input[name=hide_0].hide-0:checked`).val();
            var name = $('#name-0').val();
            var sorting = $('#sorting-0').val();
            var width = $('#width-0').val();
            // console.log('objAddToForm:', obj_label + '<br/>' + required + '<br/>' + hide + '<br/>' + name + '<br/>' + sorting + '<br/>' + width);

            addCardToForm =  `<div class="col-md-3 col-sm-6 px-1">
                        <div class="card">
                            <div class="card-header custom_card">
                                <input type="text" onchange="gettingInput('${obj_label}')" id='label_name_${obj_label}' name="label_name_${obj_label}" value="${obj_label}" data-key="${obj_label}" data-value="label_name" class="form-control" placeholder="Heading Label" />
                            </div>
                            <div class="">
                                <ul class="list-group list-group-flush">
                                    <li class="list-group-item">
                                        <label>{{__('obs.required')}}:</label>
                                        <div class="form-check form-check-inline">
                                            <label class="form-check-label mr-2">
                                                <input class="form-check-input required-${obj_label}"
                                                    onchange='gettingInput('${obj_label}')' type="radio"
                                                    name="required_${obj_label}"
                                                    value="required" ${required == 'required' ? 'checked' : null }
                                                    data-key="${obj_label}" data-value="required"
                                                />
                                                {{__('obs.yes')}}
                                            </label>
                                            <label class="form-check-label">
                                                <input class="form-check-input required-${obj_label}"
                                                     type="radio"
                                                    name="required_${obj_label}"
                                                    value="" ${required == '' ? 'checked' : null }
                                                    data-key="${obj_label}" data-value="required"
                                                />
                                                {{__('obs.no')}}
                                            </label>
                                        </div>
                                    </li>
                                    
                                    <li class="list-group-item">
                                        <label>{{__('obs.hide')}}:</label>
                                        <div class="form-check form-check-inline">
                                            <label class="form-check-label">
                                                <input class="form-check-input hide-${obj_label}"
                                                    onchange="gettingInput('${obj_label}')" type="radio"
                                                    name="hide_${obj_label}" value='display:none'  ${hide == 'display:none' ? 'checked' : null }
                                                    data-key="${obj_label}" data-value="hide"
                                                >
                                               {{__('obs.yes')}}
                                            </label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <label class="form-check-label">
                                                <input class="form-check-input hide-${obj_label}"
                                                    onchange="gettingInput('${obj_label}')" type="radio"
                                                    name="hide_${obj_label}" value="" ${hide == '' ? 'checked' : null }
                                                    data-key="${obj_label}" data-value="hide"
                                                    >
                                               {{__('obs.no')}}
                                            </label>
                                        </div>
                                    </li>

                                    <li class="list-group-item">
                                        <label>{{__('obs.name')}}:</label>
                                        <input type="text" name="name_${obj_label}" value="${name}"
                                            onkeyup="gettingInput('${obj_label}')" id="name-${obj_label}"
                                            class="form-control" data-key="${obj_label}" data-value="name"/>
                                    </li>

                                    <li class="list-group-item">
                                        <label>{{__('obs.sorting')}}:</label>
                                        <input type="number" name="sorting_${obj_label}" value="${sorting}"
                                            onkeyup="gettingInput('${obj_label}')" id="sorting-${obj_label}"
                                            class="form-control" data-key="${obj_label}" data-value="sorting"/>
                                    </li>

                                    <li class="list-group-item">
                                        <label>{{__('obs.width')}}:</label>
                                        <input type="text" name="width_${obj_label}" value="${width}"
                                            onkeyup="gettingInput('${obj_label}')" id="width-${obj_label}"
                                            class="form-control" data-key="${obj_label}" data-value="width"/>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>`;
                $('#pro_setting_row').prepend(addCardToForm);

                formObj[obj_label] = {
                    'is_required': $(`input[name=required_${obj_label}].required-${obj_label}:checked`).val(),
                    'hide': $(`input[name=hide_${obj_label}].hide-${obj_label}:checked`).val(),
                    'name': $('#name-' + obj_label).val(),
                    'sorting': $('#sorting-' + obj_label).val(),
                    'width': $('#width-' + obj_label).val(),
                }
                
                $('#label-name-0').val('');
                $(`input[name=required_0]`).prop('checked', false);
                $(`input[name=hide_0]`).prop('checked', false);
                $('#name-0').val('');
                $('#sorting-0').val('');
                $('#width-0').val('');
                console.log(formObj, "preapend==");
        }
        // Note: For form object ...
        function gettingInput(title) {  
            if (formObj[title]) {
                // formObj[title] = $(`#label_name_${title}`).attr('data-key'),
                formObj[title].is_required = $(`input[name=required_${title}].required-${title}:checked`).val(),
                formObj[title].hide = $(`input[name=hide_${title}].hide-${title}:checked`).val(),
                formObj[title].name = $('#name-' + title).val(),
                formObj[title].sorting = $('#sorting-' + title).val(),
                formObj[title].width = $('#width-' + title).val()
            } else {
                formObj[title] = {
                    'is_required': $(`input[name=required_${title}].required-${title}:checked`).val(),
                    'hide': $(`input[name=hide_${title}].hide-${title}:checked`).val(),
                    'name': $('#name-' + title).val(),
                    'sorting': $('#sorting-' + title).val(),
                    'width': $('#width-' + title).val(),
                }
            }
        }

        // Note: For setting object ...
        function gettingSettingInput() {
            SettingObj.multi_color = $(`input[name=multi_color].multi_color:checked`).val();
            SettingObj.multi_size = $(`input[name=multi_size].multi_size:checked`).val();
            SettingObj.dual_unit = $(`input[name=dual_unit].dual_unit:checked`).val();

        }

        function submitForm() {
            ajaxCall('/product-setting/update/', 'POST', {
                id: $('#db_id').val(),
                multi_color: SettingObj.multi_color,
                multi_size: SettingObj.multi_size,
                dual_unit: SettingObj.dual_unit,
                form_object: JSON.stringify(formObj),
                setting_object: JSON.stringify(SettingObj),
            }, (data) => {
                $('#db_id').val(data.id),
                    successMessage(data.message);
            }, (errors) => {

            });
        }

        function successMessage(message) {
            const Toast = Swal.mixin({
                toast: true,
                position: 'top-end',
                showConfirmButton: false,
                timer: 3000,
                timerProgressBar: true,
                didOpen: (toast) => {
                    toast.addEventListener('mouseenter', Swal.stopTimer)
                    toast.addEventListener('mouseleave', Swal.resumeTimer)
                }
            })

            Toast.fire({
                icon: 'success',
                title: message
            })
        }
    </script>
@endsection