Фильтровать элементы, используя флажок

Question

Я работаю на сайте электронной коммерции. Я создал таблицу категорий, есть идентификатор категории и название категории и таблица цветов. Я хочу фильтровать товары по их категориям и цветам. Но я не знаю, как это сделать. Я немного искал об этом, но не нашел что-то правильно. Я был бы рад, если кто-то может мне помочь.

<div class="row">
<div class="col-sm-3 col-md-4 col-lg-3">
<div class="shop-sidebar mt-20">
@using (Html.BeginForm("ShopPage", "Shop", FormMethod.Post)){
<aside class="widget">
<h2 class="widget-title">Categories</h2>
<div>
@foreach (Category cat in Model.catg.ToList()){
<div>
<label><input type="checkbox" name="FilterCatg[]" value="@cat.id" />@cat.CategoryName</label>
</div>}</div></aside>
<aside class="widget">
<h2 class="widget-title">Colors</h2>
<div>
@foreach (Colour colour in Model.colrs.ToList()){
<div>
<label><input type="checkbox" name="FilterColrs[]" value="@colour.id" />@colour.ColourName</label></div>}</div> </aside>
 <input type="submit" class="btnRegister" value="Axtar" />}
</div> </div>
<div class="col-sm-9 col-md-8 col-lg-9 border-lft">
<div class="row ">
@foreach (Product product in Model.Prod.ToList())
{
<div class="col-md-6 col-lg-4">
<figure class="card card-product mehsul">
<div class="img-wrap"> <img class="img-fluid mehsulimg" src="@product.PhotoProducts.First().ImageName" alt=""> </div>
<div class="handhover">
<img class="img-fluid" src="~/PublicFront/images/serv2b712.jpg" alt="">
</div>
<figcaption class="info-wrap">
<h4 class="title">Good product</h4>
<p class="desc">Some small description goes here</p>
</figcaption>
<div class="bottom-wrap">
<a href="" class="btn btn-sm btn-primary float-right">Ətraflı</a>
<div class="price-wrap h5">
<span class="price-new">$1280</span> <del class="price-old">$1980</del>
</div> <!-- price-wrap.// -->
</div> <!-- bottom-wrap.// -->
</figure>
</div> <!-- col // -->
}</div>

</div>
</div>

 public ActionResult ShopPage()
    {
        var vm = new HMViewM
        {
            Prod=_context.Products.ToList(),
            catg = _context.Categories.ToList(),
            colrs = _context.Colours.ToList(),
            Photopr = _context.PhotoProducts.Where(ph => ph.Product.id == ph.ImageId).ToList(),
        };

        return View(vm);
    }

Модель:

   public class HMViewM
  {
    public List<User> userr { get; set; }
    public List<homesec1slider> homesec1 { get; set; }
    public  List<Category>  catg { get;set; }
    public List<Colour> colrs { get; set; }
    public List<PhotoProduct> Photopr { get; set; }
    public List<Product> Prod { get; set; }
     }