{% comment %}Stopka - wyglad wlasny projektu.

   Uklad wybiera panel (Tresc > Stopka: kolumny, kolumny z nazwa serwisu,
   wysrodkowana, jeden pasek). Bez grubej kreski w kolorze wiodacym nad
   stopka i bez grafitowego paska z prawami autorskimi na dole: cala stopka
   stoi na jednym kolorze, a prawa autorskie oddziela od reszty wloskowata
   linia.{% endcomment %}
<footer class="border-t border-site-border bg-site-footer text-sm text-site-footer-text dark:border-site-border-dark dark:bg-site-footer-dark dark:text-site-footer-text-dark">
  <div class="mx-auto w-full max-w-6xl px-6 py-14">
    {% if footer %}

      {% if footer.layout == 'minimal' %}
        <div class="flex flex-wrap items-center justify-between gap-6">
          {% include 'public/partials/footer_links_row.html' %}
          {% include 'public/partials/footer_social.html' %}
        </div>
        {% if site_settings.company_block %}
          {% include 'public/partials/company.html' with company=site_settings.company_block %}
        {% endif %}

      {% elif footer.layout == 'centered' %}
        <div class="flex flex-col items-center gap-6 text-center">
          {% include 'public/partials/header_logo.html' %}
          {% include 'public/partials/footer_links_row.html' with align='center' %}
          {% include 'public/partials/footer_social.html' with align='center' %}
          {% if site_settings.company_block %}
            {% include 'public/partials/company.html' with company=site_settings.company_block %}
          {% endif %}
        </div>

      {% else %}
        {% if footer.layout == 'brand-columns' %}
          <div class="grid grid-cols-1 gap-10 lg:grid-cols-4">
            <div class="space-y-5 lg:col-span-1">
              {% include 'public/partials/header_logo.html' %}
              {% if site_settings.footer_text or site_settings.description %}
                <p class="max-w-sm leading-relaxed opacity-80">{{ site_settings.footer_text|default:site_settings.description }}</p>
              {% endif %}
              {% include 'public/partials/footer_social.html' %}
            </div>
            <div class="lg:col-span-3">
              {% include 'public/partials/footer_columns.html' %}
            </div>
          </div>
        {% elif footer.categories %}
          {% include 'public/partials/footer_columns.html' %}
        {% endif %}

        {% if site_settings.company_block %}
          {% include 'public/partials/company.html' with company=site_settings.company_block %}
        {% endif %}

        {% comment %}W ukladzie z nazwa serwisu social stoi juz przy niej.{% endcomment %}
        {% if footer.layout != 'brand-columns' %}
          <div class="mt-10">{% include 'public/partials/footer_social.html' %}</div>
        {% endif %}
      {% endif %}

    {% else %}
      {% comment %}Bez modulu Strony stopka ma tylko to, co wie rdzen.{% endcomment %}
      <p>{{ site_settings.footer_text|default:site_settings.site_name }}</p>
      {% if site_settings.company_block %}
        {% include 'public/partials/company.html' with company=site_settings.company_block %}
      {% endif %}
    {% endif %}
  </div>

  {% comment %}Prawa autorskie, zgody i mapa strony - ten sam kolor co stopka,
     oddzielone od niej wloskowata linia.{% endcomment %}
  <div class="border-t border-site-border dark:border-site-border-dark">
    {% comment %}Prawa autorskie sa ciszej od reszty stopki, ale kolor biora
       z niej samej (przygaszona przezroczystoscia) - inaczej na ciemnej
       stopce wypadalby tu szary z wariantu jasnego.{% endcomment %}
    <div class="mx-auto flex w-full max-w-6xl flex-wrap items-center gap-x-6 gap-y-2 px-6 py-6 text-sm opacity-70
                [&_a:hover]:text-brand-600 [&_button:hover]:text-brand-600 dark:[&_a:hover]:text-brand-400 dark:[&_button:hover]:text-brand-400
                {% if footer.layout == 'centered' %}justify-center text-center{% else %}justify-between{% endif %}">
      <p>{% if footer %}{{ footer.copyright }}{% else %}&copy; {{ site_settings.site_name }}{% endif %}</p>
      <p class="flex flex-wrap items-center gap-x-6 gap-y-2">
        {% include 'public/partials/consent_link.html' %}
        {% include 'public/partials/sitemap_link.html' %}
      </p>
    </div>
  </div>
</footer>