{extends "index.tpl"}

{block "css-entry" append}
    {encore_entry_link_tags entry='htmlpage'}
{/block}

{block content}
   <div class="page-login">
      <h1>{t}Přihlášení{/t}</h1>

      <div class="page-content">
          {include "block.messages.tpl"}
         <form name="login" method="post" action="{url s=login}">
            <div class="form-group">
               <input type="email" name="login" value="{$body.inputLogin}" maxlength="70" class="form-control" id="email" placeholder="{t}E-mail{/t}">
            </div>
            <div class="form-group">
               <a href="" class="fc icons_view password-toggle" data-view-password tabindex="-1"></a>
               <input type="password" name="password" value="" maxlength="70" class="form-control" id="pass" placeholder="{t}Heslo{/t}">
            </div>
            <input class="btn btn-primary" type="submit" name="Submit" value="{t}Přihlásit se{/t}">
         </form>
         <p>
            <a href="{url s=login act=passw}">{t}Zapomenuté heslo.{/t}</a><br>
             {t escape=false url={url s=user act=new}}Jsi tu poprvé? <a href="{url}">Zaregistruj se</a>.{/t}
         </p>
      </div>

      {if $dbcfg.oauth.facebook.client_id or $dbcfg.oauth.google.client_id}
         <div class="oauth-login">
            <p class="text-center">{t}nebo rychlé přihlášení{/t}</p>
            <div class="oauth-buttons">
               {if $dbcfg.oauth.facebook.client_id}
                  <a href="/login-bind/facebook" class="btn fb"><span class="icon"></span><span class="text">{t}Facebook{/t}</span></a>
               {/if}
               {if $dbcfg.oauth.google.client_id}
                  <a href="/login-bind/google" class="btn gp"><span class="icon"></span><span class="text">{t}Google{/t}</span></a>
               {/if}
               {if $dbcfg.oauth.apple.client_id}
                  <a href="/login-bind/apple" target="_blank" class="btn apple"><span class="icon"></span><span
                        class="text">{t}Apple{/t}</span></a>
               {/if}
               {if $dbcfg.oauth.seznam.client_id}
                  <a href="/login-bind/seznam" target="_blank" class="btn sz"><span class="icon"></span><span
                        class="text">{t}Seznam{/t}</span></a>
               {/if}
               {if $dbcfg.oauth.amazon.client_id}
                  <a href="/login-bind/amazon" target="_blank" class="btn amazon"><span class="icon"></span><span
                        class="text">{t}Amazon{/t}</span></a>
               {/if}
            </div>
         </div>
      {/if}
   </div>
{/block}
