{extends file="layout.tpl"}

{block name="init"}
{$folder_id={folder attr="id"}}
{/block}

{* Body Class *}
{block name="body-class"}page-folder page-folder-innosoft{/block}

{* Page Title *}
{block name='no-return-functions' append}
    {if $folder_id}
        {loop name="folder.seo.title" type="folder" id=$folder_id limit="1"}
        {$page_title = $META_TITLE}
        {/loop}
    {/if}
{/block}

{* Meta *}
{block name="meta"}
    {if $folder_id}
        {loop name="folder.seo.meta" type="folder" id=$folder_id limit="1"}
            {include file="includes/meta-seo.html"}
        {/loop}
    {/if}
{/block}

{* Breadcrumb *}
{block name='no-return-functions' append}
    {if $folder_id}
        {$breadcrumbs = []}
        {loop name="folder_path" type="folder-path" folder=$folder_id}
            {$breadcrumbs[] = ['title' => {$TITLE}, 'url'=> {$URL nofilter}]}
        {/loop}
    {/if}
{/block}

{block name="feeds"}
<link rel="alternate" type="application/rss+xml" title="{intl l='All contents in'} {folder attr='title'}" href="{url path="/feed/content/%lang/%folder_id" lang={lang attr="locale"} folder_id={folder attr="id"}}" />
{/block}

{* Content *}
{block name="main-content"}



{ifloop rel="carousel.front"}

<section class="carousel-container">
    <div id="carouselv2" class="carousel slide" data-bs-ride="carouselv2" data-bs-ride="true">
        <div class="carousel-wrapper">
            <div class="carousel-inner">
                {loop type="image" name="carousel.front" width="1920" height="1080" resize_mode="crop" allow_zoom=1 folder=$folder_id limit=1}
				{$nbrslide=$LOOP_TOTAL}
				
                <figure class="item carousel-item {if $LOOP_COUNT == 1}active{/if}">
					<div class="h-100">
						<div class="h-100 d-flex mask rgba-gradient justify-content-center  align-items-center imgFondCarousel" style="background: url('{$IMAGE_URL}')">

{*							{if $URL}<a href="{$URL|default:'#'}" class="w-100">{/if}
								<img src="{$IMAGE_URL}" alt="{$TITLE}" class="img-responsive img-fluid w-100">
							{if $URL}</a>{/if}*}
						</div>


						<div class="carousel-caption postext1 align-items-center">
							<div class="row w-100">
								<div class="col-md-6 text-md-end">
									 <h1 class="h1big m-0">{folder attr="title"}</h1>
								</div>
							</div>
							<div class="row w-100">
								<div class="col-md-6 offset-md-6 text-start">
									{if $CHAPO}<p>{$CHAPO nofilter}</p>{/if}
									{if $DESCRIPTION}{$DESCRIPTION nofilter}{/if}
								</div>
							</div>
							<div class="row w-100">
								<div class="col-md-6 text-end">
								{if $URL}<a href="{$URL}" class="btn btn-gmp">{$TITLE_BTN}</a>{/if}
								</div>
							</div>
						</div>
				
					</div>
                </figure>
                {/loop}
            </div>
        </div>
		
		
		
    </div>
</section><!-- #carousel -->

{/ifloop}

	{if $folder_id}
		{loop name="folder" type="folder" id=$folder_id limit="1"}
			{if $DESCRIPTION}
				{$DESCRIPTION nofilter}
			{/if}
		{/loop}
	{/if}
{/block}

{block name="stylesheet"}
{hook name="folder.stylesheet"}



	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.1/animate.min.css" >
	{folder attr="chapo"}
   
{/block}

{block name="after-javascript-include"}
{hook name="folder.after-javascript-include"}
{/block}

{block name="javascript-initialization"}
{hook name="folder.javascript-initialization"}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
{folder attr="postscriptum"}
    <script>

      new WOW().init();

    </script>


{/block}