namespace Prefab.Tests.Web.Client;

/// <summary>
/// Mirrors the class hooks used in the Prefab.Web template assets.
/// Sources:
/// HTML (product listing/grid & product card): template/html/classic/shop-left-sidebar.html
/// HTML (product list view): template/html/classic/shop-list.html
/// HTML (category tiles): template/html/classic/index.html
/// CSS: template/html/classic/css/style.css
/// </summary>
public static class TemplateCss
{
    // Product card
    public const string ProductCardRoot = "product-card";
    public const string ProductCardGridModifier = "product-card--layout--grid";
    public const string ProductCardListModifier = "product-card--layout--list";
    public const string ProductCardActions = "product-card__actions";
    public const string ProductCardActionsList = "product-card__actions-list";
    public const string ProductCardImage = "product-card__image";
    public const string ProductCardBadges = "product-card__badges-list";
    public const string ProductCardBadge = "product-card__badge";
    public const string ProductCardBadgeSale = "product-card__badge--style--sale";
    public const string ProductCardInfo = "product-card__info";
    public const string ProductCardCategory = "product-card__category";
    public const string ProductCardName = "product-card__name";
    public const string ProductCardRating = "product-card__rating";
    public const string ProductCardRatingTitle = "product-card__rating-title";
    public const string ProductCardRatingStars = "product-card__rating-stars";
    public const string Rating = "rating";
    public const string RatingStar = "rating__star";
    public const string ProductCardPricesList = "product-card__prices-list";
    public const string ProductCardPrice = "product-card__price";
    public const string ProductCardPriceNew = "product-card__price-new";
    public const string ProductCardPriceOld = "product-card__price-old";
    public const string ProductCardButtons = "product-card__buttons";
    public const string ProductCardButtonsList = "product-card__buttons-list";
    public const string ProductCardAddToCart = "product-card__addtocart";
    public const string ProductCardWishlist = "product-card__wishlist";
    public const string ProductCardCompare = "product-card__compare";

    // Category card
    public const string CardRoot = "card";
    public const string CategoryCardRoot = "category-card";
    public const string CategoryCardImage = "category-card__image";
    public const string CategoryCardImagePlaceholder = "category-card__image-placeholder";
    public const string CategoryCardName = "category-card__name";
    public const string CategoryCardProducts = "category-card__products";

    // Listing container
    public const string ProductsViewList = "products-view__list";
    public const string ProductsList = "products-list";
    public const string ProductsListItem = "products-list__item";
    public const string ProductsListLayoutGrid = "products-list--layout--grid-3";
    public const string ProductsListLayoutList = "products-list--layout--list";
}