{% extends getThemeDir('base.html.twig') %}
{% block seo %}
{{ render_seo('homepage', null, app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}
{% endblock %}
{% block body %}
{% set sliders = getPostTypesOnTheme('slider') %}
{% if sliders|length > 0 %}
<div class="header">
<div class="px-3 lg:container group w-full mt-4 lg:mt-10">
<div dir="rtl" class="swiper header-slider h-52 md:h-96 cursor-pointer">
<div class="swiper-wrapper">
{% for key,item in sliders %}
<a href="{{ path('app_shop_site_products') }}" class="swiper-slide">
<img src="{{ getPostTypeMetaOnTheme(item , 'image') }}" class="rounded-xl" alt="">
</a>
{% endfor %}
</div>
<div class="swiper-pagination-wrapper">
<div class="swiper-pagination"></div>
</div>
<div
class="absolute z-10 bottom-5 opacity-0 invisible group-hover:opacity-100 transition-all duration-300 group-hover:visible right-6 hidden lg:flex items-center gap-x-2 child:flex-center child:w-9 child:h-9 child:cursor-pointer child:bg-white child:dark:bg-gray-800 child:text-gray-700 child:dark:text-gray-200 child:rounded-full child:shadow child-hover:text-blue-600 child-hover:dark:text-blue-500">
<button class="button-prev">
<svg class="size-5 -rotate-90">
<use href="#chevron"/>
</svg>
</button>
<button class="button-next">
<svg class="size-5 rotate-90">
<use href="#chevron"/>
</svg>
</button>
</div>
</div>
</div>
</div>
{% endif %}
{% include getThemeDir('modules/categories.html.twig') with {} %}
{# {% include getThemeDir('modules/off-slider.html.twig') with {} %} #}
{% set products1 = getProducts() %}
{% include getThemeDir('modules/product-bar.html.twig') with {'title' : 'جدیدترین محصولات' ,
subtitle: "جدیدترین و بروزترین محصولات",
products:products1} %}
{% set small_banners = getPostTypesOnTheme('banner') %}
{% if small_banners|length > 0 %}
<section
class="mx-4 lg:container mt-10 lg:mt-20 flex flex-col lg:flex-row items-center gap-5 child:rounded-xl child:overflow-hidden">
{% for key,item in small_banners|slice(0, 2) %}
<a href="{{ getPostTypeMetaOnTheme(item , 'link') }}" class="group">
<img src="{{ getPostTypeMetaOnTheme(item , 'image') }}"
class="group-hover:scale-105 transition-transform duration-300"
alt="">
</a>
{% endfor %}
</section>
{% endif %}
{% set products3 = getProducts({} , 'default' , 10) %}
{% include getThemeDir('modules/product-bar-grid.html.twig') with {'title' : 'داغ ترین محصولات' ,
subtitle: "داغ ترین محصولات ما",
products:products3} %}
{% set products2 = getProducts({} , 'random' , 10) %}
{% include getThemeDir('modules/product-bar.html.twig') with {'title' : 'محصولات پر فروش' ,
subtitle: "پر فروش ترین محصولات",
products:products2} %}
{% include getThemeDir('modules/brand-bar.html.twig') with {} %}
{% include getThemeDir('modules/article-bar.html.twig') with {'title' : 'مقالات' , articles:[]} %}
{% endblock %}