c# – Mango.Web API application

Posted on by faz_business


Can someone correct the code and see if you can send me a screenshot of the code and solution?

@model Mango.Web.Models.CartDto

<!-- Custom CSS to standardize product image sizes -->
<style>
    .product-image {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 0.5rem;
    }
</style>

@if (Model.CartHeader != null && Model.CartDetails?.Count() > 0)
{
    <form method="post">
        <br />
        <input asp-for="CartHeader.UserId" hidden />
        <input asp-for="CartHeader.CartHeaderId" hidden />
        <div class="container">
            <div class="card mt-4">
                <!-- Header -->
                <div class="card-header header-style text-light row">
                    <div class="col-6">
                        <h3 class="text-success"><i class="bi bi-cart"></i> &nbsp; Shopping Cart</h3>
                    </div>
                    <div class="col-6 text-end">
                        <a asp-action="Index" asp-controller="Home" class="btn btn-outline-warning mt-2 btn-sm">
                            Continue Shopping
                        </a>
                    </div>
                </div>

                <!-- Body -->
                <div class="card-body body-style">
                    <div class="d-none d-lg-block">
                        <div class="row text-info">
                            <div class="col-lg-2"></div>
                            <div class="col-lg-5">Product Details</div>
                            <div class="col-lg-2">Price</div>
                            <div class="col-lg-2">Count</div>
                            <div class="col-lg-1"></div>
                        </div>
                    </div>
                    <hr />
                    @foreach (var cartObj in Model.CartDetails)
                    {
                        <div class="row h-100">
                            <div class="col-4 col-md-2 text-center py-2">
                                <img src="@cartObj.Product.ImageUrl" class="product-image" alt="@cartObj.Product.Name" />
                            </div>
                            <div class="col-8 col-md-5">
                                <h5>@cartObj.Product.Name</h5>
                                <div style="font-size:11px;">
                                    @Html.Raw(cartObj.Product.Description)
                                </div>
                            </div>
                            <div class="col-3 col-md-2 pt-md-4" style="font-size:11px;">
                                <span style="font-size:17px;">
                                    @string.Format("{0:c}", cartObj.Product.Price)
                                </span>
                            </div>
                            <div class="col-3 col-md-2 pt-md-4" style="font-size:11px;">
                                <span style="font-size:17px;">@cartObj.Count</span>
                            </div>
                            <div class="col-2 col-lg-1 p-0 pt-lg-4 text-center">
                                <a asp-action="Remove" asp-route-cartDetailsId="@cartObj.CartDetailsId"
                                   class="btn btn-sm btn-danger">
                                    <i class="bi bi-trash-fill"></i>
                                </a>
                            </div>
                        </div>
                        <hr />
                    }

                    <!-- Coupon -->
                    <div class="row">
                        <div class="col-6">
                            @if (string.IsNullOrEmpty(Model.CartHeader.CouponCode))
                            {
                                <span>Coupon:</span>
                                <input asp-for="CartHeader.CouponCode" />
                                <button type="submit" asp-action="ApplyCoupon" class="btn btn-sm btn-success">
                                    Apply
                                </button>
                            }
                            else
                            {
                                <span>Coupon:</span>
                                <input asp-for="CartHeader.CouponCode" disabled />
                                <button type="submit" asp-action="RemoveCoupon" class="btn btn-sm btn-success">
                                    Remove
                                </button>
                            }
                        </div>
                        <div class="col-6 text-end">
                            <div>
                                <span class="text-danger" style="font-size:21px;">
                                    Order Total: @string.Format("{0:c}", Model.CartHeader.CartTotal)
                                </span>
                            </div>
                            @if (Model.CartHeader.Discount > 0)
                            {
                                <div>
                                    <span class="text-success">
                                        Order Discount: @string.Format("{0:c}", Model.CartHeader.Discount)
                                    </span>
                                </div>
                            }
                        </div>
                    </div>
                </div>

                <!-- Footer -->
                <div class="card-footer footer-style row">
                    <div class="col-6 col-md-3">
                        <button type="submit" class="btn btn-outline-danger form-control">
                            Email Cart
                        </button>
                    </div>
                    <div class="col-6 col-md-3 offset-md-6">
                        <a asp-action="Checkout" class="btn btn-success form-control">Looks Good?</a>
                    </div>
                </div>
            </div>
        </div>
    </form>
}
else
{
    <div>Please add items to Cart</div>
}

enter image description hereenter image description here

please fill the form as the image:

@model Mango.Web.Models.CartDto

<!-- Custom CSS to standardize product image sizes -->
<style>
    .product-image {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 0.5rem;
    }
</style>

@if (Model.CartHeader != null && Model.CartDetails?.Count() > 0)
{
    <form method="post">
        <br />
        <input asp-for="CartHeader.UserId" hidden />
        <input asp-for="CartHeader.CartHeaderId" hidden />
        <div class="container">
            <div class="card mt-4">
                <!-- Header -->
                <div class="card-header header-style text-light row">
                    <div class="col-6">
                        <h3 class="text-success"><i class="bi bi-cart"></i> &nbsp; Shopping Cart</h3>
                    </div>
                    <div class="col-6 text-end">
                        <a asp-action="Index" asp-controller="Home" class="btn btn-outline-warning mt-2 btn-sm">
                            Continue Shopping
                        </a>
                    </div>
                </div>

                <!-- Body -->
                <div class="card-body body-style">
                    <div class="d-none d-lg-block">
                        <div class="row text-info">
                            <div class="col-lg-2"></div>
                            <div class="col-lg-5">Product Details</div>
                            <div class="col-lg-2">Price</div>
                            <div class="col-lg-2">Count</div>
                            <div class="col-lg-1"></div>
                        </div>
                    </div>
                    <hr />
                    @foreach (var cartObj in Model.CartDetails)
                    {
                        <div class="row h-100">
                            <div class="col-4 col-md-2 text-center py-2">
                                <img src="@cartObj.Product.ImageUrl" class="product-image" alt="@cartObj.Product.Name" />
                            </div>
                            <div class="col-8 col-md-5">
                                <h5>@cartObj.Product.Name</h5>
                                <div style="font-size:11px;">
                                    @Html.Raw(cartObj.Product.Description)
                                </div>
                            </div>
                            <div class="col-3 col-md-2 pt-md-4" style="font-size:11px;">
                                <span style="font-size:17px;">
                                    @string.Format("{0:c}", cartObj.Product.Price)
                                </span>
                            </div>
                            <div class="col-3 col-md-2 pt-md-4" style="font-size:11px;">
                                <span style="font-size:17px;">@cartObj.Count</span>
                            </div>
                            <div class="col-2 col-lg-1 p-0 pt-lg-4 text-center">
                                <a asp-action="Remove" asp-route-cartDetailsId="@cartObj.CartDetailsId"
                                   class="btn btn-sm btn-danger">
                                    <i class="bi bi-trash-fill"></i>
                                </a>
                            </div>
                        </div>
                        <hr />
                    }

                    <!-- Coupon -->
                    <div class="row">
                        <div class="col-6">
                            @if (string.IsNullOrEmpty(Model.CartHeader.CouponCode))
                            {
                                <span>Coupon:</span>
                                <input asp-for="CartHeader.CouponCode" />
                                <button type="submit" asp-action="ApplyCoupon" class="btn btn-sm btn-success">
                                    Apply
                                </button>
                            }
                            else
                            {
                                <span>Coupon:</span>
                                <input asp-for="CartHeader.CouponCode" disabled />
                                <button type="submit" asp-action="RemoveCoupon" class="btn btn-sm btn-success">
                                    Remove
                                </button>
                            }
                        </div>
                        <div class="col-6 text-end">
                            <div>
                                <span class="text-danger" style="font-size:21px;">
                                    Order Total: @string.Format("{0:c}", Model.CartHeader.CartTotal)
                                </span>
                            </div>
                            @if (Model.CartHeader.Discount > 0)
                            {
                                <div>
                                    <span class="text-success">
                                        Order Discount: @string.Format("{0:c}", Model.CartHeader.Discount)
                                    </span>
                                </div>
                            }
                        </div>
                    </div>
                </div>

                <!-- Footer -->
                <div class="card-footer footer-style row">
                    <div class="col-6 col-md-3">
                        <button type="submit" class="btn btn-outline-danger form-control">
                            Email Cart
                        </button>
                    </div>
                    <div class="col-6 col-md-3 offset-md-6">
                        <a asp-action="Checkout" class="btn btn-success form-control">Looks Good?</a>
                    </div>
                </div>
            </div>
        </div>
    </form>
}
else
{
    <div>Please add items to Cart</div>
}

describes that clearly.

enter image description here

sql working table:

enter image description here

Awaiting your reply,

![Empty Order Detail form with missing values like Name, Email, and Order Date](https://i.stack.imgur.com/ABC123.png)

![Order List table showing multiple orders with customer email and pending status](https://i.stack.imgur.com/DEF456.png)

![Unfilled Order Summary form, incorrectly displaying 01/01/0001 as order date](https://i.stack.imgur.com/GHI789.png)

![Correctly filled Order Detail page with Name, Phone, Email, Order Date, and Price summary](https://i.stack.imgur.com/JKL101.png)

![Microsoft SQL Server Management Studio showing Mango database and multiple tables](https://i.stack.imgur.com/MNO112.png)

SQL not working.

The orderDetails.cshtml must be working with data added when press on view and table filled.

Leave a Reply

Your email address will not be published. Required fields are marked *