templates/checkout.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.locale }}" itemscope itemtype="http://schema.org/WebPage">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1">
  8.         <title>{{ (page.title ? page.title : sett.get('sitename') ~ '. ' ~ page.name)|raw }}</title>
  9.         <meta name="description" content="{{ page.descr }}">
  10.         <meta name="keywords" content="{{ page.kw }}">
  12.         <link rel="shortcut icon" href="{{ asset('favicon/favicon.ico', 'pic') }}" type="image/x-icon">
  13.         <link rel="icon" href="{{ asset('favicon/favicon.ico', 'pic') }}" type="image/x-icon">
  14.         <link rel="apple-touch-icon" sizes="57x57" href="{{ asset('favicon/apple-touch-icon-57x57.png', 'pic') }}">
  15.         <link rel="apple-touch-icon" sizes="60x60" href="{{ asset('favicon/apple-touch-icon-60x60.png', 'pic') }}">
  16.         <link rel="apple-touch-icon" sizes="72x72" href="{{ asset('favicon/apple-touch-icon-72x72.png', 'pic') }}">
  17.         <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('favicon/apple-touch-icon-76x76.png', 'pic') }}">
  18.         <link rel="apple-touch-icon" sizes="114x114" href="{{ asset('favicon/apple-touch-icon-114x114.png', 'pic') }}">
  19.         <link rel="apple-touch-icon" sizes="120x120" href="{{ asset('favicon/apple-touch-icon-120x120.png', 'pic') }}">
  20.         <link rel="apple-touch-icon" sizes="144x144" href="{{ asset('favicon/apple-touch-icon-144x144.png', 'pic') }}">
  21.         <link rel="apple-touch-icon" sizes="152x152" href="{{ asset('favicon/apple-touch-icon-152x152.png', 'pic') }}">
  22.         <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('favicon/apple-touch-icon-180x180.png', 'pic') }}">
  23.         <link rel="icon" type="image/png" sizes="192x192" href="{{ asset('favicon/android-chrome-192x192.png', 'pic') }}">
  24.         <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon/favicon-32x32.png', 'pic') }}">
  25.         <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon/favicon-16x16.png', 'pic') }}">
  26.         <meta name="msapplication-TileColor" content="#ffffff">
  27.         <meta name="msapplication-TileImage" content="{{ asset('favicon/mstile-144x144.png', 'pic') }}">
  28.         <meta name="theme-color" content="#ffffff">
  30.         {{ sett.get('meta')|raw }}
  31.         {% if(canonical) %}
  32.             <link rel="canonical" href="https://{{ host }}{{ canonical }}"/>
  33.         {% endif %}
  35.         {% if noindex %}
  36.             <meta name="robots" content="noindex, nofollow"/>
  37.         {% endif %}
  39.         {# {% if env.is_opt or noindex or default_lang != app.request.locale %}
  40.             <meta name='robots' content='noindex, nofollow'/>
  41.         {% elseif (env.site==env.mix or env.site==env.mixopt) and app.request.locale!='pl' %}
  42.             <meta name='robots' content='noindex, nofollow'/>
  43.         {% endif %} #}
  45.         <meta name="mailru-verification" content="37d58a46a72cab32"/>
  47.         {% block stylesheets %}
  48.             {{ encore_entry_link_tags('app') }}
  49.         {% endblock %}
  51.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
  52.         <script src="https://maps.googleapis.com/maps/api/js?key={{ env.code_google_maps }}&libraries=&v=weekly" defer></script>
  53.         <script src="https://unpkg.com/@googlemaps/markerclustererplus/dist/index.min.js"></script>
  55.         {{ include('block/jslabels.html.twig') }}
  57.         {% if env.site == env.mix or env.site == env.mixopt %}
  58.         <script async src="https://geowidget.easypack24.net/js/sdk-for-javascript.js"></script>
  59.         <link rel="stylesheet" href="https://geowidget.easypack24.net/css/easypack.css" />
  60.         {% endif %}
  61.         
  62.         {% block javascripts %}
  63.             {{ encore_entry_script_tags('app') }}
  64.         {% endblock %}
  65.         
  66.         {{ include('block/seo/opengraph.html.twig') }}
  67.         {{ include('block/gtm.html.twig') }}
  69.         <script charset="UTF-8" src="{{ env.code_sendpulse }}" async></script>
  71.         {{ ga_events_init()|raw }}
  73.         {% if ga_events_checkout_begin %}
  74.             {{ ga_events_checkout_begin(cart_items)|raw }}
  75.         {% endif %}
  77.         {% if ga_events_checkout_finish %}
  78.             {{ ga_events_checkout_finish(order_id, order_sum, cart_items)|raw }}
  79.             {{ ga_events_checkout_client_email(user.email)|raw }}
  80.         {% endif %}
  81.     </head>
  82.     <body class="page-checkout">
  84.         <div id="fb-root"></div>
  85.         <script async defer crossorigin="anonymous" src="https://connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v5.0"></script>
  87.         {% if args[0] == 'register' %}
  88.             <div id="register_error_0">
  89.                 <div class="added-message">{{ labels.get('ps-error')|raw }}</div>
  90.             </div>
  91.         {% endif %}
  92.         <div id="prod_added">
  93.             <div class="added-message">{{ labels.get('added-message-1')|raw }}</div>
  94.         </div>
  95.         <div id="prod_removed">
  96.             <div class="added-message">{{ labels.get('added-message-2')|raw }}</div>
  97.         </div>
  98.         <div id="prod_added2">
  99.             <div class="added-message">{{ labels.get('added-message-3')|raw }}</div>
  100.         </div>
  102.         <span id="ScMail" style="display: none;">{{ app.session.get('useremail') }}</span>
  104.         {% if blocks.get('user_message')|striptags|trim != "" and (app.request.cookies.get('message-top') == NULL or app.request.cookies.get('message-top') != '0') %}
  105.             <div class="message-top">
  106.                 <div class="container">
  107.                     <div class="row">
  108.                         <div class="col-md-12 pr">
  109.                             <div class="message-top-close">
  110.                                 <a href="#">
  111.                                     <i class="fa fa-close"></i>
  112.                                 </a>
  113.                             </div>
  114.                             {{ blocks.get('user_message')|raw }}
  115.                         </div>
  116.                     </div>
  117.                 </div>
  118.             </div>
  119.         {% endif %}
  121.         <!-- Middle Header -->
  122.         <div class="middle-header">
  123.             <div class="container">
  124.                 <div class="row">
  125.                     <div class="col-sm-3">
  126.                         <div class="mh-logo">
  127.                             <a href="{{ path('home') }}"><img alt="Logo" src="{{ asset(env.site ~ '.' ~ app.request.locale ~ '.png', 'img') }}" class="img-responsive"/></a>
  128.                         </div>
  129.                     </div>
  130.                     <div class="col-sm-9">
  131.                         <div class="mh-pics">
  132.                             <div class="mhp-item">
  133.                                 <div class="mhp-wrapper">{#                            <?=$this->render('cart/block.php')?>#}
  134.                                     {#                            <hr>#}
  135.                                     {#                            <b>Cart3</b>#}
  136.                                     {#                            <div id="cart"></div>#}
  137.                                     {#                            <hr>#}
  138.                                 </div>
  139.                             </div>
  140.                         </div>
  141.                         <div class="mh-search">
  142.                             <div class="wm-tel">
  143.                                 {% if env.site == env.domopt %}
  144.                                     <a href="{% if isCallAvailable %}tel:0800312370{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-callopt.svg', 'img') }}" alt="" width="9">
  145.                                         0-800-312-370</a>
  146.                                 {% elseif env.site == env.mir %}
  147.                                     <a href="{% if isCallAvailable %}tel:88005052523{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-call.svg', 'img') }}" alt="" width="9">
  148.                                         8 (800) 505-25-23</a>
  149.                                 {% elseif env.site == env.miropt %}
  150.                                     <a href="{% if isCallAvailable %}tel:88005052523{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-callopt.svg', 'img') }}" alt="" width="9">
  151.                                         8 (800) 505-25-23</a>
  152.                                 {% elseif env.site == env.mix %}
  153.                                     <a href="{% if isCallAvailable %}tel:+48668522718{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-call.svg', 'img') }}" alt="" width="9">
  154.                                         +48 668 522 718</a>
  155.                                 {% elseif env.site == env.mixopt %}
  156.                                     <a href="{% if isCallAvailable %}tel:+48668522718{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-callopt.svg', 'img') }}" alt="" width="9">
  157.                                         +48 668 522 718</a>
  158.                                 {% else %}
  159.                                     <a href="{% if isCallAvailable %}tel:0800312370{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-call.svg', 'img') }}" alt="" width="9">
  160.                                         0-800-312-370</a>
  161.                                 {% endif %}
  162.                                 <span class="top-phone-time{% if not isCallAvailable %} top-phone-time-inactive{% endif %}"></span>
  163.                                 <span>{{ labels.get('tel-time-from')|raw }}
  164.                                     {{ labels.get('tel-start')|raw }}
  165.                                     {{ labels.get('tel-time-to')|raw }}
  166.                                     {{ labels.get('tel-end')|raw }}
  167.                                     ({{ labels.get('tel-city')|raw }})</span>
  168.                                 &nbsp;|<a data-toggle="modal" href="#modal_callback" rel="nofollow" class="wm-callback">
  169.                                     {{ labels.get('callback')|raw }}
  170.                                 </a>
  171.                             </div>
  172.                             <h3>{{ labels.get('checkout-head')|raw }}</h3>
  173.                         </div>
  174.                     </div>
  175.                 </div>
  176.             </div>
  177.         </div>
  178.         <!-- End Middle Header -->
  180.         <!-- Navigation Bar -->
  181.         <nav class="navbar navbar-default lastheader">
  183.             {{ include('block/navbar-part.html.twig') }}
  185.             <div class="container m-main-buttons visible-xs">
  186.                 <h3>{{ labels.get('checkout-head')|raw }}</h3>
  187.             </div>
  188.         </nav>
  190.         <!-- Main Content -->
  191.         <div class="container m-t-2 m-m-t">
  192.             <div class="row">
  193.                 <div class="col-sm-12 cont">
  195.                     <div class="ch-block">
  196.                         <a href="{{ step <= 1 ? '#' : path('checkout') }}" class="ch-a{% if step > 1 %} done{% endif %}{% if step == 1 %} active{% endif %}">
  197.                     <span class="pa chbn">{{ labels.get('step')|raw }} 1</span>
  198.                     <span class="ch-img">
  199.                         <img src="{{ asset('checkout-step-1.svg', 'img') }}" alt="">
  200.                     </span>
  201.                     <span class="ch-text">
  202.                         {{ labels.get('checkout-head-1')|raw }}
  203.                     </span>
  204.                     <span class="ch-arrow">
  205.                         <img src="{{ asset('checkout-step-arrow.svg', 'img') }}" alt="" width="20">
  206.                     </span>
  207.                 </a>
  208.                 <a href="{{ step <= 2 ? '#' : path('checkout_delivery') }}" class="ch-a{% if step > 2 %} done{% endif %}{% if step == 2 %} active{% endif %}">
  209.                     <span class="pa chbn">{{ labels.get('step')|raw }} 2</span>
  210.                     <span class="ch-img">
  211.                         <img src="{{ asset('checkout-step-2.svg', 'img') }}" alt="">
  212.                     </span>
  213.                     <span class="ch-text">
  214.                         {{ labels.get('checkout-head-2')|raw }}
  215.                     </span>
  216.                     <span class="ch-arrow">
  217.                         <img src="{{ asset('checkout-step-arrow.svg', 'img') }}" alt="" width="20">
  218.                     </span>
  219.                 </a>
  220.                 <a href="{{ step <= 3 ? '#' : path('checkout_payment') }}" class="ch-a{% if step > 3 %} done{% endif %}{% if step == 3 %} active{% endif %}">
  221.                     <span class="pa chbn">{{ labels.get('step')|raw }} 3</span>
  222.                     <span class="ch-img">
  223.                         <img src="{{ asset('checkout-step-3.svg', 'img') }}" alt="">
  224.                     </span>
  225.                     <span class="ch-text">
  226.                         {{ labels.get('checkout-head-3')|raw }}
  227.                     </span>
  228.                     <span class="ch-arrow">
  229.                         <img src="{{ asset('checkout-step-arrow.svg', 'img') }}" alt="" width="20">
  230.                     </span>
  231.                 </a>
  232.                 <a href="{{ step <= 4 ? '#' : path('checkout_confirm') }}" class="ch-a{% if step > 4 %} done{% endif %}{% if step == 4 %} active{% endif %}">
  233.                     <span class="pa chbn">{{ labels.get('step')|raw }} 4</span>
  234.                     <span class="ch-img">
  235.                         <img src="{{ asset('checkout-step-4.svg', 'img') }}" alt="">
  236.                     </span>
  237.                     <span class="ch-text">
  238.                         {{ labels.get('checkout-head-4')|raw }}
  239.                     </span>
  240.                     <span class="ch-arrow">
  241.                         <img src="{{ asset('checkout-step-arrow.svg', 'img') }}" alt="" width="20">
  242.                     </span>
  243.                 </a>
  244.                 <a href="{{ step <= 5 ? '#' : path('checkout_finish') }}" class="ch-a{% if step == 5 %} done{% endif %}">
  245.                     <span class="pa chbn">{{ labels.get('step-done')|raw }}</span>
  246.                     <span class="ch-img">
  247.                         <img src="{{ asset('checkout-step-5.svg', 'img') }}" alt="">
  248.                     </span>
  249.                     <span class="ch-text">
  250.                     {{ labels.get('checkout-head-5')|raw }}
  251.                     </span>
  252.                 </a>
  253.             </div>
  255.             <div id="ect-1" class="ect">
  256.                 <div class="cart-left-0 clearfix">
  258.                 </div>
  259.                 {% if cart_items|length %}
  260.                     <div class="cart-right">
  261.                         {{ include('cart/block/cart-right-block.html.twig') }}
  262.                     </div>
  263.                 {% endif %}
  264.                 <div class="cart-left">
  265.                     <div class="cart-edit checkout-cont">
  266.                         {% if args[1] == 'delivery' %}
  267.                             <div class="checkout-cont-preloader">
  268.                                 <img src="{{ asset('loading-img' ~ (env.is_opt ? '-opt' : '') ~ '.gif', 'img') }}" alt="">
  269.                             </div>
  270.                         {% endif %}
  271.                         <div class="checkout-cont-wrapper{% if args[1] == 'delivery' %} inactive{% endif %}">
  272.                             <h1 class="pl-h1">{{ h1 }}</h1>
  273.                             {% block body %}{% endblock %}
  274.                         </div>
  275.                     </div>
  277.                     {% if args[1] != 'finish' %}
  278.                         <div id="m-cart-amount-block" class="visible-xs">
  279.                             {% if cart_items|length %}
  280.                                 <div id="cart-amount-block" class="row">
  281.                                     {{ include('cart/block/amount-block.html.twig') }}
  282.                                 </div>
  283.                             {% endif %}
  284.                         </div>
  285.                     {% endif %}
  287.                     <div id="p-cart-amount-block">
  288.                         {% if cart_items|length %}
  289.                             {{ include('cart/block/cart-right-block-2.html.twig') }}
  290.                         {% endif %}
  291.                     </div>
  292.                 </div>
  293.             </div>
  295.             {{ include('cart/block/cart-bottom-amount-blocks.html.twig') }}
  297.             {{ include('cart/block/cart-block-scripts.html.twig') }}
  299.         </div>
  301.     </div>
  302.     <!-- End Main Content -->
  304.     <a href="#top" class="back-top text-center">
  305.         <img src="{{ asset('014-up-arrow.svg', 'img') }}" alt="" width="10">
  306.     </a>
  308.     {% if(env.code_bitrix) %}
  309.         <script>
  310.             (function(w,d,u){
  311.                 var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0);
  312.                 var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
  313.             })(window,document,'https://bitrix24.dombusin.com/upload/crm/site_button/{{ env.code_bitrix }}.js');
  314.         </script>
  315.     {% endif %}
  317.     {% if(env.code_emt) %}
  318.         <script src="https://emailtools.ru/js/api/v1/tools.js" defer="" async=""></script>
  319.         <script>
  320.             window.EMT = window.EMT || {};
  321.             EMT._client_id = {{ env.code_emt }}
  322.         </script>
  323.     {% endif %}
  325.     {{ include('block/modal_callback.html.twig') }}
  326.     {{ include('block/modal_sent.html.twig') }}
  327.     {{ include('block/modal_city.html.twig') }}
  328.     {{ include('block/razmetka.html.twig') }}
  330. </body>
  331. </html>