---
layout: default
title: Kontaktní informace
---

<div class="container container--default pt-8 lg:py-24">
  <article class="space-y-8 lg:space-y-16">
    <div class="lg:flex lg:mt-8 space-y-16 lg:space-y-0 lg:space-x-8 xl:space-x-16">
      <section class="lg:w-3/5 xl:w-2/3">
        <h1 class="head-alt-md md:head-alt-lg max-w-5xl mb-8">Kontaktní informace</h1>

        <div class="space-y-8">
          {% if page.contactPersons %}
            {% for contact in page.contactPersons %}
              {% assign person = site.people | where_exp:"item","item.uid contains contact.id" | first %}
              <div>
                <h2 class="head-heavy-sm mb-2 lg:mb-4">{{ contact.position }}</h2>
                <div class="card elevation-3">
                  <div class="card__body">
                    {% include people/profile-badge.html item=person %}
                  </div>
                </div>
              </div>
            {% endfor %}
          {% else %}
            {% assign contactPersons = site.people | where_exp: "item","item.category contains 'kontaktni_osoba'" | sort:"ordpak" %}
            <div>
              <h2 class="head-heavy-sm mb-2 lg:mb-4">Kontaktní {% if contactPersons.size > 1 %}osoby{% else %}osoba{% endif %}</h2>

              {% for person in contactPersons %}
              <div class="card elevation-3">
                <div class="card__body">
                  {% include people/profile-badge.html item=person %}
                </div>
              </div>
              {% endfor %}
            </div>
          {% endif %}
        </div>
      </section>
      <section class="lg:w-2/5 xl:w-1/3 lg:pt-0">
        <div class="lg:card lg:elevation-10">
          <div class="lg:card__body content-block">
            <h2>Základní údaje</h2>
            <div class="space-y-4">
              {% include contacts/summary-table.html %}
    		      <p>Každý člen strany má email ve tvaru: <tt>jmeno.prijmeni@pirati.cz</tt></p>
            </div>
            {% unless page.noresidence %}
              <hr class="hr">
              <h2>Sídlo a kontaktní centrum</h2>

              {% if page.residences %}
                {% for residence in page.residences %}
                  {% include contacts/residence.html residence=residence %}
                {% endfor %}
              {% else %}
                {% include contacts/residence.html %}
              {% endif %}
            {% endunless %}
          </div>
        </div>
      </section>
    </div>

    {% if site.facebook.profilePage or site.forum.page %}
    <div class="flex flex-col lg:flex-row lg:space-x-8">
      {% if site.facebook.profilePage %}
        {% include buttons/super.html href=site.facebook.profilePage cta="Sledujte nás na Facebooku" icon="ico--facebook" class="bg-brands-facebook text-white container-padding--zero lg:container-padding--auto lg:w-full" %}
      {% endif %}
      {% if site.forum.page %}
        {% include buttons/super.html href=site.forum.page cta="Sledujte naše fórum" icon="ico--bubbles" class="bg-black text-white container-padding--zero lg:container-padding--auto lg:w-full" %}
      {% endif %}
    </div>
    {% endif %}
  </article>
</div>