{strip}

{$wa->globals("showWidgets", true)}

{function name="_renderSlider" promocards=[] products=[] type=""}
    {include file="home.slider.html" promocards=$promocards products=$products type=$type inline}
{/function}

{$wa->globals("isShopHome", true)}
{$wa->globals("showBottomBanner", true)}
{$_promocards = $wa->shop->promos('link', '900')}

{$_show_product_actions = false}
{if !empty($theme_settings.show_product_actions_on_main_page)}
    {$_show_product_actions = true}
{/if}

<div class="s-home-wrapper">

    {* SLIDER *}
    {if $theme_settings.slider_mode === "promos"}
        {if !empty($_promocards)}
            {_renderSlider promocards=$_promocards type="wide"}
        {/if}

    {elseif $theme_settings.slider_mode === "promos_without_mask"}
        {if !empty($_promocards)}
            {_renderSlider promocards=$_promocards type="wide" hide_mask=true}
        {/if}

    {elseif $theme_settings.slider_mode === "products"}
        {$_list_id = "bestsellers"}
        {if !empty($theme_settings.slider_product_list_id)}
            {$_list_id = $theme_settings.slider_product_list_id}
        {/if}
        {$_slider_products = $wa->shop->productSet($_list_id)}

        {if !empty($_slider_products)}
            {_renderSlider products=$_slider_products}
        {/if}

    {elseif $theme_settings.slider_mode === "products_wide"}
        {$_list_id = "bestsellers"}
        {if !empty($theme_settings.slider_product_list_id)}
            {$_list_id = $theme_settings.slider_product_list_id}
        {/if}
        {$_slider_products = $wa->shop->productSet($_list_id)}

        {if !empty($_slider_products)}
            {_renderSlider products=$_slider_products type="wide"}
        {/if}
    {/if}

















    {* PROMOCARDS *}
    {if !empty($_promocards) && $theme_settings.show_promos_below_slider !== "hide"}
        <section class="s-promos-wrapper">
            <ul class="s-promos-list">
                {foreach $_promocards as $promo}
                    <li class="s-item-wrapper {if $theme_settings.show_promos_below_slider === "show_with_mask"}with-mask{/if}" id="s-promo-{$promo.id}">
                        <div class="s-item-block">
                            <div class="s-background" style="background-color: {$promo.background_color|default:"#fff"};"></div>

                            {if !empty($promo.image)}<div class="s-image" style="background-image: url('{$promo.image}');"></div>{/if}

                            <div class="s-text-wrapper" {if !empty($promo.color)}style="color: {$promo.color}"{/if}>
                                <div class="s-text-block">
                                    {if !empty($promo.title)}<h5>{$promo.title|escape}</h5>{/if}
                                    {if !empty($promo.body)}<p>{$promo.body|escape}</p>{/if}
                                </div>
                            </div>

                            <a class="s-link" href="{$promo.link|escape}"></a>
                        </div>
                    </li>
                {/foreach}
            </ul>
        </section>
    {/if}






 <section class="info_blok">

            {$_info_blocks = []}

            {$_info_blocks[] = [
                "header" => $theme_settings.info_block_1_header,
                "content" => $theme_settings.info_block_1_content,
                "icon" => $theme_settings.info_block_1_icon,
                "uri" => $theme_settings.info_block_1_uri,
                "view" => $theme_settings.info_block_1_view
            ]}

            {$_info_blocks[] = [
                "header" => $theme_settings.info_block_2_header,
                "content" => $theme_settings.info_block_2_content,
                "icon" => $theme_settings.info_block_2_icon,
                "uri" => $theme_settings.info_block_2_uri,
                "view" => $theme_settings.info_block_2_view
            ]}

            {$_info_blocks[] = [
                "header" => $theme_settings.info_block_3_header,
                "content" => $theme_settings.info_block_3_content,
                "icon" => $theme_settings.info_block_3_icon,
                "uri" => $theme_settings.info_block_3_uri,
                "view" => $theme_settings.info_block_3_view
            ]}

            {$_info_blocks[] = [
                "header" => $theme_settings.info_block_4_header,
                "content" => $theme_settings.info_block_4_content,
                "icon" => $theme_settings.info_block_4_icon,
                "uri" => $theme_settings.info_block_4_uri,
                "view" => $theme_settings.info_block_4_view
            ]}

            {$_info_blocks[] = [
                "header" => $theme_settings.info_block_5_header,
                "content" => $theme_settings.info_block_5_content,
                "icon" => $theme_settings.info_block_5_icon,
                "uri" => $theme_settings.info_block_5_uri,
                "view" => $theme_settings.info_block_5_view
            ]}


            {foreach $_info_blocks as $_info_block}
                {if (!empty($_info_block.view) && $_info_block.view !== "checkout") && (!empty($_info_block.header) || !empty($_info_block.content))}

                
                        <div class="blok">
                        {if !empty($_info_block.header)}
                        <a href="{$_info_block.uri}">
                            <header class="s-info-header">
                                {if !empty($_info_block.icon)}
                                    <img class="s-icon" src="{$wa_parent_theme_url}{$_info_block.icon}?v{$wa_theme_version}">
                                {/if}
                                <div>
                            <strong>    {$_info_block.header} </strong> 
                                 {if !empty($_info_block.content)}
                            <div class="s-info-content">{$_info_block.content}</div>
                        {/if}
                        </div>
                            </header>
                            </a>
                        {/if}
                       
                    </div>
                {/if}
            {/foreach}

        </section>

</div>



    



    
{/strip}