@if($label)
<style>
    .row {
        width: 100%;
    }
</style>
<div class="sortable_items" data-parent="#__sort">
@endif
<div id="{!! $itemRow['id'] ?? '' !!}" class="row single-append-row __extra_item_name_div_container" data-counter="{!! $itemKey ?? '' !!}">
    <div class="extra_sortable row ml-1 drag-boxx-inner">
        <div class="drag-icon-inner"><img src="{!! asset('assets/images/icons/dots-menu.png') !!}" class="img-fluid"/></div>
        <div class="drag-form mt-3">
            <div class="col-xs-12">
                <div class="row">
                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-2">
                        <select name='extra_master_id[{!! $groupKey ?? '' !!}][{!! $itemKey ?? ''!!}]' class="form-control select2-new __extra_master_item_change __extra_item_name_{!! $groupKey ?? '' !!}" data-itemKey="{!! $itemKey ?? ''!!}" data-groupKey="{!! $groupKey ?? ''!!}" data-groupMainId="{!! $groupId ?? '' !!}" data-groupid="{!! $groupKey ?? '' !!}">
                            <option value="" data-price="">{!! __('common.select-option') !!}</option>
                            @foreach ($extraMaster as $key => $name)
                                @php
                                    $itemArr = explode('|', $key);
                                    $extraId = $itemArr[0];
                                    $extraPrice = $itemArr[1];
                                    $invItemWeight = $itemArr[3];
                                    $invItemRawCostPrice = $itemArr[4];
                                    $inventoryitemName = $itemArr[5];
                                    $extraName = $name;
                                    $selected = '';
                                    if(isset($itemRow)) {
                                        $selected = ($extraId == $itemRow['extra_master_id']) ? ' selected="selected"' : '';
                                    }
                                @endphp
                                <option {!! $selected !!} value="{!! $extraId !!}" 
                                    data-weight="{!! $invItemWeight !!}" 
                                    data-inv-price="{!! $invItemRawCostPrice !!}" 
                                    data-inv-name="{!! $inventoryitemName !!}" 
                                    data-price="{!! $extraPrice !!}">
                                    {!! $extraName !!}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    
                    @if(isset($itemRow))
                        <input type="hidden" name="extra_item_id[{!! $groupKey ?? '' !!}][{!! $itemKey ?? '' !!}]" value="{!! $itemRow['id'] ?? '' !!}">
                    @endif
                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-1 pl-0">
                        <input type="text" class="form-control __extra_item_price" readonly="true"
                        value="{!! $itemRow['price'] ?? '' !!}">
                    </div>
                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-2 pl-0">
                        <input type="text" class="form-control __extra_inv_item" readonly="true"
                        value="{!! $itemRow['inventory_item_name'] ?? '' !!}">
                    </div>
                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-1 pl-0">
                        <input type="text" class="form-control __inv_extra_item_weight" readonly="true"
                        value="{!! $itemRow['weight'] ?? '' !!}">
                    </div>

                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-1 pl-0">
                        <input type="text" class="form-control __inv_extra_item_price" readonly="true"
                        value="{!! $itemRow['price_incl_vat'] ?? '' !!}">
                    </div>

                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-1 pl-0">
                        <input type="text" class="form-control __inv_extra_item_quantity"
                            value="{!! $itemRow['quantity'] ?? '' !!}"
                            name="extra_raw_material_quantity[{!! $groupKey ?? '' !!}][{!! $itemKey ?? '' !!}]">
                    </div>

                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-1 pl-0">
                        <input type="text" class="form-control __inv_extra_item_total" readonly="true"
                        value="{!! (isset($itemRow['weight']) && $itemRow['weight'] > 0) ? round(($itemRow['price_incl_vat'] / $itemRow['weight']) * $itemRow['quantity'], 2) : '' !!}">
                    </div>

                    <div class="custom-input-group colored-field-group col-xs-12 col-sm-1 pl-0">
                        <label class="custom-control custom-white-control mt-2">
                            {!! Form::checkbox('extra_item_set_default[' . ($groupKey ?? '') . '][' . ($itemKey ?? '') . ']', null, $itemRow['is_default'] ?? false, ['class' => 'form-control __extra_item_set_default']) !!}
                            <span class="custom-control-box"><svg class="svg-inline--fa fa-check fa-w-16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span>
                            <a class="ml-4 btn btn-danger font11 image-circle-25 px-0 __extra_item_name_remove_btn" href="javascript:void(0);"  data-id="{{ $itemRow['id']  ?? ''}}">
                                <svg style="vertical-align: 0px !important;" class="svg-inline--fa fa-minus fa-w-14" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="minus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"></path></svg>
                            </a>
                            <a class="ml-4 btn btn-default font11 image-circle-25 px-0 __extra_item_show_more_btn" href="javascript:void(0);"  data-id="{{ $itemRow['id']  ?? ''}}">
                                <i class="fa fa-chevron-down"></i>
                            </a>
                        </label>
                    </div>
                    <div class="custom-input-group colored-field-group px-3 col-xs-12 col-sm-1 pl-0 d-none">
                        <ul class="list-inline m-0">
                            <li class="list-inline-item">
                                
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="row __extra_item_variation_container pl-3" style="display:none;">
                    @if(isset($itemRow) && isset($extraItemVariations[$itemRow['id']]) && count($extraItemVariations[$itemRow['id']]) > 0)
                        @foreach($extraItemVariations[$itemRow['id']] as $itemVarKey => $itemVarVal)
                            @include('admin.global-items.ajax.extra_item_variation_template', [
                                'itemVarVal' => $itemVarVal,
                                'itemRow' => $itemRow,
                                'itemKey' => $itemKey,
                                'itemVarKey' => $itemVarKey,
                            ])
                        @endforeach
                    @else
                        {!! __('variation_master.no_variations') !!}
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@if(isset($itemLast) && $itemLast)
</div>
@endif