{{#extend "base"}}

{{#content "title"}}
    Recettes • {{ data.title }}
{{/ content}}

{{#content "navitems"}}
    {{#if next }}
        <li><a href="{{ next.path.href }}">{{formatTimestamp next.date }} {{ next.procedure }}</a></li>
    {{/if }}
    <li><a href="/{{ date }}/index.html">Up</a></li>
    {{#if previous }}
        <li><a href="{{ previous.path.href }}">{{formatTimestamp previous.date }} {{ previous.procedure }}</a></li>
    {{/if }}
{{/content}}

{{#content "content"}}
    <header class="header">
        <h1 class="content-title">
          Recette {{ data.title }}
        </h1>
        <small class="header-metadata">
            {{#if data.category }}{{ data.category }} • {{/if }}
            {{#if data.description }}{{ data.description }} • {{/if }}
            {{ data.portion }} • 
            {{ data.time }}
        </small>
    </header>
    <section class="content">
        {{#each data.steps }}
            <div class="step">
                <ul class="ingredients">
                {{#each ingredients}}
                    <li class="ingredient">
                        <span class="ing-quantity">{{ quantity }} {{ unit }}</span>
                        <span class="ing-name">{{ name }}</span>
                        {{#if comment }}<span class="ing-comment">{{ comment }}</span>{{/if }}
                    </li>
                {{/each}}
                </ul>
                <div class="instructions">
                    {{ instructions }}
                </div>
            </div>
        {{/each }}
        {{#if data.image }}
        <div class="recipe-image">
            <img src="{{ data.image }}" />
        </div>
        {{/if }}
        
        {{{ contents }}}
    </section>
    
    <comments>
        <h2>Commentaires</h2>
        <div id="disqus_thread"></div>
        <script>
            (function() {  // DON'T EDIT BELOW THIS LINE
                var d = document, s = d.createElement('script');
                
                s.src = '//inf3recettes.disqus.com/embed.js';
                
                s.setAttribute('data-timestamp', +new Date());
                (d.head || d.body).appendChild(s);
            })();
        </script>
        <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
    </comments>
{{/ content}}

{{/ extend}}