{extends file="layout.tpl"}

{block name='init'}
{/block}

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

{* Page Title *}
{block name='no-return-functions' append}
    {$page_title = "Nos recettes"}
{/block}

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

{block name="main-content"}
<div class="container">

    <table class="table table-liste-recettes">
        <thead>
            <th colspan="2">{intl l="Name" d="recettes"}</th>
            <th>{intl l="Summary" d="recettes"}</th>
            <th>{intl l="Difficulty" d="recettes"}</th>
            <th>{intl l="Created on" d="recettes"}&nbsp;<i class="glyphicon glyphicon-arrow-down"></i></th>
        </thead>
        <tbody>
        {loop type="content" name="content-loop" folder=1 visible="yes" order="created_reverse"}

            {loop type="image" name="image-loop" content=$ID visible=true position=1}
                {assign var="image" value="$IMAGE_URL"}
            {/loop}
            {loop type="recipe" name="recipe-loop" content_id=$ID limit="1"}
                {assign var="title" value="$TITLE"}
                {assign var="summary" value="$SUMMARY"}
                {if $DIFFICULTY eq 0}{assign var="label_difficulty" value="Facile"}{/if}
                {if $DIFFICULTY eq 1}{assign var="label_difficulty" value="Moyen"}{/if}
                {if $DIFFICULTY eq 2}{assign var="label_difficulty" value="Difficile"}{/if}
            {/loop}
            <tr>
                <td class="table-liste-recettes-image">
                    <a href="{$URL}"><img src="{$image}" alt="Photo principale"></a>
                </td>
                <td class="table-liste-recettes-titre">
                    <a href="{$URL}"><span>{$title}</span></a>
                </td>
                <td class="table-liste-recettes-resume">
                    <a href="{$URL}"><span>{$summary|unescape:"html" nofilter}</span></a>
                </td>
                <td class="table-liste-recettes-autre-texte">
                    <a href="{$URL}"><span>{$label_difficulty}</span></a>
                </td>
                <td class="table-liste-recettes-autre-texte">
                    <a href="{$URL}"><span>{format_date date=$CREATE_DATE format="d/m/Y"}</span></a>
                </td>
            </tr>
        {/loop}
        </tbody>
    </table>

</div>
{/block}

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

{block name="after-javascript-include"}
{/block}