{extends "index.tpl"}

{block "content"}
   <div class="page-newsletter">

      <h1>{t}Přihlášení k zasílání novinek{/t}</h1>

      <div class="page-content">
         {insert_page type="NEWSLETTER_SUBSCRIBE" exists='exists'}

         {block "user-messages"}
            {include "block.messages.tpl"}
         {/block}

         {if !$body.hide_form}
            <form name="login" method="post" action="{$ctrl.currUrl.Abs}">
               <div class="form-group">
                  <input class="form-control" type="email" id="email" name="email" value="{$body.email}" maxlength="70"
                         placeholder="{t}Zadejte Váš e-mail{/t}" required>
                  {include "block.recaptcha.invisible.tpl"}
                  {sharedCaptchaBtn text="{t}Přihlásit{/t}" class="btn btn-primary"}
               </div>
            </form>
         {elseif $body.new_subscriber}
            {insert_page code="newsletter_new" exists='exists' assign='newsletter_new_fragment'}
            {if $newsletter_new_fragment}
               {$newsletter_new_fragment.content nofilter}
            {/if}
         {/if}

         {if $cfg.social|count}
            <div class="text-center">
               <h3>{t}Sledujte nás na sociálních sítích{/t}</h3>
               {block 'newsletter-social'}
                  {if $cfg.social.facebook or $dbcfg.social.facebook}
                     <a href="{$dbcfg.social.facebook|default:$cfg.social.facebook}" class="social-link" title="Facebook"><span class="fc icons_facebook"></span></a>
                  {/if}
                  {if $cfg.social.instagram or $dbcfg.social.instagram}
                     <a href="{$dbcfg.social.instagram|default:$cfg.social.instagram}" class="social-link" title="Instagram"><span class="fc icons_instagram"></span></a>
                  {/if}
                  {if $dbcfg.social.tiktok}
                     <a href="{$dbcfg.social.tiktok}" class="social-link" title="TikTok"><span class="fc icons_tiktok"></span></a>
                  {/if}
               {/block}
            </div>
         {/if}
      </div>
   </div>
{/block}

{block newsletter}
{/block}

{block "js-dynamic-load" append}
   {if !$body.hide_form}
      {captchaScript}
   {/if}
{/block}