{% extends 'base.html' %}



{% block header %}
    <div class="container w3-center">
        <h1>{% block title %}Welcome to the Dankventskalender 2020!{% endblock %}</h1>
        <div>
            <h6>Submit your meme for the next day now! Feel free to create and submit your own creations. </h6>
            <br>

            <a class="action" href="{{ url_for('calender.create') }}">
                <button>Submit a Meme</button>
            </a>

        </div>
    </div>
{% endblock %}

{% block content %}
    <div class="container w3-center">
        {% for post in posts %}
            {% if post['chosen'] == 1 %}
                <div class="item">
                    <article class="post">
                        <header>
                            <div>
                                <h1>{{ post['title'] }}</h1>
                                <h2>{{ post['nickname'] }}</h2>
                                <div class="about">by {{ post['username'] }}
                                    on {{ post['created'].strftime('%Y-%m-%d') }}</div>
                            </div>
                        </header>
                        {% if post['type'] == 'image' %}
                            <img class="file" src="{{ post['file'] }}">
                        {% endif %}
                        {% if post['type'] == 'video' %}
                            <video class="file" preload="none" controls="" width="500">
                                <source src="{{ post['file'] }}">
                            </video>
                        {% endif %}
                        <p class="body">{{ post['body'] }}</p>
                    </article>
                    {% if not loop.last %}
                        <hr>
                    {% endif %}
                </div>
            {% endif %}
        {% endfor %}
    </div>
{% endblock %}