import type { StorefrontProductCard } from "@/types/storefront";

export const detonexFigmaAssets = {
  headerLogo: "/figma/detonex/logo-header.png",
  footerLogo: "/figma/detonex/logo-footer.png",
  heroImage: "/figma/detonex/home-hero.jpg",
  featuredBanner: "/figma/detonex/home-featured-banner.jpg",
  logoSliderSection: "/figma/detonex/logo-slider-section.png",
  productFallbackImage: "/figma/detonex/product-card-rifle.png",
  categoryTiles: [
    "/figma/detonex/category-tile-1.png",
    "/figma/detonex/category-tile-2.png",
    "/figma/detonex/category-tile-3.png",
    "/figma/detonex/category-tile-4.png",
    "/figma/detonex/category-tile-5.png",
  ],
  featureGrid: [
    "/figma/detonex/featured-banner-small-left.png",
    "/figma/detonex/featured-banner-center.png",
    "/figma/detonex/featured-banner-small-right.png",
  ],
  blogCards: [
    "/figma/detonex/blog-card-1.png",
    "/figma/detonex/blog-card-2.png",
    "/figma/detonex/blog-card-3.png",
  ],
  icons: {
    menu: "/figma/detonex/icon-menu.svg",
    search: "/figma/detonex/icon-search.svg",
    heart: "/figma/detonex/icon-heart.svg",
    cart: "/figma/detonex/icon-cart.svg",
    user: "/figma/detonex/icon-user.svg",
    chevronDown: "/figma/detonex/icon-chevron-down.svg",
    heartSmall: "/figma/detonex/icon-heart-small.svg",
    cartSmall: "/figma/detonex/icon-cart-small.svg",
    blogArrow: "/figma/detonex/icon-arrow-right-accent.svg",
    benefitDelivery: "/figma/detonex/benefit-1.svg",
    benefitGls: "/figma/detonex/benefit-2.svg",
    benefitPayment: "/figma/detonex/benefit-3.svg",
    benefitSupport: "/figma/detonex/benefit-4.svg",
    benefitB2b: "/figma/detonex/benefit-5.svg",
    footerSocial: "/figma/detonex/footer-social.svg",
    logoSliderArrowLeft: "/figma/detonex/logo-slider-arrow-left.svg",
    logoSliderArrowRight: "/figma/detonex/logo-slider-arrow-right.svg",
    productActionOne: "/figma/detonex/product-action-1.svg",
    productActionTwo: "/figma/detonex/product-action-2.svg",
    productQtyMinus: "/figma/detonex/product-qty-minus.svg",
    productQtyPlus: "/figma/detonex/product-qty-plus.svg",
    productSliderArrow: "/figma/detonex/product-slider-arrow.svg",
    cartRemove: "/figma/detonex/cart-remove.svg",
    cartSaveForLater: "/figma/detonex/cart-save-for-later.svg",
  },
  payments: [
    "/figma/detonex/card-mastercard.svg",
    "/figma/detonex/card-maestro.svg",
    "/figma/detonex/card-visa.svg",
    "/figma/detonex/card-diners.svg",
  ],
} as const;

export const detonexHomeCategoryTiles = [
  { href: "/shop?category=oruzje", src: detonexFigmaAssets.categoryTiles[0], alt: "Kategorija Oružje", width: 232, height: 446 },
  { href: "/shop?category=optike", src: detonexFigmaAssets.categoryTiles[1], alt: "Kategorija Optike", width: 232, height: 446 },
  { href: "/shop?category=streljivo", src: detonexFigmaAssets.categoryTiles[2], alt: "Kategorija Streljivo", width: 232, height: 446 },
  { href: "/shop?category=odjeca-i-obuca", src: detonexFigmaAssets.categoryTiles[3], alt: "Kategorija Odjeća i obuća", width: 232, height: 446 },
  { href: "/shop?category=ostalo", src: detonexFigmaAssets.categoryTiles[4], alt: "Kategorija Ostalo", width: 232, height: 446 },
] as const;

export const detonexHomeFeatureGrid = [
  { href: "/shop", src: detonexFigmaAssets.featureGrid[0], alt: "Istaknuti banner lijevo", width: 295, height: 460 },
  { href: "/shop", src: detonexFigmaAssets.featureGrid[1], alt: "Istaknuti banner sredina", width: 610, height: 460 },
  { href: "/shop", src: detonexFigmaAssets.featureGrid[2], alt: "Istaknuti banner desno", width: 295, height: 460 },
] as const;

export const detonexHomeBlogCards = [
  { href: "/blog", src: detonexFigmaAssets.blogCards[0], alt: "Detonex blog kartica 1", width: 400, height: 439 },
  { href: "/blog", src: detonexFigmaAssets.blogCards[1], alt: "Detonex blog kartica 2", width: 400, height: 439 },
  { href: "/blog", src: detonexFigmaAssets.blogCards[2], alt: "Detonex blog kartica 3", width: 400, height: 439 },
] as const;

export const detonexHomeFeaturedProducts: StorefrontProductCard[] = Array.from(
  { length: 4 },
  (_, index) => ({
    id: 1000 + index,
    slug: `browning-t-bolt-sporter-${index + 1}`,
    name: "Browning T-Bolt SPORTER, s n",
    href: "/product/product-3",
    type: "simple",
    shortDescription: "",
    featuredImage: {
      src: detonexFigmaAssets.productFallbackImage,
      alt: "Browning T-Bolt SPORTER",
    },
    category: {
      id: 1,
      name: "Oružje",
      slug: "oruzje",
    },
    brand: {
      id: 2,
      name: "Browning",
      slug: "browning",
    },
    price: "800,00 €",
    regularPrice: "1000,00 €",
    salePrice: "800,00 €",
    isOnSale: true,
    isInStock: true,
  }),
);