@model SMS_MVCDTO.Models.ViewModels.CartTotalViewModel

<partial name="_Notification" />


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

        <!-- Signup Form -->
        <h1> Transaction  @Html.DisplayNameFor(model => model.CartId) ..</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>Bar Code</th>
                        <th>Name</th>
                        <th>Quantity</th>
                        <th>Amount(&#x20A6;)</th>
                        <th>Total(&#x20A6;)</th>

                        @*<th>(&#x20A6;)</th>*@

                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @{
                        int serialNumber = 1;
                        serialNumber++;
                    }
                    @foreach (var item in Model.ListOfCartProduccts)
                    {

                        <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>
                                &#x20A6;@Html.DisplayFor(modelItem => item.Data.ProductPrice)
                            </td>

                            <td>
                                &#x20A6;@Html.DisplayFor(modelItem => item.Data.Total)
                            </td>

                            <td>
                                <a asp-action="Delete" asp-route-staffId="@item.Data.Id"> Remove </a>
                                @*|| <a asp-action="Delete"
                            asp-route-staffId="@item.Data.Id"> More </a>*@
                            </td>
                        </tr>
                    }

                </tbody>
            </table>
           @* <input type="text" />

            @using (Html.BeginForm("Create", "Transaction"))
            {
                <div class="form-group">
                    @Html.LabelFor(x => x.Product.Data.Name, new {@class = "control-label"})
                    @Html.TextBoxFor(x => x.Product.Data.Name, new {@class = "form-control", @readonly="readonly"})
                    @Html.ValidationMessageFor(x => x.Product.Data.Name,"", new {@class="text-danger"})
                </div>

                <div class="form-group">
                    <button type="submit" class="btn btn-success">Add</button>
                </div>
            }
*@
            <p>
                <input class="col-12" placeholder="TOTAL: &#x20A6;@Model.CartTotal" />
                <button>
                    <a asp-controller="Transaction" asp-action="Create"
                       asp-route-CustomerId="@Model.CustomerId"> <i class="fa fa-hand-receiving"> Pay now</i>  </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>



