{% extends "base.html" %}
{# määritellään base.html:ssa olevan title-alueen sisältö #}
{% block title %}Jinja-malli{% endblock title%}
{# määritellään base.html:ssa olevan content-alueen sisältö #}
{% block content %}
  <h1>Esimerkki Jinja-templatesta</h1>
  <p>
  {# tulostetaan nimi-muuttujan arvo.  #}
  {{ nimi }}
  
  {# tulostetaan {{ }}-merkit  #}
  {{ '{{ }}' }}

{# muuttujia voidaan asettaa #}  
{% set listaus = ['foo','bar','foobar','barfoo'] %}
{% set apumuuttuja = "teksti" %}
  
  </p>
  <p>Vähän skandeja</p>
    {# if-lause kuten pythonissa mutta : ei ole välttämätön ja lopussa pitää olla endif #}
    {% if nimi %}
        <p>Syötit {{ nimi }}</p>
    {% endif %}
</p>
    
    {# silmukka samaan tapaan kuin pythonissa mutta loppuu endfor-merkintään #}
    {% for u in lista %}
        <p>{{ u }}</p>
    {% endfor %}

    {# tavallinen for-looppi. Listan pituus saadaan Jinjan filtterillä jota käytetään merkinnällä lista|length #}
    {% for i in range(0, lista|length) %}
        <p> {{ i }} {{ lista[i] }} </p>
    {% endfor %}
    {# sama kuin edellä mutta ei tarvita range-funktiota jos käytetään loop-muuttujia #}
    {% for i in lista %}
     {# Jinjan silmukoissa voi käyttää erikoisia loop-muuttujia: #}
        {% if loop.first %} 
            <p> Eka rivi: {{ loop.length }} </p> {% endif %}
        <p> {{ loop.index }}  {{ loop.index0 }} {{ i }} </p>
        {% if loop.last %} 
            <p> Vika rivi {{ loop.length }}</p> {% endif %}
    {% endfor %}
{% endblock content %}