{{> organisms-header }}

<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">
          <div>
            <h2 class="head-heavy-sm mb-2 lg:mb-4">Předseda krajského sdružení</h2>
            <div class="card elevation-3">
              <div class="card__body">
                {{> molecules-basic-badge }}
              </div>
            </div>
          </div>
          <div>
            <h2 class="head-heavy-sm mb-2 lg:mb-4">Kontakt pro novináře</h2>
            <div class="card elevation-3">
              <div class="card__body">
                {{> molecules-basic-badge }}
              </div>
            </div>
          </div>
          <div>
            <h2 class="head-heavy-sm mb-2 lg:mb-4">Kontakt pro dobrovolníky</h2>
            <div class="card elevation-3">
              <div class="card__body">
                {{> molecules-basic-badge }}
              </div>
            </div>
          </div>
        </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">
              <div>
                <h4>Emailová adresa</h4>
                {{> atoms-contact-line(icon: "fas fa-envelope") }}
              </div>
              <div>
                <h4>Podatelna</h4>
                {{> atoms-contact-line(icon: "fas fa-envelope") }}
              </div>
              <div>
                <h4>Telefon</h4>
                {{> atoms-contact-line(icon: "fas fa-phone", cta: "+420 777 123 123") }}
              </div>
            </div>
            <hr class="hr">
            <h2>Sídlo a kontaktní centrum</h2>
            <p>
              <strong>Piráti Pardubický kraj</strong><br>
              Budova T-STRING<br>
              Masarykovo náměstí 1484<br>
              530 02 Pardubice I
            </p>
            {{> atoms-icon-button(cta: "Pirátské centrum", icon: "fas fa-chevron-right", classes: "btn--black btn--hoveractive btn--fullwidth md:btn--autowidth") }}
          </div>
        </div>
      </section>
    </div>
    <section>
      <h1 class="head-alt-md md:head-alt-lg max-w-5xl mb-4">Místní sdružení</h1>

      <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 lg:gap-8">
        {{> molecules-subsidiary-card }}
        {{> molecules-subsidiary-card }}
        {{> molecules-subsidiary-card }}
        {{> molecules-subsidiary-card }}
      </div>
    </section>

    <div class="flex flex-col lg:flex-row lg:space-x-8">
      {{> atoms-super-button(cta: "Sledujte nás na Facebooku", icon: "fab fa-facebook", classes: "bg-brands-facebook text-white container-padding--zero lg:container-padding--auto lg:w-full") }}
      {{> atoms-super-button(cta: "Sledujte naše fórum", icon: "fa fa-comments", classes: "bg-black text-white container-padding--zero lg:container-padding--auto lg:w-full") }}
    </div>
  </article>
</div>

{{> organisms-footer }}