{% extends 'pirati_cz.html' %}

{%block body%}
{% if request.user.is_anonymous %}
<div class="row">
  <div class="medium-12 large-8 large-push-2 columns">
    <section class="o-section o-section--spaceBot">
      <div class="o-section-inner">
        <div class="o-section-block" data-equalizer data-equalize-on="medium">
          <h1>Naloďte se na palubu&thinsp;!</h1>
          <p>
          Ceníte si svobody a demokracie? Chcete se zapojit do dění na české politické scéně? Připojte se k nám!
          Členům, příznivcům i podporovatelům nabízí "nalodění" snadný vstup.
          </p>
        </div>
      </div>
    </section>
  </div>
</div>
<div class="row">
  <div class="medium-12 large-4 large-push-2 columns">
    <section class="o-section o-section--spaceBot">
      <div class="o-section-inner">
        <div class="o-section-block" data-equalizer data-equalize-on="medium">
          <h3 class="width-alt-l">Registrujte se pomocí sociální sítě ...</h3>
          <h3 class="width-alt-s">Registrujte se snadno prostřednictvím profilu na sociální síti:</h3>
          {%include 'social_buttons.html'%}

          <p style="text-align: left; padding: 3em 2em 1em 2em;">
          Přihlášením přes sociální sítě, pirátskou identitou nebo pomocí e-mailu
          souhlasíte se zpracováním osobních údajů v&nbsp;rozsahu nezbytném pro poskytování
          požadovaných funkcí a služeb. Detaily způsobu zpracování osobních údajů
          jsou k dispozici <a href="https://www.pirati.cz/o-nas/ochrana-osobnich-udaju/" target="_blank">online</a>.
          </p>
        </div>
      </div>
    </section>
  </div>
  <div class="medium-12 large-4 large-pull-2 columns">
    <section class="o-section o-section--spaceBot">
      <div class="o-section-inner">
        <div class="o-section-block" data-equalizer data-equalize-on="medium">
          <h3 class="width-alt-l">... nebo zadáním e-mailu</h3>
          <h3 class="width-alt-s">Registrujte se pomocí e-mailu:</h3>
          <form method="post" action="#">
              {%csrf_token%}
              {{form}}<br/>
              <input type="submit" class="c-cta-button c-cta-button--primary" value="Registrovat se e-mailem"/>
          </form>
        </div>
      </div>
    </section>
  </div>
</div>

<div class="row">
  <div class="medium-12 large-8 columns large-push-2">
    <section class="o-section o-section">
      <div class="o-section-inner">
          <blockquote class="c-blockquote c-blockquote--wicon">
          Pirátská strana funguje na principu dobrovolnosti.
            <br> Pokud něco chceš dělat, nečekej na ostatní
            <br> a zapoj se. 
            </blockquote>
      </div>
    </section>
  </div>
</div>

{%comment%}
<div class="row">
  <div class="medium-12 large-12 columns">
    <div id='do_register_button' style="    text-align: center;">
        <a href="/posadky/" style="width: 350px; margin-top: 10px; text-align: center; padding: 12px; font-size: 22px; background-color: #5c81b8;border-color: #5c81b8; color: white;" class="c-cta-button c-cta-button--primary">
        Jaké posádky máme&thinsp;?
        </a>
        <a href="/paluby/" style="width: 350px; margin-top: 10px; text-align: center; padding: 12px; font-size: 22px; background-color: #5c81b8;border-color: #5c81b8; color: white;" class="c-cta-button c-cta-button--primary">
        A na jakých palubách&thinsp;?
        </a>
    </div>
  </div>
</div>
{%endcomment%}
<div class="row">
  <div class="medium-12 large-8 large-push-2 columns">
    <section class="o-section o-section--spaceBot">
      <div class="o-section-inner">
    <h2>Nechcete se hned registrovat ?</h2>
    <div id='do_register_button' style="    text-align: center;">
        <a href="/sledovat-piraty/" style="width: 350px; margin-top: 10px; text-align: center; padding: 22px; font-size: 22px; background-color: #5c81b8;border-color: #5cb85c; color: white;" class="c-cta-button c-cta-button--primary">
        Sledujte Piráty !<i class="fa fa-thumbs-up" aria-hidden="true"></i>
        </a>
    </div>
      </div>
    </section>
  </div>
</div>
<div class="row">
  <div class="medium-12 large-12 columns">
    <section class="o-section o-section--spaceBot">
      <div class="o-section-inner">
        &nbsp;
      </div>
    </section>
  </div>
</div>

{% else %} 
<div class="row">
  <div class="medium-12 large-12 columns">
    <section class="o-section o-section--spaceBot">
      <div class="o-section-inner">
        <div class="o-section-block" data-equalizer data-equalize-on="medium">
          <h2>Vítejte na palubě !</h2>
          Díky aplikace Nalodění můžete:
          <ul>
             <li>vyplnit profilové údaje,
             <li>zjistit, jaké jsou možnosti zapojení se u Pirátů.
          </ul>
          {% if 'sso_staff' in request.session.site_perms %}
          <h3>Další možnosti aplikace</h3>
          Pokud máte dostatečná oprávnění, můžete navíc:
          <ul>
             <li>zobrazit, kdo se nově zaregistroval,
             <li>potvrdit registrace, které ještě nebyly schváleny (např. kvůli velkému nevyřízených registrací),
             <li>zobrazit si registrované zájemce v daném kraji (dle přidělených přístupů),
             <li>doplnit si k danému zájemci poznámku či další údaje.
          </ul>
          {% endif%}
        </div>
      </div>
    </section>
  </div>
</div>
{% endif %}

<div class="row">
  <div class="medium-12 large-12 columns">
    <section class="o-section o-section--spaceBot">
      <div class="o-section-inner">
      &nbsp;
      </div>
    </section>
  </div>
</div>


{%endblock%}
