{{> organisms-header }}

<aside
  class="hero hero--image py-16 {{ classes }}"
  style="--image-url: url({{ img.landscape-16x9-fullhd.src }})"
>
  <div class="container container--default">
    <h1 class="head-alt-md md:head-alt-lg max-w-2xl">
      Zbrusu nové krajské<br />pirátské centrum!
    </h1>
    <h2 class="head-xs mt-2">
      V Pardubicích jsme otevřeli nové pirátské centrum pod zkratkou ParduPiCe
    </h2>
  </div>
</aside>

<div class="container container--default pt-8 lg:pb-16">
  <article>
    <div class="lg:flex lg:space-x-8 xl:space-x-16">
      <div class="lg:w-3/5 xl:w-2/3 content-block">
        <h2>Cowork</h2>
        <p>
          Pirátské centrum nabízí bezplatný prostor pro coworking, tedy sdílenou
          kancelář. K dispozici jsou 4 pracovní místa a sdílená konferenční
          místnost s projektorem. Samozřejmostí je připojení k internetu a
          možnost tisku. Není problém domluvit i dlouhodobé využívání sdílené
          kanceláře, v takovém případě velmi oceníme účelový dar na provoz
          centra.
        </p>
        {{> atoms-icon-button(cta: "Provozní řád", icon: "fas fa-chevron-right", classes: "btn--black btn--hoveractive btn--fullwidth md:btn--autowidth") }}
        <h2>Chci podpořit provoz</h2>
        <p>
          Pokud chcete ParduPiCe podpořit, můžete nám poslat účelový dar na jeho provoz převodem na účet. Pro platbu použijte následující údaje:
        </p>
        <table class="w-full">
          <tbody>
            <tr>
              <td class="font-bold">Číslo transparentního účtu</td>
              <td>2100048174/2010</td>
            </tr>
            <tr>
              <td class="font-bold">Specifický symbol</td>
              <td>400802</td>
            </tr>
          </tbody>
        </table>

        <h2>Dětský koutek</h2>
        <p>Pro rodiče nabízíme vybavený dětský koutek s pracovním místem. Dětský koutek je vybaven hračkami pro děti všech věkových kategorií.</p>

        <h2>Pořádání akcí</h2>
        <p>V rámci pirátského centra probíhají akce všeho druhu:</p>

        <ul>
          <li>Přednášky</li>
          <li>Vzdělávací akce</li>
          <li>Workshopy</li>
          <li>Přednášky</li>
          <li>Kulturní akce</li>
        </ul>

        <p>Máte námět na vlastní akci? Dejte nám vědět. ParduPiCe je zdarma k dispozici pro akce nekomerční povahy.</p>

        <h2>Kalendář akcí</h2>
        <p>
          {{> molecules-calendar-table-row(classes: "calendar-table-row--standalone") }}
          {{> molecules-calendar-table-row(classes: "calendar-table-row--standalone") }}
          {{> molecules-calendar-table-row(classes: "calendar-table-row--standalone") }}
          {{> molecules-calendar-table-row(classes: "calendar-table-row--standalone") }}
        </p>

        {{> atoms-icon-button(cta: "Další akce", icon: "fas fa-chevron-right", classes: "btn--orange-300 btn--hoveractive btn--fullwidth md:btn--autowidth") }}
      </div>
      <div class="pt-8 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>Kde to najdu?</h2>
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d82007.99920528589!2d15.688131074078123!3d50.034780639742856!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470dc94b239307b5%3A0x12d59894ccf624ae!2sPardubice!5e0!3m2!1scs!2scz!4v1589382658695!5m2!1scs!2scz" width="100%" height="300" id="mapa-mobile" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
            <p>
              Pardubické pirátské centrum<br>
              Budova T-STRING<br>
              Masarykovo náměstí 1484<br>
              530 02 Pardubice I
            </p>
            <p><small>Vstup do pirátského centra naleznete z boku budovy T-STRING naproti „AFI paláci“, vedle kadeřnictví. Vchod je v prostoru vjezdu na parkoviště ve vnitrobloku.</small></p>
            <hr>
            <h2>Kontakt</h2>
            {{> molecules-condensed-badge(occupation: "Správce coworku", avatarSizeMd: true)}}
            {{> molecules-condensed-badge(occupation: "Produkce a program akcí", classes: "mt-4", avatarSizeMd: true)}}
          </div>
        </div>

        <div class="flex flex-col pt-8 lg:space-y-4">
          {{> 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>
      </div>
    </div>
  </article>
</div>

{{> organisms-footer }}