@using EveryThing.Models.Invoice
@model EveryThing.Models.Invoice.InvoiceItem

<tr data-idinvoiceitem="@Model.IdInvoiceItem">
    <td>
        @Html.DisplayFor(x => Model.ItemDisplay)
    </td>
    <td class="table-number">@Html.DisplayFor(x => Model.Quantity)</td>
    <td class="table-number">@Html.DisplayFor(x => Model.Price)</td>
    <td class="table-number">@Html.DisplayFor(x => Model.Discount)</td>
    <td class="table-number">@Html.DisplayFor(x => Model.Tax)</td>
    <td class="table-number">@Html.DisplayFor(x => Model.TotalValue)</td>
    @if (Model.Invoice.Type != Invoice.InvoiceType.Invoice)
    {
        <td class="table-status">@Html.DisplayFor(modelItem => Model.State)</td>
    }
    <td class="text-right" style="width: 70px;">
        <a class="btn btn-xs icon-btn btn-outline-secondary borderless" data-state="secondary" href='javascript:;'><i class="fas fa-pencil-alt" hx-get="@Url.Page("Edit", "InvoiceItemEdit", new {id = Model.IdInvoiceItem})" hx-swap="outerHTML" hx-target="closest tr"></i></a>
        <a class="btn btn-xs icon-btn btn-outline-danger borderless" data-state="danger" href='javascript:;' onclick="deleteInvoiceItem(this)"><i class="fas fa-times"></i></a>
    </td>
</tr>