Online Restaurant Website Part 28 Our Menu

on

   Online Restaurant Website Part 28 Our Menu

Hi, Dear's here we learn how to implement "Pizza Restaurant Drink" Website in Visual Studio using C# ASP.NET MVC. Ilyasoft software company provide full project step by step training on our YouTube Channel ilyasoft software company so now subscribe, share and like for more project base tutorials



In this video we are going to implement Our Menu for more details click here: watch vedio

First we are going to create  OurMenu  action inside in home controller and then copy the code from Index action code add below:

> OurMenu  Action: 

public ActionResult OurMenu()
        {
            var home = new HomeMV();
            return View(home);
        }

public ActionResult OurMenu()

        {

            var home = new HomeMV();

            return View(home);

        }


Next Create OurMenu View for OurMenu Action

OurMenu View Code : 

  @model PizzaRestaurantDrink.Models.HomeMV
@{
    ViewBag.Title = "Our Menu";
}

<!-- Breadcrumb Start -->
<div class="bread-crumb">
    <div class="container">
        <div class="matter">
            <h2>Food Menu</h2>
            <ul class="list-inline">
                <li class="list-inline-item"><a href="@Url.Content("~/Home/Index")">HOME</a></li>
                <li class="list-inline-item"><a href="@Url.Content("~/Home/OurMenu")">Food Menu</a></li>
            </ul>
        </div>
    </div>
</div>
<!-- Breadcrumb End -->
<!-- Popular Dishes Start -->
<div class="dishes no-border">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 commontop text-center">
                <h4>Our Popular Dishes</h4>
                <div class="divider style-1 center">
                    <span class="hr-simple left"></span>
                    <i class="icofont icofont-ui-press hr-icon"></i>
                    <span class="hr-simple right"></span>
                </div>
                <p>The purpose of a restaurant menu is to provide customers with a variety of options to choose from and to help them decide what they want to eat and drink while dining at the restaurant.</p>
            </div>
            <!-- Title Content End -->
            <div class="col-sm-12">
                <div class="dish owl-carousel">
                    @foreach (var item in Model.PopularDishes)
                    {
                        <div class="item">
                            <!-- Box Start -->
                            <div class="box">
                                <a href="#"><img src="@Url.Content(item.ItemPhotoPath)" alt="@item.StockItemTitle" title="@item.StockItemTitle" class="img-fluid" /></a>
                                <div class="caption">
                                    <h4>@item.StockItemTitle</h4>
                                    <span>Order Type : @item.OrderType</span>
                                    <p>@item.UnitPrice</p>
                                </div>
                            </div>
                            <!-- Box End -->
                        </div>
                    }
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Popular Dishes End -->
<!-- Food Menu Start -->
@{
    bool is_menu_gray = true;
    foreach (var category in Model.Menu)
    {
        var menucategory = category.MenuCategory.Replace(' ', '_').ToLower();

        if (is_menu_gray == true)
        {
            if (category.Lists != null)
            {
                if (category.Lists.Count() > 0)
                {
                    <div class="menu menu-2 gray-bg">
                        <div class="menu-inner">
                            <div class="container">
                                <div class="row ">
                                    <!-- Title Content Start -->
                                    <div class="col-sm-12 col-12 commontop text-center">
                                        <h4>@menucategory Menu</h4>
                                        <div class="divider style-1 center">
                                            <span class="hr-simple left"></span>
                                            <i class="icofont icofont-ui-press hr-icon"></i>
                                            <span class="hr-simple right"></span>
                                        </div>
                                        <p>The purpose of a restaurant menu is to provide customers with a variety of options to choose from and to help them decide what they want to eat and drink while dining at the restaurant.</p>
                                    </div>
                                    <!-- Title Content End -->

                                    <div class="col-sm-12 col-12">
                                        <div class="row">
                                            @foreach (var item in category.Lists)
                                            {
                                                <div class="col-md-6 col-sm-6 col-12">
                                                    <!-- Box Start -->
                                                    <div class="box">
                                                        <div class="image">
                                                            <img src="@Url.Content(item.ItemPhotoPath)" alt="@item.StockItemTitle" title="@item.StockItemTitle" class="img-fluid" style="border-radius: 50%;" />
                                                        </div>
                                                        <div class="caption">
                                                            <h4>@item.StockItemTitle - @item.ItemSize | (@item.VisibleStatus)</h4>
                                                            <p class="des">Order Type : @item.OrderType  | Reg Date :  @item.RegisterDate | Created By : @item.CreateBy </p>
                                                            <div class="price">PRICE : @item.UnitPrice PKR</div>
                                                        </div>
                                                    </div>
                                                    <!-- Box End -->
                                                </div>
                                            }
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    is_menu_gray = false;
                }
            }
        }
        else
        {
            if (category.Lists != null)
            {
                if (category.Lists.Count() > 0)
                {
                    <div class="menu menu-2 white-bg">
                        <div class="menu-inner">
                            <div class="container">
                                <div class="row ">
                                    <!-- Title Content Start -->
                                    <div class="col-sm-12 col-12 commontop text-center">
                                        <h4>@menucategory Menu</h4>
                                        <div class="divider style-1 center">
                                            <span class="hr-simple left"></span>
                                            <i class="icofont icofont-ui-press hr-icon"></i>
                                            <span class="hr-simple right"></span>
                                        </div>
                                        <p>The purpose of a restaurant menu is to provide customers with a variety of options to choose from and to help them decide what they want to eat and drink while dining at the restaurant.</p>
                                    </div>
                                    <!-- Title Content End -->

                                    <div class="col-sm-12 col-12">
                                        <div class="row">
                                            @foreach (var item in category.Lists)
                                            {
                                                <div class="col-md-6 col-sm-6 col-12">
                                                    <!-- Box Start -->
                                                    <div class="box">
                                                        <div class="image">
                                                            <img src="@Url.Content(item.ItemPhotoPath)" alt="@item.StockItemTitle" title="@item.StockItemTitle" class="img-fluid" style="border-radius: 50%;" />
                                                        </div>
                                                        <div class="caption">
                                                            <h4>@item.StockItemTitle - @item.ItemSize | (@item.VisibleStatus)</h4>
                                                            <p class="des">Order Type : @item.OrderType  | Reg Date :  @item.RegisterDate | Created By : @item.CreateBy </p>
                                                            <div class="price">PRICE : @item.UnitPrice PKR</div>
                                                        </div>
                                                    </div>
                                                    <!-- Box End -->
                                                </div>
                                            }
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    is_menu_gray = true;
                }
            }
        }
    }
}
<!-- Food Menu End -->


so once all above steps is done then run the application... 

Comments

Post a Comment