{% extends 'pirati_cz.html' %}

{%block body%}
<div class="row">
  <div class="medium-12 large-12 columns">
    <section class="o-section o-section--spaceBot">
      <div class="o-section-inner">
      <h1 class="width-alt-s">Přihlášení</h1>
      Pro využití aplikace Nalodění je potřeba se přihlásit.<br/><br/>
      Můžete využít <b>Pirátskou identitu</b>, profil na sociální síti, nebo jednoduše zadat  email.
      </div>
    </section>
  </div>
</div>
<div class="row">
  <div class="medium-12 large-6 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>Pirátská identita, sociální sítě</h2>
          {%include 'social_buttons.html'%}
        </div>
      </div>
    </section>
  </div>
  <div class="medium-12 large-6 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>E-mail</h2>
          <form method="post" action="/prihlaseni/">
              {%csrf_token%}
              <label for="f_adresa">Email:</label>
              <input type="email" id="f_adresa" name="f_adresa" maxlength="100" value="{{fs_email}}"/>
              <input type="submit" class="c-cta-button c-cta-button--primary" value="Přihlásit se e-mailem"/>
          </form>

          <br/>
          Vstupte do aplikace zadáním Vašeho e-mailu, pošleme vám přihlašovací odkaz.
        </div>
      </div>
    </section>
  </div>
</div>

{%endblock%}
