{extends_parent}

{block "fonts"}
   <link rel="stylesheet" href="https://use.typekit.net/dml5dai.css">
{/block}

{block "favicons"}
   <link rel="apple-touch-icon" sizes="180x180" href="{static_url url="/web/bundles/cyklospeciality/images/share/apple-touch-icon.png"}">
   <link rel="icon" type="image/png" sizes="32x32" href="{static_url url="/web/bundles/cyklospeciality/images/share/favicon-32x32.png"}">
   <link rel="icon" type="image/png" sizes="16x16" href="{static_url url="/web/bundles/cyklospeciality/images/share/favicon-16x16.png"}">
   <link rel="manifest" href="{static_url url="/web/bundles/cyklospeciality/images/share/site.webmanifest"}">
   {get_contexts language=1 country=1 assign="contexts"}
   {get_actual_language_urls assign='urls'}
   {foreach $contexts.language->getSupported() as $language}
      {if $language->getId() == 'cs'}
         <link rel="alternate" hreflang="{$language->getId()}" href="https://www.cyklospeciality.cz{$urls.cs}">
      {elseif $language->getId() == 'sk'}
         <link rel="alternate" hreflang="{$language->getId()}" href="https://www.cyklospeciality.sk{$urls.sk}">
         <meta name="seobility" content="daf1ecda7d0f5dc21d5d1199d503a3d6">
      {/if}
   {/foreach}
{/block}



{block "body"}
   {block "header"}
      {include "components/header.tpl"}
   {/block}
   {block "main"}
      <main class="main {block "container-class"}container{/block} {block "main-class"}{/block}" {block "main-data-attributes"}{/block}>
         {block "breadcrumbs-wrapper"}
            <div class="row">
               <div class="col-xl-10 col-xl-offset-1 col-xxs-12">
                  {include "components/breadcrumbs.tpl" home="{t}Úvodní strana{/t}"}
               </div>
            </div>
         {/block}

         {block "content"}

         {/block}
      </main>
   {/block}
   {block "footer-instafeed"}
      <div class="container container-footer-reviews">
         <div class="row">
            <div class="col-xl-10 col-xxs-12 col-xl-offset-1">
               {insert_slider label="footer-reviews" template="block.slider.reviews.tpl"}
            </div>
         </div>
      </div>
      <div class="container-fluid">
         {include "components/instafeed.tpl" css_class="container container-flex" title="{t}Naše sociální sítě{/t}"}
      </div>
   {/block}
   {block "footer-newsletter"}
      <div class="footer-newsletter container-fluid">
         <div class="container">
            <div class="row">
               <div class="col-xl-5 col-lg-6 col-xxs-12 col-xl-offset-1">
                  <div class="newsletter-text">
                     {insert_page code="footer-newsletter"}
                  </div>
               </div>
               <div class="col-xl-5 col-lg-6 col-xxs-12">
                  <form name="login" method="post" action="{url s=newsletter subscribe=1}" data-recaptcha-lazy>
                     <input class="form-control" type="email" name="email" value="" placeholder="@">
                     <button class="btn btn-secondary" type="submit" name="Submit" value=""
                             data-sitekey="{findModule('recaptcha','site_shared')}" data-recaptcha="btn">{t}Odeslat{/t}
                     </button>
                  </form>
               </div>
            </div>
         </div>
      </div>
   {/block}
   <footer class="footer">
      <div class="container-fluid">
         <div class="container">
            <div class="row">
               <div class="col-xl-offset-1 col-xl-4 col-lg-5 col-xxs-12">
                  <div class="footer-left">
                     <div class="footer-contact">
                        <p>
                           <a href="tel:{$dbcfg.shop_phone}">{$dbcfg.shop_phone}</a><br>
                           <span>{$dbcfg.custom.infolinka|default:"(8:00–15:00)"}</span>
                        </p>
                        <p>
                           <a href="mailto:{$dbcfg.shop_email}">{$dbcfg.shop_email}</a><br>
                           <span>{$dbcfg.custom.infolinka|default:"(8:00–15:00)"}</span>
                        </p>
                        {include "components/block.social.tpl" social_class="footer-social"}
                     </div>
                     {insert_menu menu_id=$cfg.cyklospeciality_tpl.footer_menu_id level_max=1 template="block.menu.footer.tpl"}
                  </div>
               </div>
               <div class="col-lg-2 col-xxs-12 logo-col">
                  <div class="logo-wrapper">
                     <a href="{url s=index}" title="{$dbcfg.index_title}" class="logo">
                        <img src="/web/bundles/cyklospeciality/images/logo-footer.svg" alt="{$dbcfg.index_title}" width="148" height="148" loading="lazy">
                     </a>
                  </div>
               </div>
               <div class="col-xl-offset-1 col-xl-4 col-lg-5 col-xxs-12">
                  <div class="footer-right">
                     {insert_menu label="menu_footer" level_max=1 template="block.menu.footer.tpl"}
                  </div>
               </div>
            </div>
            {block "footer-deliveries"}
               <div class="footer-deliveries">
                  {if $ctrl.active_language == "cs"}
                     <img src="/web/bundles/cyklospeciality/images/dpd.svg" class="img-responsive" alt="{t}DPD{/t}" width="53" height="23" loading="lazy">
                     <img src="/web/bundles/cyklospeciality/images/zasilkovna.svg" class="img-responsive" alt="{t}Zásilkovna{/t}" width="85" height="19" loading="lazy">
                     <img src="/web/bundles/cyklospeciality/images/gopay.svg" class="img-responsive" alt="{t}GoPay{/t}" width="65" height="15" loading="lazy">
                     <img src="/web/bundles/cyklospeciality/images/mastercard.svg" class="img-responsive" alt="{t}Mastercard{/t}" width="30" height="23" loading="lazy">
                     <img src="/web/bundles/cyklospeciality/images/visa.svg" class="img-responsive" alt="{t}Visa{/t}" width="44" height="14" loading="lazy">
                  {else}
                     <img src="/web/bundles/cyklospeciality/images/gopay.svg" class="img-responsive" alt="{t}GoPay{/t}" width="65" height="15" loading="lazy">
                     <img src="/web/bundles/cyklospeciality/images/sps.svg" class="img-responsive" alt="{t}Slovak Parcel Service{/t}" width="68" height="20" loading="lazy">
                     <img src="/web/bundles/cyklospeciality/images/gls.svg" class="img-responsive" alt="{t}GLS{/t}" width="42" height="14" loading="lazy">
                     <img src="/web/bundles/cyklospeciality/images/visa.svg" class="img-responsive" alt="{t}Visa{/t}" width="44" height="14" loading="lazy">
                     <img src="/web/bundles/cyklospeciality/images/maestro.svg" class="img-responsive" alt="{t}Maestro{/t}" width="30" height="23" loading="lazy">
                     <img src="/web/bundles/cyklospeciality/images/tatra.svg" class="img-responsive" alt="{t}TATRA BANKA{/t}" width="32" height="34" loading="lazy">
                  {/if}
               </div>
            {/block}
         </div>
      </div>
      <div class="container-fluid">
         <div class="copyright container container-flex">
            <div>
               © {$smarty.now|date_format:"%Y"} {$dbcfg.shop_firm_name}
            </div>

            {insert_menu label="menu_copyright" level_max=0 template="block.menu.copyright.tpl"}

            <div>
               Shop by&nbsp;<a href="https://www.wpj.cz">wpj.cz</a>
               {include "components/block.lang-toggle.tpl"}
            </div>
         </div>
      </div>
   </footer>
   {if $cfg.tpl.language_currency_switcher}
      {include "focus/focus.language-switcher.tpl" class="language-switcher"}
      {include "focus/focus.currency-switcher.tpl" class="currency-switcher"}
   {/if}
{/block}

{block "sections-responsive"}
    {insert_js_menu}
{/block}
