{% extends 'base.html' %}
{% block body %}


{% include 'navbar.html' %}
{% include 'likes-modal.html' %}
{% if session['login'] %}
<form action="{{ url_for('add_post_blueprint.add_post') }}" class="dodajwpis" method="post" onsubmit="wpisbtn.disabled = true;" enctype="multipart/form-data">
    <div class="form-group">
{% with messages = get_flashed_messages() %}
    {% if messages %}
        {% for message in messages %}
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
              {{message}}
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
              </button>
            </div>
        {% endfor %}
    {% endif %}
{% endwith %}
        {{ form.csrf_token }}
        {{ form.wpis(placeholder="Treść",class_="form-control bg-dark text-white",rows="4") }}
        <input type=file name=file accept="image/*" style="margin-top: 8px;"><br/>
        <button type="submit" class="btn btn-primary dodajwpisbtn" name="wpisbtn">Dodaj wpis</button>
    </div>
</form>
{% endif %}
<div class="container" style="{% if session['login'] %}margin-top: -50px;{% else %}margin-top: 80px;{% endif %}">
<a href="https://IVshop.pl"><img src="https://i.imgur.com/ERUUKPM.png" alt="IVshop.pl" style="max-width: 100%"></img></a>
{% if request.url_rule.endpoint == 'index_blueprint.index' or request.url_rule.endpoint == 'populary_posts_blueprint.populary' %}
    <ul class="nav nav-pills justify-content-center">
      <li class="nav-item sort">
        <a class="nav-link {% if request.url_rule.endpoint == 'index_blueprint.index' %}active{% endif %}" href="{{ url_for('index_blueprint.index') }}">Ostatnie</a>
      </li>
      <li class="nav-item sort">
        <a class="nav-link {% if request.url_rule.endpoint == 'populary_posts_blueprint.populary' %}active{% endif %}" href="{{ url_for('populary_posts_blueprint.populary') }}">Popularne</a>
      </li>
    </ul>
{% endif %}
{% if request.url_rule.endpoint == 'follows_blueprint.tag' %}
    <h4 class="text-center">#{{ tag }}</h4>
    <p class="tag_followers text-center">Obserwujący: {{ tag_followers }}</p>
    {% if session['login'] %}
        <div class="taglike-container">
            {% for trow in follows if trow.tag|lower == tag|lower and trow.user == session['login'] %}
                <button id="odlubtag" class="btn btn-danger btn-sm unlajktag" tag="{{ tag }}" type="submit">Przestań obserwować</button>
                {% else %}
                <button id="polubtag" class="btn btn-success btn-sm lajktag" tag="{{ tag }}" type="submit">Obserwuj</button>
            {% endfor %}
        </div>
    {% endif %}
{% endif %}
{% for row in posts %}
    {% include 'wpis.html' %}

{% endfor %}
</div>

{% endblock %}