{{#extend "base"}}

{{#content "title"}}
    Recettes
{{/ content}}

{{#content "navitems"}}
    {{#if pagination.previous }}
      <li><a href="/{{ pagination.previous.path }}" class="btn pull-right">
        <i class="glyphicon glyphicon-chevron-right">
        </i>Newer&nbsp;&nbsp;</a></li>
    {{/ if}}
    {{#if pagination.next }}
      <li><a href="/{{ pagination.next.path }}" class="btn pull-left">
        <i class="glyphicon glyphicon-chevron-left">
        </i>&nbsp;&nbsp;Older</a></li>
    {{/ if}}
{{/content}}

{{#content "content"}}
    <div class="content row">
        <div class="list-recette list col-sm-8">
            {{#each pagination.files}}
            <article class="content">
              <header class="header">
                <h2 class="list-content-title">
                  <a href="{{ path.href }}"><span class="glyphicon glyphicon-apple"></span>{{ data.title }}</a>
                </h2>
              </header>
              <section class="content-article">
                {{{ data.description }}}
              </section>
            </article>
            {{/ each}}
        </div>
        <div class="list-tags list col-sm-4">
            <ul class="list-group">
            {{#each tags}}
              <a href="/tags/{{ @key }}/" class="list-group-item {{#ifCond @key '==' ../tag }}active{{/ifCond }}">
                <span class="badge">{{ this.length }}</span>
                {{ @key }}
              </a>
            {{/each}}
            </ul>
                
        </div>
    </div>
    <nav class="navigation cf">
        {{#if pagination.previous }}
          <a href="{{ pagination.previous.path.href }}" class="btn pull-right">
            <i class="glyphicon glyphicon-chevron-right">
            </i>Newer&nbsp;&nbsp;</a>
        {{/ if}}
        {{#if pagination.next }}
          <a href="{{ pagination.next.path.href }}" class="btn pull-left">
            <i class="glyphicon glyphicon-chevron-left">
            </i>&nbsp;&nbsp;Older</a>
        {{/ if}}
    </nav>
{{/ content}}

{{/ extend}}