@using SMS_MVCDTO.Models.DTOs.CartDTOs;
@model IEnumerable<CartResponseModel>

<partial name="_Notification" />


<main class="main">
    <!-- <div class="dashboard"> -->
    <div class="form-container">

        <!-- Signup Form -->
        <h1>Customers..</h1>

        @*<a asp-controller="Book" asp-action="uploadBook">Create Book</a>*@
        <div id="">
            <table class="table table-info">
                <thead>
                    <tr>
                        <th>S/N</th>

                        <th>
                            @Html.DisplayNameFor(model => model.Data.ProductId)
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model.Data.ProductName)
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model.Data.Quantity)
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model.Data.ProductPrice) (&#x20A6;)
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model.Data.Total) (&#x20A6;)
                        </th>
                        @*  <th>
                        @Html.DisplayNameFor(model =>
                        model.Data.GuarantorName)
                        </th>*@
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @{
                        int serialNumber = 1;
                    }
                    @foreach (var item in Model)
                    {

                        <tr>
                            <td>
                                @serialNumber
                            </td>
                            <td>
                                @Html.DisplayFor(modelItem => item.Data.ProductId)
                            </td>
                            <td>
                                @Html.DisplayFor(modelItem => item.Data.ProductName)
                            </td>

                            <td>
                                @Html.DisplayFor(modelItem => item.Data.Quantity)
                            </td>

                            <td>
                                @Html.DisplayFor(modelItem => item.Data.ProductPrice)
                            </td>

                            <td>
                                @Html.DisplayFor(modelItem => item.Data.Total)
                            </td>

                            <td>
                                <a asp-action="Delete"
                               asp-route-staffId="@item.Data.Id">  </a>
                            </td>
                        </tr>
                        serialNumber++;
                    }
                </tbody>
            </table>
            <p>
                <button>
                    <a asp-action="Create"
                       asp-route-TransactionId="">  </a>
                </button>

            </p>

        </div>

    </div>

    <!-- search box  -->
    <div class="search-container-side">

        <!-- search box  -->
        <div class="search-container">
            <form>
                <input type="text" placeholder="Customer ID..." name="Details">
                <button type="submit">
                    <i class="fa fa-search"></i> Search
                </button>
            </form>
        </div>

        <!-- search box  -->
        <div class="search-container">
            <form>
                <input type="text" placeholder="Search1...">
                <button type="submit">
                    <i class="fa fa-search"></i> Search
                </button>
            </form>
        </div>

    </div>


</main>



