@props([
    'index' => ':index',
    'detail' => [],
    'products' => [],
    'template' => empty($detail) ? 'data-template-' : '',
    'isFormCreate' => true,
    'purchaseInvoiceDetail' => null,
])

<tr id="{{ !empty($detail) ? 'tr-detail-product' . $index : 'tr-detail-template-product' }}" class="p-0" data-index="{{ $index }}" data-purchase-invoice-detail="{{ json_encode($purchaseInvoiceDetail) }}" data-from-old="{{ !empty($detail) ? 1 : 0 }}">
    <td class="row-number text-center py-1 align-middle"></td>
    <td class="p-0">
        <x-details.input-hidden :detail="$detail" :index="$index" name="id" />
        <x-details.input-hidden :detail="$detail" :index="$index" name="purchase_invoice_detail_id" />
        <x-details.input-group-product :detail="$detail" :index="$index" :products="$products" :readonly="!empty($purchaseInvoiceDetail)" />
    </td>
    <td class="p-0">
        <x-details.input-text
            :detail="$detail"
            :index="$index"
            name="quantity"
            :value="$detail['quantity'] ?? 1"
            class="inputmask-decimal"
            width="85px;"
            :readonly="!empty($purchaseInvoiceDetail)"
            placeholder="{{ __('Enter quantity') }}"
        />
    </td>
    <td class="p-0">
        <x-details.input-text
            :detail="$detail"
            :index="$index"
            name="unit_price"
            :value="$detail['unit_price'] ?? ''"
            class="inputmask-decimal"
            :readonly="!empty($purchaseInvoiceDetail)"
            placeholder="{{ __('Enter unit price') }}"
        />
    </td>
    <td class="p-0">
        <div {{ $template }}id="div-container-total-price{{ $index }}" data-index="{{ $index }}"></div>
        <x-details.input-text
            :detail="$detail"
            :index="$index"
            name="total_price"
            :value="$detail['total_price'] ?? ''"
            class="form-control inputmask-numeric total-price"
            :readonly="true"
            placeholder="{{ __('Calculated total price') }}"
        />
    </td>
    <td class="p-1">
        @if(!empty($detail))
            @if(!isset($detail['purchase_invoice_detail_id']) || empty($detail['purchase_invoice_detail_id']))
                <button type="button" class="btn btn-danger btn-sm" {{ $template }}id="btn-remove-detail{{ $index }}" data-index="{{ $index }}">
                    <i class="fa fa-trash"></i>
                </button>
            @endif
        @else
            <button type="button" class="btn btn-danger btn-sm" {{ $template }}id="btn-remove-detail{{ $index }}" data-index="{{ $index }}">
                <i class="fa fa-trash"></i>
            </button>
        @endif
    </td>
</tr>