Online Restaurant Website Part 26 Our Shop

    Online Restaurant Website Part 26 Our Shop

Hi, Dear's here we learn how to implement PizzaRestaurantDrink 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 Shop Designing + Implementation for more details click here: watch vedio

First we are going to create ItemMV for data model to show data in view. code add below:

ItemMV Model Code : 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace PizzaRestaurantDrink.Models
{
    public class ItemMV
    {
        public int StockItemID { get; set; }
        public string StockItemCategory { get; set; }
        public string ItemPhotoPath { get; set; }
        public string StockItemTitle { get; set; }
        public string ItemSize { get; set; }
        public double UnitPrice { get; set; }
        public System.DateTime RegisterDate { get; set; }
        public string VisibleStatus { get; set; }
        public string CreatedBy { get; set; }
        public string OrderType { get; set; }
        public int Rating { get; set; }
    }
}

Now add Allitems action in home controller,  first to create Allitem Action

> Allitems Action  Code : 

 public ActionResult AllItems()
        {
            var list = new List<ItemMV>();
            foreach (var item in db.StockItemTables.Where(i=>i.VisibleStatusID == 1).ToList())
            {
                var ordertype = db.OrderTypeTables.Find(item.OrderTypeID).OrderType;
                list.Add(new ItemMV() {
                    StockItemID = item.StockItemID,
                    ItemPhotoPath = item.ItemPhotoPath,
                    StockItemTitle = item.StockItemTitle,
                    ItemSize = item.ItemSize,
                    UnitPrice = item.UnitPrice,
                    OrderType = ordertype,
                    Rating = item.StockItemID
                });
            }

            var categorylist = new List<StockItemCategoryMV>();
            foreach (var category in db.StockItemCategoryTables.Where(c=>c.VisibleStatusID == 1).ToList())
            {
                categorylist.Add(new StockItemCategoryMV {
                StockItemCategoryID = category.StockItemCategoryID,
                StockItemCategory = category.StockItemCategory
                });
            }
            ViewBag.Categories = categorylist;
            var ordertypelist = new List<OrderTypeMV>();
            foreach (var ordertype in db.OrderTypeTables.ToList())
            {
                ordertypelist.Add(new OrderTypeMV() { 
                OrderTypeID = ordertype.OrderTypeID,
                OrderType = ordertype.OrderType
                });
            }
            ViewBag.OrderTypes = ordertypelist;


            return View(list);
        }



Next we are going to create view for AllItems
 'Allitem view', code show below 

>  Allitems View Code : 

@model IEnumerable<PizzaRestaurantDrink.Models.ItemMV>
@{
    ViewBag.Title = "AllItems";
}

<!-- Breadcrumb Start -->
<div class="bread-crumb">
    <div class="container">
        <div class="matter">
            <h2>Our Shop</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/AllItems")">Our Shop</a></li>
            </ul>
        </div>
    </div>
</div>
<!-- Breadcrumb End -->
<!-- Shop Start -->
<div class="shop">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <!-- Left Filter Start -->
                <div class="left-side">
                    <h4>SEARCH FILTERS</h4>
                    <div class="search">
                        <!-- Search Filter Start -->
                        <form class="form-horizontal" method="post">
                            <fieldset>
                                <div class="form-group">
                                    <input name="searchkey" id="searchkey" value="" class="form-control" placeholder="Search Food" type="text">
                                    <button type="submit" value="submit" class="btn"><i class="icofont icofont-search"></i></button>
                                </div>
                                <ul class="list-unstyled">
                                    @foreach (var category in ViewBag.Categories as List<PizzaRestaurantDrink.Models.StockItemCategoryMV>)
                                    {
                                        <li>
                                            <label class="check">
                                                <input type="checkbox" name=" @category.StockItemCategory" id=" @category.StockItemCategory" class="checkclass" />
                                                @category.StockItemCategory
                                            </label>
                                        </li>
                                    }
                                </ul>
                            </fieldset>
                        </form>
                        <!-- Search Filter End -->
                    </div>
                    <div class="food">
                        <h3>Food For</h3>
                        <ul class="list-inline">
                            
                            @foreach (var ordertype in ViewBag.OrderTypes as List<PizzaRestaurantDrink.Models.OrderTypeMV>)
                            {
                            <li class="list-inline-item">
                                <label class="check">
                                    <input type="checkbox" name="@ordertype.OrderType" id="@ordertype.OrderType" class="checkclass" />
                                    @ordertype.OrderType
                                </label>
                            </li>
                            }
                            
                        </ul>
                    </div>
                    <div class="rating">
                        <!-- Rating Filter Start -->
                        <h3>Rating</h3>
                        <ul class="list-unstyled">
                            <li>
                                <label class="check">
                                    <input type="radio" name="payment" class="checkclass" />
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                </label>
                            </li>
                            <li>
                                <label class="check">
                                    <input type="radio" name="payment" class="checkclass" />
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                </label>
                            </li>
                            <li>
                                <label class="check">
                                    <input type="radio" name="payment" class="checkclass" />
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                </label>
                            </li>
                            <li>
                                <label class="check">
                                    <input type="radio" name="payment" class="checkclass" />
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                </label>
                            </li>
                            <li>
                                <label class="check">
                                    <input type="radio" name="payment" class="checkclass" />
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                </label>
                            </li>
                        </ul>
                        <!-- Rating Filter End -->
                    </div>
                </div>
                <!-- Left Filter End -->
            </div>
            <div class="col-md-9 mainpage">
                <!-- Product View Start -->
                 
                <div class="form-row">
                    <!-- Product List Start -->
                    <!-- Single Product Start -->
                    @foreach (var item in Model)
                    {
                        <div class="product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-12">
                            <div class="product-thumb">
                                <div class="image">
                                    <a class="link" href="shop-details.html"><img src="@Url.Content(item.ItemPhotoPath)" alt="Food image" title="Food image" class="img-fluid" /></a>
                                    <div class="hoverbox">
                                        <a class="btn btn-theme btn-md" href="#">Add To Cart</a>
                                    </div>
                                </div>
                                <div class="caption">
                                    <h4>@item.StockItemTitle (@item.ItemSize)</h4>
                                    <div class="rating">
                                        <i class="icofont icofont-star"></i>
                                        <i class="icofont icofont-star"></i>
                                        <i class="icofont icofont-star"></i>
                                        <i class="icofont icofont-star"></i>
                                        <i class="icofont icofont-star"></i>
                                    </div>
                                    <div class="price">Price : @item.UnitPrice</div>
                                    <p class="des">Category : @item.StockItemCategory | Order Type : @item.OrderType</p>
                                    <p><a class="btn btn-theme btn-md" href="shopping-cart.html">Add To Cart</a></p>
                                </div>
                            </div>
                        </div>
                        <!-- Single Product End -->
                    }

            
                </div>

                <div class="row">
                    <div class="col-sm-12 col-12 text-center">
                        <!-- Pagination Start -->
                        <ul class="pagination justify-content-center">
                            <li class="page-item">
                                <a class="page-link" href="#" aria-label="Previous"><i class="icofont icofont-double-left"></i></a>
                            </li>
                            <li class="page-item active">
                                <a class="page-link" href="#">01</a>
                            </li>
                            <li class="page-item">
                                <a class="page-link" href="#">02</a>
                            </li>
                            <li class="page-item">
                                <a class="page-link" href="#">03</a>
                            </li>
                            <li class="page-item">
                                <a class="page-link" href="#">04</a>
                            </li>
                            <li class="page-item">
                                <a class="page-link" href="#">...</a>
                            </li>
                            <li class="page-item">
                                <a class="page-link" href="#">18</a>
                            </li>
                            <li class="page-item">
                                <a class="page-link" href="#" aria-label="Next"><i class="icofont icofont-double-right"></i></a>
                            </li>
                        </ul>
                        <!-- Pagination End -->
                    </div>
                </div>
                <!-- Product View End -->
            </div>
        </div>
    </div>
</div>
<!-- Shop End -->

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

Comments