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"/>
  48.         {% block stylesheets %}
  49.             {{ encore_entry_link_tags('app') }}
  50.         {% endblock %}
  52.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
  53.         <script src="https://maps.googleapis.com/maps/api/js?key={{ env.code_google_maps }}&libraries=&v=weekly" defer></script>
  54.         <script src="https://unpkg.com/@googlemaps/markerclustererplus/dist/index.min.js"></script>
  56.         {{ render_esi (url('block_js_labels')) }}
  58.         {% if env.site == env.mix or env.site == env.mixopt %}
  59.         <script async src="https://geowidget.easypack24.net/js/sdk-for-javascript.js"></script>
  60.         <link rel="stylesheet" href="https://geowidget.easypack24.net/css/easypack.css" />
  61.         {% endif %}
  62.         
  63.         {% block javascripts %}
  64.             {{ encore_entry_script_tags('app') }}
  65.         {% endblock %}
  67.         {% if env.code_gtm %}
  68.             {{ include('block/seo/opengraph.html.twig') }}
  69.             {#        echo $this->render("block/google/trade.php");#}
  70.             {#        echo $this->render("block/remarketing.php");#}
  71.             {#        echo \ASweb\SEO\GTM::draw(Env::code_gtm());#}
  72.         {% endif %}
  74.         <script charset="UTF-8" src="{{ env.code_sendpulse }}" async></script>
  76.     </head>
  77.     <body class="page-checkout">
  79.         <div id="fb-root"></div>
  80.         <script async defer crossorigin="anonymous" src="https://connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v5.0"></script>
  82.         {% if env.code_gtm %}
  83.             {#    echo \ASweb\SEO\GTM::noscript(Env::code_gtm());#}
  84.         {% endif %}
  86.         {% if args[0] == 'register' %}
  87.             <div id="register_error_0">
  88.                 <div class="added-message">{{ labels.get('ps-error')|raw }}</div>
  89.             </div>
  90.         {% endif %}
  91.         <div id="prod_added">
  92.             <div class="added-message">{{ labels.get('added-message-1')|raw }}</div>
  93.         </div>
  94.         <div id="prod_removed">
  95.             <div class="added-message">{{ labels.get('added-message-2')|raw }}</div>
  96.         </div>
  97.         <div id="prod_added2">
  98.             <div class="added-message">{{ labels.get('added-message-3')|raw }}</div>
  99.         </div>
  101.         <span id="ScMail" style="display: none;">{{ app.session.get('useremail') }}</span>
  103.         {% if blocks.get('user_message')|striptags|trim != "" and (app.request.cookies.get('message-top') == NULL or app.request.cookies.get('message-top') != '0') %}
  104.             <div class="message-top">
  105.                 <div class="container">
  106.                     <div class="row">
  107.                         <div class="col-md-12 pr">
  108.                             <div class="message-top-close">
  109.                                 <a href="#">
  110.                                     <i class="fa fa-close"></i>
  111.                                 </a>
  112.                             </div>
  113.                             {{ blocks.get('user_message')|raw }}
  114.                         </div>
  115.                     </div>
  116.                 </div>
  117.             </div>
  118.         {% endif %}
  120.         <!-- Middle Header -->
  121.         <div class="middle-header">
  122.             <div class="container">
  123.                 <div class="row">
  124.                     <div class="col-sm-3">
  125.                         <div class="mh-logo">
  126.                             <a href="{{ path('home') }}"><img alt="Logo" src="{{ asset(env.site ~ '.' ~ app.request.locale ~ '.png', 'img') }}" class="img-responsive"/></a>
  127.                         </div>
  128.                     </div>
  129.                     <div class="col-sm-9">
  130.                         <div class="mh-pics">
  131.                             <div class="mhp-item">
  132.                                 <div class="mhp-wrapper">{#                            <?=$this->render('cart/block.php')?>#}
  133.                                     {#                            <hr>#}
  134.                                     {#                            <b>Cart3</b>#}
  135.                                     {#                            <div id="cart"></div>#}
  136.                                     {#                            <hr>#}
  137.                                 </div>
  138.                             </div>
  139.                         </div>
  140.                         <div class="mh-search">
  141.                             <div class="wm-tel">
  142.                                 {% if env.site == env.domopt %}
  143.                                     <a href="{% if isCallAvailable %}tel:0800312370{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-callopt.svg', 'img') }}" alt="" width="9">
  144.                                         0-800-312-370</a>
  145.                                 {% elseif env.site == env.mir %}
  146.                                     <a href="{% if isCallAvailable %}tel:88005551057{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-call.svg', 'img') }}" alt="" width="9">
  147.                                         8-800-555-10-57</a>
  148.                                 {% elseif env.site == env.miropt %}
  149.                                     <a href="{% if isCallAvailable %}tel:+74952152841{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-callopt.svg', 'img') }}" alt="" width="9">
  150.                                         +7 (495) 215-28-41</a>
  151.                                 {% elseif env.site == env.mix %}
  152.                                     <a href="{% if isCallAvailable %}tel:+48668522718{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-call.svg', 'img') }}" alt="" width="9">
  153.                                         +48 668 522 718</a>
  154.                                 {% elseif env.site == env.mixopt %}
  155.                                     <a href="{% if isCallAvailable %}tel:+48668522718{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-callopt.svg', 'img') }}" alt="" width="9">
  156.                                         +48 668 522 718</a>
  157.                                 {% else %}
  158.                                     <a href="{% if isCallAvailable %}tel:0800312370{% else %}#{% endif %}" rel="nofollow" class="top-phone-w"><img src="{{ asset('001-call.svg', 'img') }}" alt="" width="9">
  159.                                         0-800-312-370</a>
  160.                                 {% endif %}
  161.                                 <span class="top-phone-time{% if not isCallAvailable %} top-phone-time-inactive{% endif %}"></span>
  162.                                 <span>{{ labels.get('tel-time-from')|raw }}
  163.                                     {{ labels.get('tel-start')|raw }}
  164.                                     {{ labels.get('tel-time-to')|raw }}
  165.                                     {{ labels.get('tel-end')|format_number }}
  166.                                     ({{ labels.get('tel-city')|raw }})</span>
  167.                                 &nbsp;|<a data-toggle="modal" href="#modal_callback" rel="nofollow" class="wm-callback">
  168.                                     {{ labels.get('callback')|raw }}
  169.                                 </a>
  170.                             </div>
  171.                             <h3>{{ labels.get('checkout-head')|raw }}</h3>
  172.                         </div>
  173.                     </div>
  174.                 </div>
  175.             </div>
  176.         </div>
  177.         <!-- End Middle Header -->
  179.         <!-- Navigation Bar -->
  180.         <nav class="navbar navbar-default lastheader">
  182.             {{ include('block/navbar-part.html.twig') }}
  184.             <div class="container m-main-buttons visible-xs">
  185.                 <h3>{{ labels.get('checkout-head')|raw }}</h3>
  186.             </div>
  187.         </nav>
  189.         <!-- Main Content -->
  190.         <div class="container m-t-2 m-m-t">
  191.             <div class="row">
  192.                 <div class="col-sm-12 cont">
  194.                     <div class="ch-block">
  195.                         <a href="{{ step <= 1 ? '#' : path('checkout') }}" class="ch-a{% if step > 1 %} done{% endif %}{% if step == 1 %} active{% endif %}">
  196.                     <span class="pa chbn">{{ labels.get('step')|raw }} 1</span>
  197.                     <span class="ch-img">
  198.                         <img src="{{ asset('checkout-step-1.svg', 'img') }}" alt="">
  199.                     </span>
  200.                     <span class="ch-text">
  201.                         {{ labels.get('checkout-head-1')|raw }}
  202.                     </span>
  203.                     <span class="ch-arrow">
  204.                         <img src="{{ asset('checkout-step-arrow.svg', 'img') }}" alt="" width="20">
  205.                     </span>
  206.                 </a>
  207.                 <a href="{{ step <= 2 ? '#' : path('checkout_delivery') }}" class="ch-a{% if step > 2 %} done{% endif %}{% if step == 2 %} active{% endif %}">
  208.                     <span class="pa chbn">{{ labels.get('step')|raw }} 2</span>
  209.                     <span class="ch-img">
  210.                         <img src="{{ asset('checkout-step-2.svg', 'img') }}" alt="">
  211.                     </span>
  212.                     <span class="ch-text">
  213.                         {{ labels.get('checkout-head-2')|raw }}
  214.                     </span>
  215.                     <span class="ch-arrow">
  216.                         <img src="{{ asset('checkout-step-arrow.svg', 'img') }}" alt="" width="20">
  217.                     </span>
  218.                 </a>
  219.                 <a href="{{ step <= 3 ? '#' : path('checkout_payment') }}" class="ch-a{% if step > 3 %} done{% endif %}{% if step == 3 %} active{% endif %}">
  220.                     <span class="pa chbn">{{ labels.get('step')|raw }} 3</span>
  221.                     <span class="ch-img">
  222.                         <img src="{{ asset('checkout-step-3.svg', 'img') }}" alt="">
  223.                     </span>
  224.                     <span class="ch-text">
  225.                         {{ labels.get('checkout-head-3')|raw }}
  226.                     </span>
  227.                     <span class="ch-arrow">
  228.                         <img src="{{ asset('checkout-step-arrow.svg', 'img') }}" alt="" width="20">
  229.                     </span>
  230.                 </a>
  231.                 <a href="{{ step <= 4 ? '#' : path('checkout_confirm') }}" class="ch-a{% if step > 4 %} done{% endif %}{% if step == 4 %} active{% endif %}">
  232.                     <span class="pa chbn">{{ labels.get('step')|raw }} 4</span>
  233.                     <span class="ch-img">
  234.                         <img src="{{ asset('checkout-step-4.svg', 'img') }}" alt="">
  235.                     </span>
  236.                     <span class="ch-text">
  237.                         {{ labels.get('checkout-head-4')|raw }}
  238.                     </span>
  239.                     <span class="ch-arrow">
  240.                         <img src="{{ asset('checkout-step-arrow.svg', 'img') }}" alt="" width="20">
  241.                     </span>
  242.                 </a>
  243.                 <a href="{{ step <= 5 ? '#' : path('checkout_finish') }}" class="ch-a{% if step == 5 %} done{% endif %}">
  244.                     <span class="pa chbn">{{ labels.get('step-done')|raw }}</span>
  245.                     <span class="ch-img">
  246.                         <img src="{{ asset('checkout-step-5.svg', 'img') }}" alt="">
  247.                     </span>
  248.                     <span class="ch-text">
  249.                     {{ labels.get('checkout-head-5')|raw }}
  250.                     </span>
  251.                 </a>
  252.             </div>
  254.             <div id="ect-1" class="ect">
  255.                 <div class="cart-left-0 clearfix">
  257.                 </div>
  258.                 {% if cart_items|length %}
  259.                     <div class="cart-right">
  260.                         {{ include('cart/block/cart-right-block.html.twig') }}
  261.                     </div>
  262.                 {% endif %}
  263.                 <div class="cart-left">
  264.                     <div class="cart-edit checkout-cont">
  265.                         {% if args[1] == 'delivery' %}
  266.                             <div class="checkout-cont-preloader">
  267.                                 <img src="{{ asset('loading-img' ~ (env.is_opt ? '-opt' : '') ~ '.gif', 'img') }}" alt="">
  268.                             </div>
  269.                         {% endif %}
  270.                         <div class="checkout-cont-wrapper{% if args[1] == 'delivery' %} inactive{% endif %}">
  271.                             <h1 class="pl-h1">{{ h1 }}</h1>
  272.                             {% block body %}{% endblock %}
  273.                         </div>
  274.                     </div>
  276.                     {% if args[1] != 'finish' %}
  277.                         <div id="m-cart-amount-block" class="visible-xs">
  278.                             {% if cart_items|length %}
  279.                                 <div id="cart-amount-block" class="row">
  280.                                     {{ include('cart/block/amount-block.html.twig') }}
  281.                                 </div>
  282.                             {% endif %}
  283.                         </div>
  284.                     {% endif %}
  286.                     <div id="p-cart-amount-block">
  287.                         {% if cart_items|length %}
  288.                             {{ include('cart/block/cart-right-block-2.html.twig') }}
  289.                         {% endif %}
  290.                     </div>
  291.                 </div>
  292.             </div>
  294.             {{ include('cart/block/cart-bottom-amount-blocks.html.twig') }}
  296.             {{ include('cart/block/cart-block-scripts.html.twig') }}
  298.         </div>
  300.     </div>
  301.     <!-- End Main Content -->
  303.     <a href="#top" class="back-top text-center">
  304.         <img src="{{ asset('014-up-arrow.svg', 'img') }}" alt="" width="10">
  305.     </a>
  307.     {% if(env.code_bitrix) %}
  308.         <script>
  309.             (function(w,d,u){
  310.                 var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0);
  311.                 var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
  312.             })(window,document,'https://bitrix24.dombusin.com/upload/crm/site_button/{{ env.code_bitrix }}.js');
  313.         </script>
  314.     {% endif %}
  316.     {% if(env.code_emt) %}
  317.         <script src="https://emailtools.ru/js/api/v1/tools.js" defer="" async=""></script>
  318.         <script>
  319.             window.EMT = window.EMT || {};
  320.             EMT._client_id = {{ env.code_emt }}
  321.         </script>
  322.     {% endif %}
  324.     {{ include('block/modal_callback.html.twig') }}
  325.     {{ include('block/modal_sent.html.twig') }}
  326.     {{ include('block/modal_city.html.twig') }}
  327.     {{ include('block/razmetka.html.twig') }}
  329. </body>
  330. </html>