❔ For loop not implementing properly

using Microsoft.AspNetCore.Mvc.RazorPages;
using Assignment_2.Models;

namespace Assignment_2.Views
{
    public class PizzaModel : PageModel
    {
        public List<PizzasModel> fakePizzaDB = new List<PizzasModel>()
        {
            new PizzasModel(){ImageTitle="Margerita", PizzaName="Margerita", BasePrice=10, TomatoPizzaSauce=true, Cheese=true, Pepperoni=false, Ham=false, Capsicum=false, Mushroom=false},
            new PizzasModel(){ImageTitle="Pepperoni", PizzaName="Pepperoni", BasePrice=10, TomatoPizzaSauce=true, Cheese=true, Pepperoni=true},
        };

        public void OnGet()
        {
        }
    }
}

namespace Assignment_2.Models
{
    public class PizzasModel
    {
        public string ImageTitle { get; set; }
        public string PizzaName { get; set; }
        public bool Cheese { get; set; }
        public float FinalPrice { get; set; }
    }
}

@model Assignment_2.Views.PizzaModel // Pizza.cshtml.cs

    @if (Model != null && Model.fakePizzaDB != null && Model.fakePizzaDB.Count > 0)
    {
        @foreach (var pizza in Model.fakePizzaDB)
        {

            var ImagePath = "~/images/Pizzas/" + (pizza.ImageTitle + ".png");

            <div class="">

                <img src="@ImagePath" asp-append-version="true" />
                <a  asp-area="" asp-page="" asp-route-ImageTitle="@pizza.ImageTitle"
                   asp-route-PizzaPrice="@pizza.FinalPrice">Get this pizza! </a>
                <br />

            </div>
        }
    }
    else
    {
        <p>No pizza data available.</p>
    }