@if(isset($material->materialChildDetail) && !empty($material->materialChildDetail) && $material->materialChildDetail()->count() > 0)
    @foreach($material->materialChildDetail as $key => $materialChildDetail)
        <tr data-repeater-item data-inner_tr_count="{{ $key }}"
            class="inner_table_tr">
            <td>
                <div class="btn-group btn-group1" role="group"
                     aria-label="Button group with nested dropdown">
                    <div class="btn-group btn-group1" role="group">
                        <select name="standard_bom_details[{{ $main_count }}][parameter_inner][{{ $key }}][material_id]"
                                id="material_id_{{ $main_count }}_{{ $key }}"
                                data-main_count="{{ $main_count }}"
                                data-innercount="{{ $key }}"
                                class="form-control form-control-sm form-control-solid child-material-select2-js"
                                data-action="{{ route('material.autocomplete') }}"
                                data-placeholder="Select Option">
                            @if($materialChildDetail->childMaterial)
                                <option value="{{ $materialChildDetail->childMaterial->id }}"
                                        selected>{{ $materialChildDetail->childMaterial->user_defined_code.'-'.$materialChildDetail->childMaterial->name }}</option>
                            @endif
                        </select>
                        <a href="{{ route('material.create') }}" target="_blank"
                           class="btn btn-primary btn-sm" type="submit"><i
                                    class="flaticon-plus"></i></a>
                    </div>
                </div>
            </td>
            <td>
                <div class="input-group form-group">
                    <input type="hidden"
                           data-main_count="{{ $main_count }}"
                           data-innercount="{{ $key }}"
                           name="standard_bom_details[{{ $main_count }}][parameter_inner][{{ $key }}][unit_id]"
                           value="{{ $materialChildDetail->childMaterial->unit ? $materialChildDetail->childMaterial->unit->id : '' }}"
                           id="unit_id_{{ $main_count }}_{{ $key }}">

                    <input type="text" disabled
                           class="form-control"
                           data-main_count="{{ $main_count }}"
                           data-innercount="{{ $key }}"
                           id="unit_label_{{ $main_count }}_{{ $key }}"
                           value="{{ $materialChildDetail->childMaterial->unit ? $materialChildDetail->childMaterial->unit->name : '' }}">
                </div>
            </td>
            <td>
                <div class="input-group form-group">
                    <input type="hidden"
                           value="{{ $materialChildDetail->childMaterial->ConversionUnit ? $materialChildDetail->childMaterial->ConversionUnit->id : '' }}"
                           name="standard_bom_details[{{ $main_count }}][parameter_inner][{{ $key }}][conversion_unit_id]"
                           id="conversion_unit_id_{{ $main_count }}_{{ $key }}">

                    <input type="text" disabled
                           class="form-control"
                           data-main_count="{{ $main_count }}"
                           data-innercount="{{ $key }}"
                           value="{{ $materialChildDetail->childMaterial->ConversionUnit ? $materialChildDetail->childMaterial->ConversionUnit->name : '' }}"
                           id="conversion_unit_label_{{ $main_count }}_{{ $key }}">
                </div>
            </td>
            <td>
                <div class="input-group form-group">
                    <input type="text"
                           id="conversion_quantity_{{ $main_count }}_{{ $key }}"
                           name="standard_bom_details[{{ $main_count }}][parameter_inner][{{ $key }}][conversion_quantity]"
                           placeholder="Enter Quantity"
                           data-main_count="0"
                           data-innercount="0"
                           min="1"
                           value="{{ $materialChildDetail->conversion_quantity }}"
                           class="ml-2 form-control quantity-js">
                </div>
            </td>
            <td>
                <input type="text"
                       id="quantity_{{ $main_count }}_{{ $key }}"
                       name="standard_bom_details[{{ $main_count }}][parameter_inner][{{ $key }}][quantity]"
                       value="{{ $materialChildDetail->child_material_quantity }}"
                       placeholder="Enter Quantity"
                       data-main_count="{{ $main_count }}"
                       data-innercount="{{ $key }}"
                       min="1"
                       class="ml-2 form-control quantity-js">
            </td>
            <td>
                <button type="button"
                        class="btn btn-sm btn-clean delete_other_charges btn-icon"
                        data-repeater-delete><i
                            class="fas fa-trash-alt text-danger icon-md"></i>
                </button>
            </td>
        </tr>
    @endforeach
@else
    <tr data-repeater-item data-inner_tr_count="0"
        class="inner_table_tr">
        <td>
            <div class="btn-group btn-group1" role="group"
                 aria-label="Button group with nested dropdown">
                <div class="btn-group btn-group1" role="group">
                    <select name="standard_bom_details[{{ $main_count }}][parameter_inner][0][material_id]"
                            id="material_id_{{ $main_count }}_0"
                            data-main_count="{{ $main_count }}"
                            data-innercount="0"
                            class="form-control form-control-sm form-control-solid child-material-select2-js"
                            data-action="{{ route('material.autocomplete') }}"
                            data-placeholder="Select Option">
                    </select>
                    <a href="{{ route('material.create') }}" target="_blank"
                       class="btn btn-primary btn-sm" type="submit"><i
                                class="flaticon-plus"></i></a>
                </div>
            </div>
        </td>
        <td>
            <div class="input-group form-group">
                <input type="hidden"
                       data-main_count="{{ $main_count }}"
                       data-innercount="0"
                       name="standard_bom_details[{{ $main_count }}][parameter_inner][0][unit_id]"
                       id="unit_id_{{ $main_count }}_0">

                <input type="text" disabled
                       data-main_count="{{ $main_count }}"
                       data-innercount="0"
                       class="form-control"
                       id="unit_label_{{ $main_count }}_0">
            </div>
        </td>
        <td>
            <div class="input-group form-group">
                <input type="hidden"
                       data-main_count="{{ $main_count }}"
                       data-innercount="0"
                       name="standard_bom_details[{{ $main_count }}][parameter_inner][0][conversion_unit_id]"
                       id="conversion_unit_id_{{ $main_count }}_0">

                <input type="text" disabled
                       data-main_count="{{ $main_count }}"
                       data-innercount="0"
                       class="form-control"
                       id="conversion_unit_label_{{ $main_count }}_0">
            </div>
        </td>
        <td>
            <div class="input-group form-group">
                <input type="text"
                       id="conversion_quantity_{{ $main_count }}_0"
                       name="standard_bom_details[{{ $main_count }}][parameter_inner][0][conversion_quantity]"
                       placeholder="Enter Quantity"
                       data-main_count="{{ $main_count }}"
                       data-innercount="0"
                       min="1"
                       class="ml-2 form-control quantity-js">
            </div>
        </td>
        <td>
            <input type="text"
                   id="quantity_{{ $main_count }}_0"
                   name="standard_bom_details[{{ $main_count }}][parameter_inner][0][quantity]"
                   placeholder="Enter Quantity"
                   data-main_count="{{ $main_count }}"
                   data-innercount="0"
                   min="1"
                   class="ml-2 form-control quantity-js">
        </td>
        <td>
            <button type="button"
                    class="btn btn-sm btn-clean delete_other_charges btn-icon"
                    data-repeater-delete><i
                        class="fas fa-trash-alt text-danger icon-md"></i>
            </button>
        </td>
    </tr>
@endif