{% extends 'base.html' %}
{% load pictures %}

{% block head %}
  <link href="{% img_url parish.icon file_type='png' width=512 %}" rel="icon" type="image/png" sizes="512x512" />
  <link href="{% img_url parish.icon file_type='png' width=192 %}" rel="icon" type="image/png" sizes="192x192" />
  <link rel="manifest" href="{% url 'manifest' parish.slug %}" />
{% endblock %}

{% block layout %}
  <div class="container">
    <nav class="navbar is-transparent" role="navigation" aria-label="menu">
      <div class="navbar-brand is-flex is-flex-wrap-wrap is-justify-content-space-between is-flex-shrink-1">
        <span class="navbar-item is-is-active is-flex-shrink-1"><span class="title is-4 is-unselectable">{{ parish.name }}</span></span>
        <a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
          <span aria-hidden="true"></span>
          <span aria-hidden="true"></span>
          <span aria-hidden="true"></span>
        </a>
      </div>

      <div class="navbar-menu" id="navMenu">
        <h5 class="navbar-end has-text-weight-bold">
          <a class="navbar-item {{ announcements }}" href="{% url 'announcements' parish.slug %}">Ogłoszenia parafialne</a>
          <a class="navbar-item {{ intentions }}" href="{% url 'intentions' parish.slug %}">Intencje</a>
          {% if parish.channel %}
            <a class="navbar-item {{ live }}" href="{% url 'live' parish.slug %}">Transmisja on-line</a>
          {% endif %}

          {% if parish.submissions %}
            <a class="navbar-item {{ visit }}" href="{% url 'visit' parish.slug %}">Wizyta Duszpasterska</a>
          {% endif %}
          <a class="navbar-item is-clickable is-hidden" id="install">Zainstaluj</a>
        </h5>
      </div>
    </nav>

    <main class="section">
      <div id="backgroundDesktop"></div>
      {% block content %}
      {% endblock %}
    </main>
    <div id="backgroundMobile"></div>
  </div>
{% endblock %}