@if($action === "create" or $action === "edit")

    @if(!empty($quotation->quotationDetails) and $quotation->quotationDetails->count() > 0)
        @php
            $has_is_igst_customer = false;
            if(isset($quotation->is_igst_customer)) $has_is_igst_customer = $quotation->is_igst_customer;
        @endphp
        @foreach($quotation->quotationDetails as $key => $quotation_detail)
                        <tr data-repeater-item data-tr_count="{{ $key }}" class="table_tr">

                <td>
                    <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
                        <div class="btn-group" role="group">
                            <select name="{{ $main_record }}[material_id]" id="material_id_{{ $key }}"
                                    data-id="material_id"
                                    class="form-control form-control-sm form-control-solid material-select2-js"
                                    data-action="{{ route('material.autocomplete') }}">
                                @if($quotation_detail->material)
                                    <option value="{{ $quotation_detail->material->id }}"
                                            selected>{{ $quotation_detail->material->code .' - ' . $quotation_detail->material->name }}</option>
                                @endif
                            </select>
                        </div>
                        <a href="{{ route('material.create') }}" target="_blank"
                           class="btn btn-primary btn-sm" type="submit">
                            <i class="flaticon-plus"></i>
                        </a>
                    </div>
                </td>
                <td>
                    <div class="form-group d-flex flex-column">
                        <div class="btn-group">
                            <select class="form-control form-control-solid form-control-lg color-select2-js"
                                    name="{{ $main_record }}[color_id]" id="color_id_{{ $key }}"
                                    data-id="color_id"
                                    data-action="{{ route('color.autocomplete') }}"
                                    data-placeholder="select Color">
                            </select>
                            <a href="{{ route('color.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">
                        <input class="form-control form-control-sm text-right quantity-js"
                               type="text" name="{{ $main_record }}[quantity]"
                               id="quantity_{{ $key }}" min="1" value="{{ $quotation_detail['quantity'] }}"
                        />
                    </div>
                </td>
                <td>
                    <div class="input-group">
                        <select name="{{ $main_record }}[unit_id]" id="unit_id_{{ $key }}"
                                class="form-control form-control-sm unit-select2-js unit-js" readonly="readonly"
                        >
                            @if($quotation_detail->unit)
                                <option value="{{ $quotation_detail->unit->id }}"
                                        selected>{{ $quotation_detail->unit->name }}</option>
                            @endif
                        </select>
                    </div>
                </td>
                <td>
                    <div class="input-group">
                        <input class="form-control form-control-sm"
                               type="text" name="{{ $main_record }}[size]" id="size_{{ $key }}" placeholder=""
                               value="{{ $quotation_detail->size }}"/>
                    </div>
                </td>
                <td>
                    <div class="input-group">
                  <textarea class="form-control form-control-sm" type="text" id="remarks_{{ $key }}"
                            name="{{ $main_record }}[remarks]">{{ $quotation_detail->remarks }}</textarea>
                    </div>
                </td>
                <td>
                    <div class="input-group">
                        <input class="form-control form-control-sm date" type="date" id="due_on_{{ $key }}"
                               name="{{ $main_record }}[due_on]"
                               min="{{ \Carbon\Carbon::parse($quotation_detail->due_on)->format('Y-m-d') }}"
                               value="{{ $quotation_detail->due_on }}">
                    </div>
                </td>
                <td>
                    <div class="input-group">
                        <input class="form-control form-control-sm rate text-right rate-js"
                               type="text" data-count="{{ $key }}" name="{{ $main_record }}[rate]"
                               value="{{ $quotation_detail->rate }}" id="rate_{{ $key }}"
                               min="1"/>
                    </div>
                </td>
                <td>
                    <div class="input-group">
                        <input class="form-control form-control-sm amount text-right amount-js"
                               type="text" data-count="{{ $key }}" name="{{ $main_record }}[amount]"
                               value="{{ $quotation_detail->amount }}" id="amount_{{ $key }}" min="1" readonly/>
                    </div>
                </td>
                <td>
                    <div class="input-group">
                        <input class="form-control form-control-sm discount_amount text-right discount_amount-js"
                               type="text" data-count="{{ $key }}"
                               name="{{ $main_record }}[discount_amount]"
                               value="{{ $quotation_detail->discount_amount }}"
                               id="discount_amount_{{ $key }}" min="1"/>
                    </div>
                </td>
                <td class="sgst_td {{ ($quotation->is_igst_customer == true) ? "d-none" : "" }}">
                    <div class="input-group">
                        <input class="form-control form-control-sm amount text-right sgst_per"
                               type="text" data-count="{{ $key }}" name="{{ $main_record }}[sgst_per]"
                               id="sgst_per_{{ $key }}" min="1" value="{{ $quotation_detail['sgst_per'] }}"/>
                        <input class="form-control form-control-sm sgst_amount" data-count="{{ $key }}"
                               value="{{ $quotation_detail['sgst_amount'] }}"
                               name="{{ $main_record }}[sgst_amount]" id="sgst_amount{{ $key }}" type="text" readonly/>
                    </div>
                </td>

                <td class="cgst_td {{ ($quotation->is_igst_customer == true) ? "d-none" : "" }}">
                    <div class="input-group">
                        <input class="form-control form-control-sm text-right cgst_per"
                               value="{{ $quotation_detail['cgst_per'] }}"
                               type="text" data-count="{{ $key }}" name="{{ $main_record }}[cgst_per]"
                               id="cgst_per_{{ $key }}" min="1"/>
                        <input class="form-control form-control-sm cgst_amount" data-count="{{ $key }}"
                               value="{{ $quotation_detail['cgst_amount'] }}" name="{{ $main_record }}[cgst_amount]"
                               id="cgst_amount_{{ $key }}" readonly type="text"/>
                    </div>
                </td>
                <td class="igst_td {{ ($quotation->is_igst_customer == false) ? "d-none" : "" }}">
                    <div class="input-group">
                        <input class="form-control form-control-sm amount text-right igst_per"
                               value="{{ $quotation_detail['igst_per'] }}"
                               type="text" data-count="{{ $key }}" name="{{ $main_record }}[igst_per]"
                               id="igst_per_{{ $key }}" min="1"/>
                        <input class="form-control form-control-sm igst_amount" data-count="{{ $key }}"
                               value="{{ $quotation_detail['igst_amount'] }}" name="{{ $main_record }}[igst_amount]"
                               id="igst_amount_{{ $key }}" readonly type="text"/>
                    </div>
                </td>
                <td>
                    <div class="input-group">
                        <input class="form-control form-control-sm amount text-right net_total-js" type="text"
                               name="{{ $main_record }}[net_total]" value="{{ $quotation_detail->net_total }}"
                               id="net_total_{{ $key }}" min="1" readonly/>
                    </div>
                </td>
                <td>
                    <button type="button" class="btn btn-sm btn-clean delete_salesorder_details btn-icon"
                            data-repeater-delete><i
                                class="fas fa-trash-alt text-danger icon-md"></i></button>
                </td>
            </tr>
        @endforeach

    @elseif($salesorder_details)
        @php
            $has_is_igst_customer = false;
            if(isset($salesorder->is_igst_customer)) $has_is_igst_customer = $salesorder->is_igst_customer;
        @endphp
        @foreach($salesorder_details as $key =>$salesorder_detail)
            <tr data-repeater-item data-tr_count="{{ $key }}" class="table_tr">
                <input type="hidden" name="{{ $detail_key_name }}{{ $key }}[id]" id="id_{{ $key }}"
                       value="{{ $salesorder_detail['id']  }}">
                <td>
                    <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
                        <div class="btn-group" role="group">
                            <select name="{{ $detail_key_name }} {{ $key }}[material_id]" id="material_id_{{ $key }}"
                                    data-id="material_type_id"
                                    data-count="{{ $key }}"
                                    class="form-control form-control-lg form-control-solid material-select2-js"
                                    data-action="{{ route('material.autocomplete') }}">
                                @if($salesorder_detail->material)
                                    <option value="{{ $salesorder_detail->material->id }}"
                                            selected>{{ $salesorder_detail->material->code. ' - ' .$salesorder_detail->material->name }}</option>
                                @endif

                            </select>
                        </div>
                        <a href="{{ route('material.create') }}" target="_blank"
                           class="btn btn-primary btn-sm" type="submit">
                            <i class="flaticon-plus"></i>
                        </a>
                    </div>
                </td>
                <td>
                    <div class="form-group d-flex flex-column">
                        <div class="btn-group">
                            <select class="form-control form-control-solid form-control-md color-select2-js"
                                    name="{{ $detail_key_name }} {{ $key }}[color_id]" id="color_id_{{ $key }}"
                                    data-id="color_id" data-count="{{ $key }}"
                                    data-action="{{ route('color.autocomplete') }}"
                                    data-placeholder="select Color">
                                @if($salesorder_detail->color)
                                    <option value="{{ $salesorder_detail->color->id }}"
                                            selected>{{ $salesorder_detail->color->code  .' - ' . $salesorder_detail->color->name }}</option>
                                @endif
                            </select>
                            <a href="{{ route('color.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">
                        <input class="form-control form-control-sm text-right quantity-js" data-count="{{ $key }}"
                               type="text" name="{{ $detail_key_name }}{{ $key }} [quantity]"
                               id="quantity_{{ $key }}" min="1" value="{{ $salesorder_detail->quantity }}"/>
                    </div>
                </td>
                <td>
                    <div class="input-group">
                        <select name="{{ $detail_key_name }}{{ $key }}[unit_id]" id="unit_id_{{ $key }}"
                                data-count="{{ $key }}"
                                class="form-control form-control-sm unit-select2-js unit-js" readonly="readonly">
                            @if($salesorder_detail->unit)
                                <option value="{{ $salesorder_detail->unit->id }}"
                                        selected>{{ $salesorder_detail->unit->name }}</option>
                            @endif
                        </select>
                    </div>
                </td>
                <td>
                    <div class="input-group">
                        <input class="form-control form-control-sm"
                               type="text" name="{{ $detail_key_name }}{{ $key }}[size]" id="size_{{ $key }}"
                               value="{{ $salesorder_detail->size }}" placeholder=""/>
                    </div>
                </td>
                <td>
                    <div class="input-group">
                  <textarea class="form-control form-control-sm" type="text" id="remarks_{{ $key }}"
                            name="{{ $detail_key_name }}{{ $key }}[remarks]"> {{ $salesorder_detail->remarks }}</textarea>
                    </div>
                </td>
                <td>
                    <div class="input-group">
                        <input class="form-control form-control-sm date" type="date" id="due_on_{{ $key }}"
                               name="{{ $detail_key_name }}{{ $key }}[due_on]"
                               min="{{ \Carbon\Carbon::parse($salesorder_detail->due_on)->format('Y-m-d') }}"
                               value="{{ $salesorder_detail->due_on }}">
                    </div>
                </td>
                <td>
                    <div class="input-group">
                        <input class="form-control form-control-sm rate text-right rate-js"
                               type="text" data-count="{{ $key }}" name="{{ $detail_key_name }}{{ $key }}[rate]"
                               id="rate_{{ $key }}"
                               min="1" value="{{ $salesorder_detail->rate }}"/>
                    </div>
                </td>
                <td>
                    <div class="input-group">
                        <input class="form-control form-control-sm amount text-right amount-js"
                               type="text" data-count="{{ $key }}" name="{{ $detail_key_name }}{{ $key }}[amount]"
                               id="amount_{{ $key }}" min="1" value="{{ $salesorder_detail->amount }}"
                               readonly/>
                    </div>
                </td>
                <td>
                    <div class="input-group">
                        <input class="form-control form-control-sm discount_amount text-right discount_amount-js"
                               type="text" data-count="{{ $key }}"
                               name="{{ $detail_key_name }}{{ $key }}[discount_amount]"
                               value="{{ $salesorder_detail->discount_amount }}"
                               id="discount_amount_{{ $key }}" min="1"/>
                    </div>
                </td>
                <td class="sgst_td {{ ($salesorder->is_igst_customer == true) ? "d-none" : "" }}">
                    <div class="input-group">
                        <input class="form-control form-control-sm amount text-right sgst_per"
                               type="text" data-count="{{ $key }}" name="{{ $detail_key_name }}{{ $key }}[sgst_per]"
                               id="sgst_per_{{ $key }}" min="1" value="{{ $salesorder_detail['sgst_per'] }}"/>
                        <input class="form-control form-control-sm sgst_amount" data-count="{{ $key }}"
                               value="{{ $salesorder_detail['sgst_amount'] }}"
                               name="{{ $detail_key_name }}{{ $key }}[sgst_amount]" id="sgst_amount{{ $key }}"
                               type="text"
                               readonly/>
                    </div>
                </td>
                <td class="cgst_td {{ ( $salesorder->is_igst_customer == true) ? "d-none" : "" }}">
                    <div class="input-group">
                        <input class="form-control form-control-sm text-right cgst_per"
                               type="text" data-count="{{ $key }}" name="{{ $detail_key_name }}{{ $key }}[cgst_per]"
                               id="cgst_per_{{ $key }}" min="1" value="{{ $salesorder_detail->cgst_per }}"/>
                        <input class="form-control form-control-sm cgst_amount" data-count="0"
                               name="{{ $detail_key_name }}[cgst_amount]"
                               id="cgst_amount_{{ $key }}" readonly type="text"
                               value="{{ $salesorder_detail->cgst_amount }}"/>
                    </div>
                </td>
                <td class="igst_td {{ ( $salesorder->is_igst_customer == true) ? "" : "d-none" }}">
                    <div class="input-group">
                        <input class="form-control form-control-sm amount text-right igst_per"
                               type="text" data-count="{{ $key }}" name="{{ $detail_key_name }}{{ $key }}[igst_per]"
                               id="igst_per_{{ $key }}" min="1" value="{{ $salesorder_detail->igst_per }}"/>
                        <input class="form-control form-control-sm igst_amount" data-count="{{ $key }}"
                               name="{{ $detail_key_name }}[igst_amount]"
                               id="igst_amount_{{ $key }}" readonly type="text"
                               value="{{ $salesorder_detail->igst_amount }}"/>
                    </div>
                </td>
                <td>
                    <div class="input-group">
                        <input class="form-control form-control-sm amount text-right net_total-js" type="text"
                               name="{{ $detail_key_name }}{{ $key }}[net_total]"
                               id="net_total_{{ $key }}" min="1" readonly value="{{ $salesorder_detail->net_total }}"/>
                    </div>
                </td>
                <td>
                    <button type="button" class="btn btn-sm btn-clean delete_salesorder_details 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-tr_count="0" class="table_tr">
            <td>
                <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
                    <div class="btn-group" role="group">
                        <select name="{{ $detail_key_name }}[0][material_id]" id="material_id_0"
                                data-id="material_id"
                                data-count="0"
                                class="form-control form-control-sm form-control-solid material-select2-js"
                                data-action="{{ route('material.autocomplete') }}">
                        </select>
                    </div>
                    <a href="{{ route('material.create') }}" target="_blank"
                       class="btn btn-primary btn-sm" type="submit">
                        <i class="flaticon-plus"></i>
                    </a>
                </div>
            </td>
            <td>
                <div class="form-group d-flex flex-column">
                    <div class="btn-group">
                        <select class="form-control form-control-solid form-control-lg color-select2-js"
                                name="{{ $detail_key_name }}[0][color_id]" id="color_id_0"
                                data-id="color_id" data-count="0"
                                data-action="{{ route('color.autocomplete') }}"
                                data-placeholder="select Color">
                        </select>
                        <a href="{{ route('color.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">
                    <input class="form-control form-control-sm text-right quantity-js" data-count="0"
                           type="text" name="{{ $detail_key_name }}[0][quantity]"
                           id="quantity_0" min="1"/>
                </div>
            </td>
            <td>
                <div class="input-group">
                    <select name="{{ $detail_key_name }}[0][unit_id]" id="unit_id_0" data-count="0"
                            class="form-control form-control-sm unit-select2-js unit-js" readonly="readonly">
                    </select>
                </div>
            </td>
            <td>
                <div class="input-group">
                    <input class="form-control form-control-sm"
                           type="text" name="{{ $detail_key_name }}[size]" id="size_0" placeholder=""/>
                </div>
            </td>
            <td>
                <div class="input-group">
                  <textarea class="form-control form-control-sm" type="text" id="remarks_0"
                            name="{{ $detail_key_name }}[remarks]"></textarea>
                </div>
            </td>
            <td>
                <div class="input-group">
                    <input class="form-control form-control-sm date" type="date" id="due_on_0"
                           name="{{ $detail_key_name }}[due_on]" min="{{ \Carbon\Carbon::now()->format('Y-m-d') }}">
                </div>
            </td>
            <td>
                <div class="input-group">
                    <input class="form-control form-control-sm rate text-right rate-js"
                           type="text" data-count="0" name="{{ $detail_key_name }}[rate]"
                           id="rate_0"
                           min="1"/>
                </div>
            </td>
            <td>
                <div class="input-group">
                    <input class="form-control form-control-sm amount text-right amount-js"
                           type="text" data-count="0" name="{{ $detail_key_name }}[amount]"
                           id="amount_0" min="1" readonly/>
                </div>
            </td>
            <td>
                <div class="input-group">
                    <input class="form-control form-control-sm discount_amount text-right discount_amount-js"
                           type="text" data-count="0"
                           name="{{ $detail_key_name }}[discount_amount]"
                           id="discount_amount_0" min="1"/>
                </div>
            </td>
            <td class="sgst_td {{ (isset($quotation->is_igst_customer) && $quotation->is_igst_customer) == false ? '' : 'd-none'}}">
                <div class="input-group">
                    <input class="form-control form-control-sm amount text-right sgst_per"
                           type="text" data-count="0" name="{{ $detail_key_name }}[sgst_per]"
                           id="sgst_per_0" min="1"/>
                    <input class="form-control form-control-sm sgst_amount" data-count="0"
                           name="{{ $detail_key_name }}[sgst_amount]" id="sgst_amount_0" type="text" readonly/>
                </div>
            </td>
            <td class="cgst_td {{ (isset($quotation->is_igst_customer) && $quotation->is_igst_customer) == false ? '' : 'd-none'}}">
                <div class="input-group">
                    <input class="form-control form-control-sm text-right cgst_per"
                           type="text" data-count="0" name="{{ $detail_key_name }}[cgst_per]"
                           id="cgst_per_0" min="1"/>
                    <input class="form-control form-control-sm cgst_amount" data-count="0"
                           name="{{ $detail_key_name }}[cgst_amount]"
                           id="cgst_amount_0" readonly type="text"/>
                </div>
            </td>
            <td class="igst_td {{(isset($quotation->is_igst_customer) && $quotation->is_igst_customer) == false ? 'd-none' : '' }}">
                <div class="input-group">
                    <input class="form-control form-control-sm amount text-right igst_per"
                           type="text" data-count="0" name="{{ $detail_key_name }}[igst_per]"
                           id="igst_per_0" min="1"/>
                    <input class="form-control form-control-sm igst_amount" data-coun="0"
                           name="{{ $detail_key_name }}[igst_amount]"
                           id="igst_amount_0" readonly type="text"/>
                </div>
            </td>
            <td>
                <div class="input-group">
                    <input class="form-control form-control-sm amount text-right net_total-js" type="text"
                           name="{{ $detail_key_name }}[net_total]"
                           id="net_total_0" min="1" readonly/>
                </div>
            </td>
            <td>
                <button type="button" class="btn btn-sm btn-clean delete_salesorder_details btn-icon"
                        data-repeater-delete><i
                            class="fas fa-trash-alt text-danger icon-md"></i></button>
            </td>
        </tr>
    @endif
@endif