<!-- template.html -->
<div class="flex flex-row sortable items-center py-2">
  <div class="flex-1 dragger-container max-w-xs">
    <div class="dragger dragger-spacer"></div>
  </div>
  <div class="w-full grid-columns gap-3 p-5 hover-bg-gray hover-bg-gray-50 items-center grid-cols-26 border-solid border-1 border-gray-200 shadow-sm">
    <!-- NO + drag-->
    <div class="col-span-1 p-2 max-w-ws flex border-r-1 justify-center border-gray-200 border-solid">
      <%= index + 1 %>
    </div>

    <!-- Denumire-->
    <div class="col-span-8 p-2 flex border-r-1 border-gray-200 border-solid cursor-pointer">
      <span><%= item.description %></span>
    </div>

    <!-- Descriere -->
    <div class="col-span-7 p-2 flex border-r-1 border-gray-200 border-solid cursor-pointer">
      <span><%= item.long_description %></span>
    </div>

    <!-- Cod produs -->
    <div class="col-span-3 p-2 flex border-r-1 border-gray-200 border-solid cursor-pointer">
      <span><%= item.sku %></span>
    </div>

    <!-- UM -->
    <div class="col-span-1 p-2 flex border-r-1 border-gray-200 border-solid cursor-pointer">
      <span><%= item.unit %></span>
    </div>

    <!-- Cantitate -->
    <div class="col-span-1 p-2 flex border-r-1 border-gray-200 border-solid cursor-pointer">
      <span><%= item.qty %></span>
    </div>

    <!-- CotaTVA-->
    <div class="col-span-2 p-2 flex border-r-1 border-gray-200 border-solid cursor-pointer justify-center">
      <span><%= item.taxname %></span>
    </div>

    <!-- Currency -->
    <div class="col-span-1 p-2 flex border-r-1 border-gray-200 border-solid cursor-pointer">
      <span><%= item.currency_name %></span>
    </div>

    <!-- Price -->
    <div class="col-span-1 p-2 flex border-r-1 border-gray-200 border-solid cursor-pointer">
      <span><%= item.rate %></span>
    </div>

    <!-- Denumire -->
    <div class="col-span-1 p-2 flex border-r-1 justify-end">
      <div class="flex flex-row">
        <i class="fa-regular fa-pen text-indigo-200 mr-6 cursor-pointer editInvoiceItem"  data-item-index="<%= index %>"></i>
        <i class="fa-solid fa-xmark text-red-400 cursor-pointer" onclick="testItems.handleDeleteButtonClick(event, items)" data-item-index="<%= index %>"></i>
      </div>
    </div>
  </div>
</div>