{extends "focus/focus.base.tpl"}

{block "focus-content-outer"}
   <div class="focus-login-content">
      <a href="#" class="focus-close" data-focus="close">
         <span>{t}zavřít{/t}</span> <span class="fc lightbox_close"></span>
      </a>
      <div class="logo-wrapper">
         <a href="{url s=index}" title="{$dbcfg.index_title}" class="logo">
            <img src="/web/bundles/cyklospeciality/images/logo.svg" alt="{$dbcfg.index_title}" width="244" class="img-responsive">
         </a>
         <p>{t}Přihlášení pomocí e-mailu{/t}</p>
      </div>
      <form method="post" action="{url s=login}">
         <input type="hidden" name="url" value="{$ctrl.currUrl.Rel}">

         <div class="form-group">
            <input type="email" name="login" value="{$body.inputLogin}" placeholder="{t}E-mail{/t}"
                   class="form-control">
         </div>
         <div class="form-group">
            <input type="password" name="password" value="" placeholder="{t}Heslo{/t}" class="form-control" autocomplete="current-password">
            <a href="{url s=login act=passw}" class="password-reset">{t}Zapomenuté heslo.{/t}</a>
         </div>
         <div class="text-center">
            <input class="btn btn-primary" type="submit" value="{t}Přihlásit se{/t}" name="Submit">
         </div>
      </form>
      {ifmodule USER_OAUTH}
      {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}
            </div>
         </div>
      {/if}
      {/ifmodule}
   </div>
   <div class="focus-login-side">
      <img src="/web/bundles/cyklospeciality/images/focus-login-bg.jpg" height="493" width="340" loading="lazy">
      <div>
         <p class="h2">{t escape=false}Ještě u nás nemáte účet?{/t}</p>
         <div class="focus-login-side-content">
            {insert_page code="focus-login"}
         </div>
         <p class="register-text">{t}Zaregistrujte se a využívejte naše benefity{/t}</p>
         <a class="btn btn-white btn-block" href="{url s=user act=new}">{t}Vytvořit účet{/t}</a>
      </div>
   </div>
{/block}
