@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="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-coun="{{ $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_purchaseorder_details btn-icon" data-repeater-delete><i
                                class="fas fa-trash-alt text-danger icon-md"></i></button>
                </td>
            </tr>
        @endforeach
    @elseif($purchaseorder_details)
        @php
            $has_is_igst_customer = false;
            if(isset($purchaseorder->is_igst_customer)) $has_is_igst_customer = $purchaseorder->is_igst_customer;
        @endphp
        @foreach($purchaseorder_details as $key =>$purchaseorder_detail)
            <tr data-repeater-item data-tr_count="{{ $tr_count }}" class="table_tr">
                <input type="hidden" name="{{ $detail_key_name }} {{ $key }}[id]" id="id" value="{{ $purchaseorder_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-sm form-control-solid material-select2-js"
                                    data-action="{{ route('material.autocomplete') }}">
                                @if($purchaseorder_detail->material)
                                <option value="{{ $purchaseorder_detail->material->id }}"
                                        selected>{{ $purchaseorder_detail->material->code. ' - ' .$purchaseorder_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="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="{{ $purchaseorder_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($purchaseorder_detail->unit)
                                <option value="{{ $purchaseorder_detail->unit->id }}" selected>{{ $purchaseorder_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 }}[size]" id="size{{ $key }}"
                               value="{{ $purchaseorder_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 }}[remarks]"> {{ $purchaseorder_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 }}[due_on]" min="{{ \Carbon\Carbon::parse($purchaseorder_detail->due_on)->format('Y-m-d') }}" value="{{ $purchaseorder_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 }}[rate]"
                               id="rate{{ $key }}"
                               min="1" value="{{ $purchaseorder_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 }}[amount]"
                               id="amount{{ $key }}" min="1" value="{{ $purchaseorder_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 }}[discount_amount]"
                               value="{{ $purchaseorder_detail->discount_amount }}"
                               id="discount_amount{{ $key }}" min="1"/>
                    </div>
                </td>
                <td class="sgst_td {{ ($purchaseorder->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 }}[sgst_per]"
                               id="sgst_per{{ $key }}" min="1" value="{{ $purchaseorder_detail['sgst_per'] }}"/>
                        <input class="form-control form-control-sm sgst_amount" data-count="{{ $key }}"
                               value="{{ $purchaseorder_detail['sgst_amount'] }}"
                               name="{{ $detail_key_name }}[sgst_amount]" id="sgst_amount{{ $key }}" type="text"
                               readonly/>
                    </div>
                </td>
                <td class="cgst_td {{ ( $purchaseorder->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 }}[cgst_per]"
                               id="cgst_per{{ $key }}" min="1" value="{{ $purchaseorder_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="{{ $purchaseorder_detail->cgst_amount }}"/>
                    </div>
                </td>
                <td class="igst_td {{ ( $purchaseorder->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="{{ $key }}" name="{{ $detail_key_name }}[igst_per]"
                               id="igst_per{{ $key }}" min="1" value="{{ $purchaseorder_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="{{ $purchaseorder_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 }}[net_total]"
                               id="net_total0" min="1"  readonly value="{{ $purchaseorder_detail->net_total }}"/>
                    </div>
                </td>
                <td>
                    <button type="button" class="btn btn-sm btn-clean delete_purchaseorder_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_type_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="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" min="1" />
                </div>
            </td>
            <td>
                <div class="input-group">
                    <select name="{{ $detail_key_name }}[0][unit_id]" id="unit_id" 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="size0" placeholder=""/>
                </div>
            </td>
            <td>
                <div class="input-group">
                  <textarea class="form-control form-control-sm" type="text" id="remarks0"
                            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{{ $key }}"
                           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="rate0"
                           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="amount0" 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_amount0" min="1"/>
                </div>
            </td>
            <td class="sgst_td ">
                <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_per0" min="1"/>
                    <input class="form-control form-control-sm sgst_amount" data-count="0"
                           name="{{ $detail_key_name }}[sgst_amount]" id="sgst_amount0" type="text" readonly/>
                </div>
            </td>
            <td class="cgst_td ">
                <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_per0" 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">
                <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_per0" min="1"/>
                    <input class="form-control form-control-sm igst_amount" data-coun="0"
                           name="{{ $detail_key_name }}[igst_amount]"
                           id="igst_amount0" 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_total0" min="1"  readonly/>
                </div>
            </td>
            <td>
                <button type="button" class="btn btn-sm btn-clean delete_purchaseorder_details btn-icon" data-repeater-delete><i
                            class="fas fa-trash-alt text-danger icon-md"></i></button>
            </td>
        </tr>
    @endif
@endif