<script type="text/javascript">

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

    document.querySelector("#btn_remove").addEventListener("click", function(){
        document.querySelector('#row').remove();
    });

</script>

Unexpected toke '<' hatası alıyorum