View

<table class="table">
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.Forklift.ModelNumber)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Forklift.ManufacturerID)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Forklift.Power)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Forklift.Capacity)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Forklift.Year)
        </th>
        <th style="text-align: center;">
            @Html.DisplayNameFor(model => model.Forklift.LoweredHeight)/@Html.DisplayNameFor(model => model.Forklift.RaisedHeight)
        </th>
        <th style="text-align: right;">
            @Html.DisplayNameFor(model => model.Forklift.PurchasedPrice)
        </th>
        <th style="text-align: right;">
            @Html.DisplayNameFor(model => model.Forklift.WholesalePrice)
        </th>
        <th style="text-align: right;">
            @Html.DisplayNameFor(model => model.Forklift.RetailPrice)
        </th>
        <th>

        </th>
    </tr>

    @foreach (var item in Model.ForkliftStockInventoryList)
    {
        <tr onclick="location.href = '@(Url.Action("Details", "Forklift", new { id = item.ForkliftID }))'" class="inventory-row">
            <td>
                @Html.DisplayFor(modelItem => item.ModelNumber)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Manufacturer.Name)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Power)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Capacity)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Year)
            </td>
            <td style="text-align: center;">
                @Html.DisplayFor(modelItem => item.LoweredHeight)"/@Html.DisplayFor(modelItem => item.RaisedHeight)"
            </td>
            <td style="text-align: right;">
                $@Html.DisplayFor(modelItem => item.PurchasedPrice)
            </td>
            <td style="text-align: right;">
                $@Html.DisplayFor(modelItem => item.WholesalePrice)
            </td>
            <td style="text-align: right;">
                $@Html.DisplayFor(modelItem => item.RetailPrice)
            </td>
            <td>
                <script type="text/javascript">
                    $(document).ready(function () {
                        $(".btn.btn-danger").click(function (e) {
                            e.stopPropagation()
                            let target = $(this).data('target')
                            $(target).modal('show')
                        })
                    })
                </script>

                <button id="Test" type="button" class="btn btn-danger" data-toggle="modal" data-target="#DeleteForkliftModal">
                    <i class="fas fa-trash-alt"></i>
                </button>

            </td>
        </tr>
    }

</table>


<div class="modal fade" id="DeleteForkliftModal" tabindex="-1" role="dialog" aria-labelledby="DeleteForkliftModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="DeleteForkliftModalLabel">Warning</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                Are you sure you want to delete the forklift?
                <br />
                This action cannot be undone.
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Delete</button>
            </div>
        </div>
    </div>
</div>