<!DOCTYPE html>

<html class="no-js lang{{ app.locale }}" {% block html_lang %}lang="{{ app.locale }}"{% endblock %}>
<head>
   <meta charset="utf-8">
   {% block meta_author %}
      <meta name="author" content="{{ dbcfg.shop_firm_name }}">
   {% endblock %}

   <meta name="web_author" content="wpj.cz">

   {% block meta_description %}
      <meta name="description" content="{{ header.meta_description|default(dbcfg.shop_description) }}">
   {% endblock %}

   {% block meta_robots %}
      <meta name="robots" content="{{ header.robots }}">
   {% endblock %}

   <meta name="viewport" content="width=device-width, initial-scale=1">

   <meta property="og:title" content="{{ header.pageTitle }}">
   {% block og_image %}
      <meta property="og:image" content="https://{{ app.request.host }}/system-images/fb-share-image.png">
   {% endblock %}
   <meta property="og:url" content="{{ app.request.uri }}">
   <meta property="og:type" content="website">

   {% block meta_title %}
      <title>{{ header.pageTitle }}</title>
   {% endblock %}

   {% block css %}
      {% block fonts %}
         <link rel="preconnect" href="https://fonts.googleapis.com">
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
         <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
      {% endblock %}

      {% block css_entry %}
         {{ encore_entry_link_tags('base', encorePackage()) }}
         {% if view.getEntrypoint() %}
            {{ encore_entry_link_tags("c-" ~ view.getEntrypoint(), encorePackage()) }}
         {% endif %}
      {% endblock %}
   {% endblock %}

   {% if app.environment == 'prod' %}
      <twig:Utils:Sentry smartyFallback="{{ not view.isComponentsView() }}"/>
   {% endif %}

   {% block js_entry %}
      {{ encore_entry_script_tags('base', encorePackage()) }}
      {% if view.getEntrypoint() %}
         {{ encore_entry_script_tags("c-" ~ view.getEntrypoint(), encorePackage()) }}
      {% endif %}
   {% endblock %}

   {% block canonical %}
      {% set canonical_url = view.getCanonicalUrl(app.request) %}
      {% if canonical_url %}
         <link rel="canonical" href="{{ canonical_url }}">
      {% endif %}
   {% endblock %}

   {# todo nechat #}
   {#   {% block 'pagination-data' %}#}
   {#      {% if body.pager.count > 1 %}#}
   {#         {% if body.pager.number > 1 %}#}
   {#            <link rel="prev" href="{$body.pager->getUrl(["page" =>{{ {$body.pager.number }}-1} ])}">#}
   {#         {% endif %}#}
   {#         {% if body.pager.number < body.pager.count %}#}
   {#            <link rel="next" href="{$body.pager->getUrl(["page" =>{{ {$body.pager.number }}+1}])}">#}
   {#         {% endif %}#}
   {#      {% endif %}#}
   {#   {% endblock %}#}

   {% block favicon %}
      <link rel="icon" type="image/svg+xml" href="/system-images/favicon.svg">
      <link rel="shortcut icon" href="/favicon.ico">
      <link rel="apple-touch-icon" sizes="180x180" href="/system-images/apple-touch-icon.png">
      <link rel="icon" type="image/png" sizes="96x96" href="/system-images/favicon-96x96.png">

      {% if app.environment == 'prod' %}
         <link rel="manifest" href="/system-images/site.webmanifest" crossorigin="use-credentials">
      {% endif %}

      {% block favicon_theme_color %}
         <meta name="theme-color" content="#ffffff">
      {% endblock %}
   {% endblock %}

   <link rel="search" href="{{ path('kupshop_catalog_search_search') }}" type="text/html">

   {% include "base.js_init.html.twig" %}
   <twig:Utils:GTM:Script/>

   {% for row in dbcfg.analytics.google_site_verifications ?? [] %}
      <meta name="google-site-verification" content="{{ row.value }}">
   {% endfor %}

   {% for row in dbcfg.analytics.facebook_site_verifications ?? [] %}
      <meta name="facebook-domain-verification" content="{{ row.value }}">
   {% endfor %}

   {% if dbcfg.analytics.seznam_webmaster.id ?? false %}
      <meta name="seznam-wmt" content="{{ dbcfg.analytics.seznam_webmaster.id }}">
   {% endif %}

   {#    {% if not isDebug() %}#}
   {#      {% include block.ga4.html.twig %}#}
   {#   {% endif %}#}
</head>
<body class="{% if app.user and app.user.type('b2b') %}b2b-user{% endif %}{% if app.user %} logged{% else %} unlogged{% endif %} {% block body_additional_class %}{% endblock %}">

<twig:Utils:GTM:Script noscript="true"/>
<twig:Utils:Marketing/>
<twig:JsShop/>
{% block body %}
{% endblock %}

{% block js %}
   {% block js_polyfills %}
      <script crossorigin="anonymous" src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=IntersectionObserver%2CMutationObserver%2CResizeObserver%2CglobalThis"></script>
   {% endblock %}
   {% if module.SELLERS and not module.SELLERS__SMARTY_SELLERS %}
      <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyALWHnTYGbIvtTTB8EMiT9wZP3sLMTw-lI&libraries=places,marker&language=cs"></script>
   {% endif %}
{% endblock %}

{% if header.wpjToolbar is defined and not app.request.get('no_toolbar') %}
   {% include 'block.wpj_toolbar.html.twig' %}
{% endif %}

<div data-wpj-modals>
   {% block modals %}
   {% endblock %}
   {% if dbcfg.cookie_bar and dbcfg.cookie_bar.enable == "Y" %}
      <div class="wpj-modal-overlay" data-modal-endpoint="cookiebar">
         <twig:Modal title="Cookies" show_close_button="{{ dbcfg.cookie_bar.focus_close|default('N') == "Y" ? 1 : 0 }}">
            <twig:Utils:CookieBar/>
         </twig:Modal>
      </div>
   {% endif %}
   {% block modals_after %}
   {% endblock %}
</div>

<twig:Utils:GTM:ProductDataPrinter/>
<twig:Utils:Microdata/>
</body>
</html>
