@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">
                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                            {{__('obs.setting')}}
                        </div>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">
                                <label> {{__('obs.multi')}} {{__('obs.color')}}:</label>
                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <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>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <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">
                                <label> {{__('obs.multi')}} {{__('obs.size')}}:</label>
                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <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>
                                </div>

                                <div class="form-check form-check-inline">
                                    <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">
                                <label> {{__('obs.dual')}} {{__('obs.unit')}}</label>
                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <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>
                                </div>

                                <div class="form-check form-check-inline">
                                    <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>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                            {{__('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-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>

                <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 class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                           {{__('obs.sub')}} {{__('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-3"
                                            {{ gettingProductSettingInputValue('sub_subcategory', 'is_required', 'required', $form_object) }}
                                            onchange="gettingInput('sub_subcategory',3)" type="radio" name="required_3"
                                            value="required">
                                       {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-3"
                                            {{ gettingProductSettingInputValue('sub_subcategory', 'is_required', '', $form_object) }}
                                            onchange="gettingInput('sub_subcategory',3)" type="radio" name="required_3"
                                            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-3"
                                            {{ gettingProductSettingInputValue('sub_subcategory', 'hide', 'display:none', $form_object) }}
                                            onchange="gettingInput('sub_subcategory',3)" type="radio" name="hide_3"
                                            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-3"
                                            {{ gettingProductSettingInputValue('subcategory', 'hide', '', $form_object) }}
                                            onchange="gettingInput('sub_subcategory',3)" type="radio" name="hide_3"
                                            value="">
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_3" onkeyup="gettingInput('sub_subcategory',3)"
                                    id="name-3"
                                    value="{{ gettingProductSettingInputValue('sub_subcategory', 'name', '', $form_object) }}"
                                    class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_3" onkeyup="gettingInput('sub_subcategory',3)"
                                    id="width-3"
                                    value="{{ gettingProductSettingInputValue('sub_subcategory', 'width', '', $form_object) }}"
                                    class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number"
                                    value="{{ gettingProductSettingInputValue('sub_subcategory', 'sorting', '', $form_object) }}"
                                    name="sorting_3" onkeyup="gettingInput('sub_subcategory',3)" id="sorting-3"
                                    class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                            {{__('obs.name')}}
                        </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-4" onchange="gettingInput('name',4)"
                                            {{ gettingProductSettingInputValue('name', 'is_required', 'required', $form_object) }}
                                            type="radio" name="required_4" value="required">
                                       {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-4" onchange="gettingInput('name',4)"
                                            {{ gettingProductSettingInputValue('name', 'is_required', '', $form_object) }}
                                            type="radio" name="required_4" 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-4" onchange="gettingInput('name',4)"
                                            {{ gettingProductSettingInputValue('name', 'hide', 'display:none', $form_object) }}
                                            type="radio" name="hide_4" 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-4" onchange="gettingInput('name',4)"
                                            {{ gettingProductSettingInputValue('name', 'hide', '', $form_object) }}
                                            type="radio" name="hide_4" value="">
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}</label>
                                <input type="text" name="name_4"
                                    value="{{ gettingProductSettingInputValue('name', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('name',4)" id="name-4" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_4"
                                    value="{{ gettingProductSettingInputValue('name', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('name',4)" id="width-4" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.Sorting')}}:</label>
                                <input type="number" name="sorting_4"
                                    value="{{ gettingProductSettingInputValue('name', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('name',4)" id="sorting-4" class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                             {{__('obs.local')}} {{__('obs.name')}}
                        </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-5" onchange="gettingInput('local_name',5)"
                                            {{ gettingProductSettingInputValue('local_name', 'is_required', 'required', $form_object) }}
                                            type="radio" name="required_5" value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-5" onchange="gettingInput('local_name',5)"
                                            {{ gettingProductSettingInputValue('local_name', 'is_required', '', $form_object) }}
                                            type="radio" name="required_5" 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-5"
                                            {{ gettingProductSettingInputValue('local_name', 'hide', 'display:none', $form_object) }}
                                            onchange="gettingInput('local_name',5)" type="radio" name="hide_5"
                                            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-5" onchange="gettingInput('local_name',5)"
                                            {{ gettingProductSettingInputValue('loca_name', 'hide', '', $form_object) }}
                                            type="radio" name="hide_5" value="">
                                       {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_5" onkeyup="gettingInput('local_name',5)"
                                    id="name-5" class="form-control"
                                    value="{{ gettingProductSettingInputValue('local_name', 'name', '', $form_object) }}" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_5" onkeyup="gettingInput('local_name',5)"
                                    id="width-5" class="form-control"
                                    value="{{ gettingProductSettingInputValue('local_name', 'width', '', $form_object) }}" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_5"
                                    value="{{ gettingProductSettingInputValue('local_name', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('local_name',5)" id="sorting-5" class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                            Barcode
                        </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-6"
                                            {{ gettingProductSettingInputValue('barcode', 'is_required', 'required', $form_object) }}
                                            onchange="gettingInput('barcode',6)" type="radio" name="required_6"
                                            value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-6" onchange="gettingInput('barcode',6)"
                                            {{ gettingProductSettingInputValue('barcode', 'is_required', '', $form_object) }}
                                            type="radio" name="required_6" 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-6" onchange="gettingInput('barcode',6)"
                                            {{ gettingProductSettingInputValue('barcode', 'hide', 'display:none', $form_object) }}
                                            type="radio" name="hide_6" value='display:none'>
                                        Yes
                                    </label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input hide-6" onchange="gettingInput('barcode',6)"
                                            {{ gettingProductSettingInputValue('barcode', 'hide', '', $form_object) }}
                                            type="radio" name="hide_6" value="">
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_6"
                                    value="{{ gettingProductSettingInputValue('barcode', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('barcode',6)" id="name-6" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_6" onkeyup="gettingInput('barcode',6)" id="width-6"
                                    class="form-control"
                                    value="{{ gettingProductSettingInputValue('barcode', 'width', '', $form_object) }}" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_6"
                                    value="{{ gettingProductSettingInputValue('barcode', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('barcode',6)" id="sorting-6" class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                            {{__('obs.unit')}}
                        </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-7" onchange="gettingInput('unit',7)"
                                            {{ gettingProductSettingInputValue('unit', 'is_required', 'required', $form_object) }}
                                            type="radio" name="required_7" value="required">
                                       {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-7" onchange="gettingInput('unit',7)"
                                            {{ gettingProductSettingInputValue('unit', 'is_required', '', $form_object) }}
                                            type="radio" name="required_7" value="">
                                         {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>Hide:</label>
                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input hide-7" onchange="gettingInput('unit',7)"
                                            {{ gettingProductSettingInputValue('unit', 'hide', 'display:none', $form_object) }}
                                            type="radio" name="hide_7" 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-7" onchange="gettingInput('unit',7)"
                                            {{ gettingProductSettingInputValue('unit', 'hide', '', $form_object) }}
                                            type="radio" name="hide_7" value="">
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_7"
                                    value="{{ gettingProductSettingInputValue('unit', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('unit',7)" id="name-7" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_7"
                                    value="{{ gettingProductSettingInputValue('unit', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('unit',7)" id="width-7" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_7"
                                    value="{{ gettingProductSettingInputValue('unit', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('unit',7)" id="sorting-7" class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                             {{__('obs.buy')}} {{__('obs.price')}}
                        </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-8" onchange="gettingInput('buy_price',8)"
                                            {{ gettingProductSettingInputValue('buy_price', 'is_required', 'required', $form_object) }}
                                            type="radio" name="required_8" value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-8" onchange="gettingInput('buy_price',8)"
                                            {{ gettingProductSettingInputValue('buy_price', 'is_required', '', $form_object) }}
                                            type="radio" name="required_8" 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-8" onchange="gettingInput('buy_price',8)"
                                            {{ gettingProductSettingInputValue('buy_price', 'hide', 'display:none', $form_object) }}
                                            type="radio" name="hide_8" 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-8" onchange="gettingInput('buy_price',8)"
                                            {{ gettingProductSettingInputValue('buy_price', 'hide', '', $form_object) }}
                                            type="radio" name="hide_8" value="">
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text"
                                    value="{{ gettingProductSettingInputValue('buy_price', 'name', '', $form_object) }}"
                                    name="name_8" onkeyup="gettingInput('buy_price',8)" id="name-8"
                                    class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text"
                                    value="{{ gettingProductSettingInputValue('buy_price', 'width', '', $form_object) }}"
                                    name="width_8" onkeyup="gettingInput('buy_price',8)" id="width-8"
                                    class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting') }}:</label>
                                <input type="number"
                                    value="{{ gettingProductSettingInputValue('buy_price', 'sorting', '', $form_object) }}"
                                    name="sorting_8" onkeyup="gettingInput('buy_price',8)" id="sorting-8"
                                    class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                           {{__('obs.short')}} {{__('obs.name')}}
                        </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-9" onchange="gettingInput('short_name',9)"
                                            {{ gettingProductSettingInputValue('short_name', 'is_required', 'required', $form_object) }}
                                            type="radio" name="required_9" value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-9" onchange="gettingInput('short_name',9)"
                                            {{ gettingProductSettingInputValue('short_name', 'is_required', '', $form_object) }}
                                            type="radio" name="required_9" 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-9" onchange="gettingInput('short_name',9)"
                                            {{ gettingProductSettingInputValue('short_name', 'hide', 'display:none', $form_object) }}
                                            type="radio" name="hide_9" 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-9" onchange="gettingInput('short_name',9)"
                                            {{ gettingProductSettingInputValue('short_name', 'hide', '', $form_object) }}
                                            type="radio" name="hide_9" value="">
                                      {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_9" onkeyup="gettingInp{{__('obs.')}}:ut('short_name',9)"
                                    id="name-9" class="form-control"
                                    value="{{ gettingProductSettingInputValue('short_name', 'name', '', $form_object) }}" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_9" onkeyup="gettingInput('short_name',9)"
                                    id="width-9" class="form-control"
                                    value="{{ gettingProductSettingInputValue('short_name', 'width', '', $form_object) }}" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_9" onkeyup="gettingInput('short_name',9)"
                                    id="sorting-9" class="form-control"
                                    value="{{ gettingProductSettingInputValue('short_name', 'sorting', '', $form_object) }}" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">Sell Price Code
                        </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-10"
                                            {{ gettingProductSettingInputValue('sell_price_code', 'is_required', 'required', $form_object) }}
                                            onchange="gettingInput('sell_price_code',10)" type="radio"
                                            name="required_10" value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-10"
                                            {{ gettingProductSettingInputValue('sell_price_code', 'is_required', '', $form_object) }}
                                            onchange="gettingInput('sell_price_code',10)" type="radio"
                                            name="required_10" 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-10"
                                            {{ gettingProductSettingInputValue('sell_price_code', 'hide', 'display:none', $form_object) }}
                                            onchange="gettingInput('sell_price_code',10)" type="radio" name="hide_10"
                                            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-10"
                                            {{ gettingProductSettingInputValue('sell_price_code', 'hide', '', $form_object) }}
                                            onchange="gettingInput('sell_price_code',10)" type="radio" name="hide_10"
                                            value="">
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_10":
                                    value="{{ gettingProductSettingInputValue('sell_price_code', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('sell_price_code',10)" id="name-10" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_10"
                                    value="{{ gettingProductSettingInputValue('sell_price_code', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('sell_price_code',10)" id="width-10" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_10"
                                    value="{{ gettingProductSettingInputValue('sell_price_code', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('sell_price_code',10)" id="sorting-10" class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">Buy Price Code
                        </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-11"
                                            onchange="gettingInput('buy_price_code',11)" type="radio"
                                            {{ gettingProductSettingInputValue('buy_price_code', 'is_required', 'required', $form_object) }}
                                            name="required_11" value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline{{__('obs.')}}">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-11"
                                            onchange="gettingInput('buy_price_code',11)" type="radio"
                                            {{ gettingProductSettingInputValue('buy_price_code', 'is_required', '', $form_object) }}
                                            name="required_11" 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-11"
                                            {{ gettingProductSettingInputValue('buy_price_code', 'hide', 'display:none', $form_object) }}
                                            onchange="gettingInput('buy_price_code',11)" type="radio" name="hide_11"
                                            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-11"
                                            {{ gettingProductSettingInputValue('buy_price_code', 'hide', '', $form_object) }}
                                            onchange="gettingInput('buy_price_code',11)" type="radio" name="hide_11"
                                            value="">
                                       {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_11"
                                    value="{{ gettingProductSettingInputValue('buy_price_code', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('buy_price_code',11)" id="name-11" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_11"
                                    value="{{ gettingProductSettingInputValue('buy_price_code', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('buy_price_code',11)" id="width-11" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_11"
                                    value="{{ gettingProductSettingInputValue('buy_price_code', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('buy_price_code',11)" id="sorting-11" class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">Account Group
                        </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-12"
                                            {{ gettingProductSettingInputValue('account_group', 'is_required', 'required', $form_object) }}
                                            onchange="gettingInput('account_group',12)" type="radio" name="required_12"
                                            value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-12"
                                            {{ gettingProductSettingInputValue('account_group', 'is_required', '', $form_object) }}
                                            onchange="gettingInput('account_group',12)" type="radio" name="required_12"
                                            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-12"
                                            {{ gettingProductSettingInputValue('account_group', 'hide', 'display:none', $form_object) }}
                                            onchange="gettingInput('account_group',12)" type="radio" name="hide_12"
                                            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-12"
                                            {{ gettingProductSettingInputValue('account_group', 'hide', '', $form_object) }}
                                            onchange="gettingInput('account_group',12)" type="radio" name="hide_12"
                                            value="">
                                       {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_12"
                                    value="{{ gettingProductSettingInputValue('account_group', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('account_group',12)" id="name-12" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_12"
                                    value="{{ gettingProductSettingInputValue('account_group', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('account_group',12)" id="width-12" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_12"
                                    value="{{ gettingProductSettingInputValue('account_group', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('account_group',12)" id="sorting-12" class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                             {{__('obs.regular')}} {{__('obs.sell')}} {{__('obs.price')}}
                        </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-13"
                                            {{ gettingProductSettingInputValue('regular_sell_price', 'is_required', 'required', $form_object) }}
                                            onchange="gettingInput('regular_sell_price',13)" type="radio"
                                            name="required_13" value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-13"
                                            {{ gettingProductSettingInputValue('regular_sell_price', 'is_required', '', $form_object) }}
                                            onchange="gettingInput('regular_sell_price',13)" type="radio"
                                            name="required_13" 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-13"
                                            {{ gettingProductSettingInputValue('regular_sell_price', 'hide', 'display:none', $form_object) }}
                                            onchange="gettingInput('regular_sell_price',13)" type="radio"
                                            name="hide_13" 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-13"
                                            {{ gettingProductSettingInputValue('regular_sell_price', 'hide', '', $form_object) }}
                                            onchange="gettingInput('regular_sell_price',13)" type="radio"
                                            name="hide_13" value="">
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_13"
                                    value="{{ gettingProductSettingInputValue('regular_sell_price', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('regular_sell_price',13)" id="name-13"
                                    class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_13"
                                    value="{{ gettingProductSettingInputValue('regular_sell_price', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('regular_sell_price',13)" id="width-13"
                                    class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_13"
                                    value="{{ gettingProductSettingInputValue('regular_sell_price', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('regular_sell_price',13)" id="sorting-13"
                                    class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                             {{__('obs.item')}} {{__('obs.group')}}
                        </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-14"
                                            {{ gettingProductSettingInputValue('item_group', 'is_required', 'required', $form_object) }}
                                            onchange="gettingInput('item_group',14)" type="radio" name="required_14"
                                            value="required">
                                       {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-14"
                                            {{ gettingProductSettingInputValue('item_group', 'is_required', '', $form_object) }}
                                            onchange="gettingInput('item_group',14)" type="radio" name="required_14"
                                            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-14" onchange="gettingInput('item_group',14)"
                                            {{ gettingProductSettingInputValue('item_group', 'hide', 'display:none', $form_object) }}
                                            type="radio" name="hide_14" 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-14" onchange="gettingInput('item_group',14)"
                                            {{ gettingProductSettingInputValue('item_group', 'hide', '', $form_object) }}
                                            type="radio" name="hide_14" value="" />
                                            {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>

                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_14"
                                    value="{{ gettingProductSettingInputValue('item_group', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('item_group',14)" id="name-14" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_14"
                                    value="{{ gettingProductSettingInputValue('item_group', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('item_group',14)" id="width-14" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_14"
                                    value="{{ gettingProductSettingInputValue('item_group', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('item_group',14)" id="sorting-14" class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                             {{__('obs.fixed')}} {{__('obs.commission')}}
                        </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-15"
                                            onchange="gettingInput('fixed_commission',15)" type="radio"
                                            {{ gettingProductSettingInputValue('fixed_commission', 'is_required', 'required', $form_object) }}
                                            name="required_15" value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-15"
                                            onchange="gettingInput('fixed_commission',15)" type="radio"
                                            {{ gettingProductSettingInputValue('fixed_commission', 'is_required', '', $form_object) }}
                                            name="required_15" 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-15"
                                            onchange="gettingInput('fixed_commission',15)" type="radio" name="hide_15"
                                            {{ gettingProductSettingInputValue('fixed_commission', 'hide', 'display:none', $form_object) }}
                                            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-15"
                                            onchange="gettingInput('fixed_commission',15)" type="radio" name="hide_15"
                                            {{ gettingProductSettingInputValue('fixed_commission', 'hide', '', $form_object) }}
                                            value="">
                                       {{__('obs.no')}}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_15"
                                    value="{{ gettingProductSettingInputValue('fixed_commission', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('fixed_commission',15)" id="name-15" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_15"
                                    value="{{ gettingProductSettingInputValue('fixed_commission', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('fixed_commission',15)" id="width-15" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_15"
                                    value="{{ gettingProductSettingInputValue('fixed_commission', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('fixed_commission',15)" id="sorting-15" class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                              {{__('obs.retail')}} {{__('obs.sell')}} {{__('obs.price')}}
                        </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-16"
                                            onchange="gettingInput('retail_sell_price',16)" type="radio"
                                            {{ gettingProductSettingInputValue('retail_sell_price', 'is_required', 'required', $form_object) }}
                                            name="required_16" value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-16"
                                            onchange="gettingInput('retail_sell_price',16)" type="radio"
                                            {{ gettingProductSettingInputValue('retail_sell_price', 'is_required', '', $form_object) }}
                                            name="required_16" 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-16"
                                            onchange="gettingInput('retail_sell_price',16)" type="radio" name="hide_16"
                                            {{ gettingProductSettingInputValue('retail_sell_price', 'hide', 'display:none', $form_object) }}
                                            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-16"
                                            onchange="gettingInput('retail_sell_price',16)" type="radio" name="hide_16"
                                            {{ gettingProductSettingInputValue('retail_sell_price', 'hide', '', $form_object) }}
                                            value="">
                                            {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_16"
                                    value="{{ gettingProductSettingInputValue('retail_sell_price', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('retail_sell_price',16)" id="name-16" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_16"
                                    value="{{ gettingProductSettingInputValue('retail_sell_price', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('retail_sell_price',16)" id="width-16" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_16"
                                    value="{{ gettingProductSettingInputValue('retail_sell_price', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('retail_sell_price',16)" id="sorting-16"
                                    class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    {{-- @php
                        $wspFlag = $form_object && $form_object->whole_sell_price?1:0;
                        {{  $wspFlag ? $form_object->whole_sell_price->is_required:''}}
                    @endphp --}}
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                              {{__('obs.whole')}} {{__('obs.sell')}} {{__('obs.price')}}
                        </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-17"
                                            {{ gettingProductSettingInputValue('whole_sell_price', 'is_required', 'required', $form_object) }}
                                            onchange="gettingInput('whole_sell_price',17)" type="radio"
                                            name="required_17" value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-17"
                                            {{ gettingProductSettingInputValue('whole_sell_price', 'is_required', '', $form_object) }}
                                            onchange="gettingInput('whole_sell_price',17)" type="radio"
                                            name="required_17" 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-17"
                                            {{ gettingProductSettingInputValue('whole_sell_price', 'hide', 'display:none', $form_object) }}
                                            onchange="gettingInput('whole_sell_price',17)" type="radio" name="hide_17"
                                            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-17"
                                            {{ gettingProductSettingInputValue('whole_sell_price', 'hide', '', $form_object) }}
                                            onchange="gettingInput('whole_sell_price',17)" type="radio" name="hide_17"
                                            value="">
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_17"
                                    value="{{ gettingProductSettingInputValue('whole_sell_price', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('whole_sell_price',17)" id="name-17" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_17"
                                    value="{{ gettingProductSettingInputValue('whole_sell_price', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('whole_sell_price',17)" id="width-17"
                                    class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_17"
                                    value="{{ gettingProductSettingInputValue('whole_sell_price', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('whole_sell_price',17)" id="sorting-17"
                                    class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                             {{__('obs.store')}} {{__('obs.location')}}
                        </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-18"
                                            {{ gettingProductSettingInputValue('store_location', 'is_required', 'required', $form_object) }}
                                            onchange="gettingInput('store_location',18)" type="radio"
                                            name="required_18" value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-18"
                                            {{ gettingProductSettingInputValue('store_location', 'is_required', '', $form_object) }}
                                            onchange="gettingInput('store_location',18)" type="radio"
                                            name="required_18" 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-18"
                                            {{ gettingProductSettingInputValue('store_location', 'hide', 'display:none', $form_object) }}
                                            onchange="gettingInput('store_location',18)" type="radio" name="hide_18"
                                            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-18"
                                            {{ gettingProductSettingInputValue('store_location', 'hide', '', $form_object) }}
                                            onchange="gettingInput('store_location',18)" type="radio" name="hide_18"
                                            value="">
                                       {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_18"
                                    value="{{ gettingProductSettingInputValue('store_location', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('store_location',18)" id="name-18" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_18"
                                    value="{{ gettingProductSettingInputValue('store_location', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('store_location',18)" id="width-18" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_18"
                                    value="{{ gettingProductSettingInputValue('store_location', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('store_location',18)" id="sorting-18"
                                    class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                              {{__('obs.flash')}} {{__('obs.sell')}} {{__('obs.price')}}
                        </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-19"
                                            {{ gettingProductSettingInputValue('flash_sell_price', 'is_required', 'required', $form_object) }}
                                            onchange="gettingInput('flash_sell_price',19)" type="radio"
                                            name="required_19" value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-19"
                                            {{ gettingProductSettingInputValue('flash_sell_price', 'is_required', '', $form_object) }}
                                            onchange="gettingInput('flash_sell_price',19)" type="radio"
                                            name="required_19" 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-19"
                                            {{ gettingProductSettingInputValue('flash_sell_price', 'hide', 'display:none', $form_object) }}
                                            onchange="gettingInput('flash_sell_price',19)" type="radio"
                                            name="hide_19" 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-19"
                                            {{ gettingProductSettingInputValue('flash_sell_price', 'hide', '', $form_object) }}
                                            onchange="gettingInput('flash_sell_price',19)" type="radio"
                                            name="hide_19" value="">
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_19"
                                    value="{{ gettingProductSettingInputValue('flash_sell_price', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('flash_sell_price',19)" id="name-19"
                                    class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_19"
                                    value="{{ gettingProductSettingInputValue('flash_sell_price', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('flash_sell_price',19)" id="width-19"
                                    class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_19"
                                    value="{{ gettingProductSettingInputValue('flash_sell_price', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('flash_sell_price',19)" id="sorting-19"
                                    class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                             {{__('obs.model')}} {{__('obs.no')}}
                        </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-20"
                                            {{ gettingProductSettingInputValue('model_no', 'is_required', 'required', $form_object) }}
                                            onchange="gettingInput('model_no',20)" type="radio" name="required_20"
                                            value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-20"
                                            {{ gettingProductSettingInputValue('model_no', 'is_required', '', $form_object) }}
                                            onchange="gettingInput('model_no',20)" type="radio" name="required_20"
                                            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-20" onchange="gettingInput('model_no',20)"
                                            {{ gettingProductSettingInputValue('model_no', 'hide', 'display:none', $form_object) }}
                                            type="radio" name="hide_20" 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-20" onchange="gettingInput('model_no',20)"
                                            {{ gettingProductSettingInputValue('model_no', 'hide', '', $form_object) }}
                                            type="radio" name="hide_20" value="">
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_20"
                                    value="{{ gettingProductSettingInputValue('model_no', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('model_no',20)" id="name-20" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_20"
                                    value="{{ gettingProductSettingInputValue('model_no', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('model_no',20)" id="width-20" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_20"
                                    value="{{ gettingProductSettingInputValue('model_no', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('model_no',20)" id="sorting-20" class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                            {{__('obs.brand')}}
                        </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-21" onchange="gettingInput('brand',21)"
                                            {{ gettingProductSettingInputValue('brand', 'is_required', 'required', $form_object) }}
                                            type="radio" name="required_21" value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-21" onchange="gettingInput('brand',21)"
                                            {{ gettingProductSettingInputValue('brand', 'is_required', '', $form_object) }}
                                            type="radio" name="required_21" 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-21" onchange="gettingInput('brand',21)"
                                            {{ gettingProductSettingInputValue('brand', 'hide', 'display:none', $form_object) }}
                                            type="radio" name="hide_21" 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-21" onchange="gettingInput('brand',21)"
                                            {{ gettingProductSettingInputValue('brand', 'hide', '', $form_object) }}
                                            type="radio" name="hide_21" value="">
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_21"
                                    value="{{ gettingProductSettingInputValue('brand', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('brand',21)" id="name-21" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_21"
                                    value="{{ gettingProductSettingInputValue('brand', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('brand',21)" id="width-21" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_21"
                                    value="{{ gettingProductSettingInputValue('brand', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('brand',21)" id="sorting-21" class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                            {{__('obs.supplier')}}
                        </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-22"
                                            onchange="gettingInput('supplier',22)" type="radio" name="required_22"
                                            {{ gettingProductSettingInputValue('supplier', 'is_required', 'required', $form_object) }}
                                            value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-22"
                                            onchange="gettingInput('supplier',22)" type="radio" name="required_22"
                                            {{ gettingProductSettingInputValue('supplier', 'is_required', '', $form_object) }}
                                            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-22" onchange="gettingInput('supplier',22)"
                                            {{ gettingProductSettingInputValue('supplier', 'hide', 'display:none', $form_object) }}
                                            type="radio" name="hide_22" 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-22" onchange="gettingInput('supplier',22)"
                                            {{ gettingProductSettingInputValue('supplier', 'hide', '', $form_object) }}
                                            type="radio" name="hide_22" value="">
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{__('obs.name')}}:</label>
                                <input type="text" name="name_22"
                                    value="{{ gettingProductSettingInputValue('supplier', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('supplier',22)" id="name-22" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_22"
                                    value="{{ gettingProductSettingInputValue('supplier', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('supplier',22)" id="width-22" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_22"
                                    value="{{ gettingProductSettingInputValue('supplier', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('supplier',22)" id="sorting-22" class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                             {{__('obs.reorder')}} {{__('obs.level')}}
                        </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-23"
                                            {{ gettingProductSettingInputValue('recorder_level', 'is_required', 'required', $form_object) }}
                                            onchange="gettingInput('recorder_level',23)" type="radio"
                                            name="required_23" value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-23"
                                            {{ gettingProductSettingInputValue('recorder_level', 'is_required', '', $form_object) }}
                                            onchange="gettingInput('recorder_level',23)" type="radio"
                                            name="required_23" 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-23"
                                            {{ gettingProductSettingInputValue('recorder_level', 'hide', 'display:none', $form_object) }}
                                            onchange="gettingInput('recorder_level',23)" type="radio" name="hide_23"
                                            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-23"
                                            {{ gettingProductSettingInputValue('recorder_level', 'hide', '', $form_object) }}
                                            onchange="gettingInput('recorder_level',23)" type="radio" name="hide_23"
                                            value="">
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_23"
                                    value="{{ gettingProductSettingInputValue('recorder_level', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('recorder_level',23)" id="name-23" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_23"
                                    value="{{ gettingProductSettingInputValue('recorder_level', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('recorder_level',23)" id="width-23" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_23"
                                    value="{{ gettingProductSettingInputValue('recorder_level', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('recorder_level',23)" id="sorting-23"
                                    class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                        {{__('obs.fraction')}} {{__('obs.in')}} {{__('obs.qty')}}
                        </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-24"
                                            {{ gettingProductSettingInputValue('fraction_in_qty', 'is_required', 'required', $form_object) }}
                                            onchange="gettingInput('fraction_in_qty',24)" type="radio"
                                            name="required_24" value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-24"
                                            {{ gettingProductSettingInputValue('fraction_in_qty', 'is_required', '', $form_object) }}
                                            onchange="gettingInput('fraction_in_qty',24)" type="radio"
                                            name="required_24" 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-24"
                                            {{ gettingProductSettingInputValue('fraction_in_qty', 'hide', 'display:none', $form_object) }}
                                            onchange="gettingInput('fraction_in_qty',24)" type="radio"
                                            name="hide_24" 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-24"
                                            {{ gettingProductSettingInputValue('fraction_in_qty', 'hide', '', $form_object) }}
                                            onchange="gettingInput('fraction_in_qty',24)" type="radio"
                                            name="hide_24" value="">
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_24"
                                    value="{{ gettingProductSettingInputValue('fraction_in_qty', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('fraction_in_qty',24)" id="name-24"
                                    class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_24"
                                    value="{{ gettingProductSettingInputValue('fraction_in_qty', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('fraction_in_qty',24)" id="width-24"
                                    class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_24"
                                    value="{{ gettingProductSettingInputValue('fraction_in_qty', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('fraction_in_qty',24)" id="sorting-24"
                                    class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                            {{__('obs.serial')}}
                        </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-25" onchange="gettingInput('serial',25)"
                                            {{ gettingProductSettingInputValue('serial', 'is_required', 'required', $form_object) }}
                                            type="radio" name="required_25" value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-25" onchange="gettingInput('serial',25)"
                                            {{ gettingProductSettingInputValue('serial', 'is_required', '', $form_object) }}
                                            type="radio" name="required_25" 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-25" onchange="gettingInput('serial',25)"
                                            {{ gettingProductSettingInputValue('serial', 'hide', 'display:none', $form_object) }}
                                            type="radio" name="hide_25" 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-25" onchange="gettingInput('serial',25)"
                                            {{ gettingProductSettingInputValue('serial', 'hide', '', $form_object) }}
                                            type="radio" name="hide_25" value="">
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_25" onkeyup="gettingInput('serial',25)"
                                    value="{{ gettingProductSettingInputValue('serial', 'name', '', $form_object) }}"
                                    id="name-25" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_25" onkeyup="gettingInput('serial',25)"
                                    value="{{ gettingProductSettingInputValue('serial', 'width', '', $form_object) }}"
                                    id="width-25" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_25" onkeyup="gettingInput('serial',25)"
                                    value="{{ gettingProductSettingInputValue('serial', 'sorting', '', $form_object) }}"
                                    id="sorting-25" class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                            CBM
                        </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-26" onchange="gettingInput('cbm',26)"
                                            {{ gettingProductSettingInputValue('cbm', 'is_required', 'required', $form_object) }}
                                            type="radio" name="required_26" value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-26" onchange="gettingInput('cbm',26)"
                                            {{ gettingProductSettingInputValue('cbm', 'is_required', '', $form_object) }}
                                            type="radio" name="required_26" 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-26" onchange="gettingInput('cbm',26)"
                                            {{ gettingProductSettingInputValue('cbm', 'hide', 'display:none', $form_object) }}
                                            type="radio" name="hide_26" 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-26" onchange="gettingInput('cbm',26)"
                                            {{ gettingProductSettingInputValue('cbm', 'hide', '', $form_object) }}
                                            type="radio" name="hide_26" value="">
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_26"
                                    value="{{ gettingProductSettingInputValue('cbm', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('cbm',26)" id="name-26" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_26"
                                    value="{{ gettingProductSettingInputValue('cbm', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('cbm',26)" id="width-26" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_26"
                                    value="{{ gettingProductSettingInputValue('cbm', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('cbm',26)" id="sorting-26" class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                            {{__('obs.section')}}
                        </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-27"
                                            onchange="gettingInput('section',27)" type="radio" name="required_27"
                                            {{ gettingProductSettingInputValue('section', 'is_required', 'required', $form_object) }}
                                            value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-27"
                                            onchange="gettingInput('section',27)" type="radio" name="required_27"
                                            {{ gettingProductSettingInputValue('section', 'is_required', '', $form_object) }}
                                            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-27" onchange="gettingInput('section',27)"
                                            {{ gettingProductSettingInputValue('section', 'hide', 'display:none', $form_object) }}
                                            type="radio" name="hide_27" 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-27" onchange="gettingInput('section',27)"
                                            {{ gettingProductSettingInputValue('section', 'hide', '', $form_object) }}
                                            type="radio" name="hide_27" value="">
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_27"
                                    value="{{ gettingProductSettingInputValue('section', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('section',27)" id="name-27" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_27"
                                    value="{{ gettingProductSettingInputValue('section', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('section',27)" id="width-27" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_27"
                                    value="{{ gettingProductSettingInputValue('section', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('section',27)" id="sorting-27" class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                            {{__('obs.image')}}
                        </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-28" onchange="gettingInput('image',28)"
                                            {{ gettingProductSettingInputValue('image', 'is_required', 'required', $form_object) }}
                                            type="radio" name="required_28" value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-28" onchange="gettingInput('image',28)"
                                            {{ gettingProductSettingInputValue('image', 'is_required', '', $form_object) }}
                                            type="radio" name="required_28" 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-28" onchange="gettingInput('image',28)"
                                            {{ gettingProductSettingInputValue('image', 'hide', 'display:none', $form_object) }}
                                            type="radio" name="hide_28" 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-28" onchange="gettingInput('image',28)"
                                            {{ gettingProductSettingInputValue('image', 'hide', '', $form_object) }}
                                            type="radio" name="hide_28" value="">
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_28"
                                    value="{{ gettingProductSettingInputValue('image', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('image',28)" id="name-28" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.width')}}:</label>
                                <input type="text" name="width_28"
                                    value="{{ gettingProductSettingInputValue('image', 'width', '', $form_object) }}"
                                    onkeyup="gettingInput('image',28)" id="width-28" class="form-control" />
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_28"
                                    value="{{ gettingProductSettingInputValue('image', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('image',28)" id="sorting-28" class="form-control" />
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="col-3">
                    <div class="card" style="width: 18rem;">
                        <div class="card-header custom_card">
                            {{__('obs.description')}}
                        </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-29"
                                            onchange="gettingInput('description',29)" type="radio"
                                            {{ gettingProductSettingInputValue('description', 'is_required', 'required', $form_object) }}
                                            name="required_29" value="required">
                                        {{__('obs.yes')}}
                                    </label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <label class="form-check-label">
                                        <input class="form-check-input required-29"
                                            onchange="gettingInput('description',29)" type="radio"
                                            {{ gettingProductSettingInputValue('description', 'is_required', '', $form_object) }}
                                            name="required_29" 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-29"
                                            onchange="gettingInput('description',29)" type="radio" name="hide_29"
                                            {{ gettingProductSettingInputValue('description', 'hide', 'display:none', $form_object) }}
                                            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-29"
                                            onchange="gettingInput('description',29)" type="radio" name="hide_29"
                                            {{ gettingProductSettingInputValue('description', 'hide', '', $form_object) }}
                                            value="">
                                        {{__('obs.no')}}
                                    </label>
                                </div>
                            </li>
                            <li class="list-group-item">
                                <label>{{__('obs.name')}}:</label>
                                <input type="text" name="name_29"
                                    value="{{ gettingProductSettingInputValue('description', 'name', '', $form_object) }}"
                                    onkeyup="gettingInput('description',29)" id="name-29" class="form-control" />
                            </li>

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

                            <li class="list-group-item">
                                <label>{{__('obs.sorting')}}:</label>
                                <input type="number" name="sorting_29"
                                    value="{{ gettingProductSettingInputValue('sorting', 'sorting', '', $form_object) }}"
                                    onkeyup="gettingInput('description',29)" id="sorting-29" 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() {
            if (typeof @json($data) !== 'undefined' || $data !== '') {
                formObj = JSON.parse(@json($data).form_object)
                SettingObj = JSON.parse(@json($data).setting_object)
            }
        });

        // Note: For form object ...
        function gettingInput(title, rowId) {
            if (formObj[title]) {
                formObj[title].is_required = $(`input[name=required_${rowId}].required-${rowId}:checked`).val(),
                    formObj[title].hide = $(`input[name=hide_${rowId}].hide-${rowId}:checked`).val(),
                    formObj[title].name = $('#name-' + rowId).val(),
                    formObj[title].sorting = $('#sorting-' + rowId).val(),
                    formObj[title].width = $('#width-' + rowId).val()
            } else {
                formObj[title] = {
                    'is_required': $(`input[name=required_${rowId}].required-${rowId}:checked`).val(),
                    'hide': $(`input[name=hide_${rowId}].hide-${rowId}:checked`).val(),
                    'name': $('#name-' + rowId).val(),
                    'sorting': $('#sorting-' + rowId).val(),
                    'width': $('#width-' + rowId).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