<script type="text/javascript">

document.querySelector('#add-item').addEventListener('click', function()
{
    document.querySelector('#orderTable tbody').innerHTML += `
        <tr>
            <td>
                <select asp-items="@Model.Products" asp-for="@Model.OrderDetail.ProductId" class="form-select">
                @{
                    if (Model.Products.Count > 0)
                    {
                        <option>Lütfen ürün seçiniz</option>
                        @foreach (var item in Model.Products)
                        {
                            <option value="@item.Value">@item.Text</option>
                        }
                    }
                    else
                    {
                        <option>Hiçbir ürün yok</option>
                    }
                }
                </select>
            </td>
            <td>
                <div class="m-0">
                    <input asp-for="@Model.OrderDetail.Quantity" class="form-control" value="" />
                </div>
            </td>
        </tr>
    `;
});

</script>