{extends file="layout.tpl"}

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

{* Body Class *}
{block name="body-class"}page-folder{/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"}
{assign var="$folder_id" value={folder attr="id"}}
    {hook name="folder.top" folder="$folder_id"}


{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}



    <div class="main">
		
        {hook name="folder.main-top" folder="$folder_id"}
		

		{loop type="advanceddescription.description" name="advdesc" folder=$folder_id}
			{$DESCRIPTION nofilter}
		{/loop}

		{elseloop rel="advdesc"}
		
        <div class="col-main contents-list list-unstyled lastblock container mt-6 pt-5" role="main" aria-labelledby="main-label">

        {hook name="folder.content-top" folder="$folder_id"}

        {if $folder_id}
            {loop name="folder" type="folder" id=$folder_id limit="1"}
                <h1 id="main-label" class="page-header mt-4">{$TITLE}</h1>
                {if $CHAPO}
                    <div class="folder-chapo">
                        {$CHAPO}
                    </div>
                {/if}
                {if $DESCRIPTION}
                    <div class="folder-description">
                        {$DESCRIPTION nofilter}
                    </div>
                {/if}
{*
                <div id="folder-contents">
                    <div class="contents">
                        {ifloop rel="folder_content"}
                            <ul class="list-unstyled">
                                {loop name="folder_content" type="content" folder="$ID"}
                                    <li class="item">
                                        <article class="row">
                                            {ifloop rel="content_thumbnail"}
                                            <a href="{$URL nofilter}" tabindex="-1" class="content-image overlay col-sm-2">
                                                {loop name="content_thumbnail" type="image" width="369" height="247" content=$ID limit="1"}
                                                    <img src="{$IMAGE_URL nofilter}" class="img-responsive" alt="{$TITLE}">
                                                {/loop}
                                            </a>
                                            {/ifloop}

                                            <div class="content-info col-sm-7">
                                                <h3 class="name"><a href="{$URL nofilter}">{$TITLE}</a></h3>

                                                {if $CHAPO}
                                                <div class="short-description">
                                                   {$CHAPO}
                                                </div>
                                                {/if}
                                            </div>
                                        </article><!-- /content -->
                                    </li>
                                {/loop}
                            </ul>
                        {/ifloop}
						
                        {elseloop  rel="folder_content"}
                            <div class="alert alert-warning">
                                {intl l="No Contents in this folder."}
                            </div>
                        {/elseloop}
						
                    </div>
                </div><!-- /#category-products -->
*}
                {ifloop rel="blog.document"}
                <div class="documents">
                    <ul>
                    {loop name="blog.document"  type="document" folder={$ID}}
                    <li><a href="{$DOCUMENT_URL nofilter}" target="_blank">{$TITLE}</a></li>
                    {/loop}  
                    </ul>
                </div>    
                {/ifloop}                                    

                {if $POSTSCRIPTUM}
                    <small class="folder-postscriptum">
                        {$POSTSCRIPTUM}
                    </small>
                {/if}
            {/loop}
        {else}
            {ifloop rel="folders"}
            <ul>
                {loop name="folders" type="folder"}
                <li class="item">
                    <article>
                        <div class="content-info">
                            <h2 class="name"><a href="{$URL nofilter}">{$TITLE}</a></h2>
                            {if $CHAPO}
                            <div class="short-description">
                                {$CHAPO}
                            </div>
                            {/if}
                        </div>
                    </article>
                </li>
                {/loop}
            </ul>
            {/ifloop}
        {/if}

        {hook name="folder.content-bottom" folder="$folder_id"}

        </div>
		{/elseloop}
        {hook name="folder.main-bottom" folder="$folder_id"}
		
		{block name="breadcrumb"}{include file="misc/breadcrumb.tpl"}{/block}
    </div>
    {hook name="folder.bottom" folder="$folder_id"}
{/block}

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

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

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