templates/Mobile/homepage.html.twig line 1

Open in your IDE?
  1. {% extends '@templates/Mobile/Shop/layout.html.twig' %}
  3. {% block head %}
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta name="verify-paysera" content="933b669cd20feb6010fff2d42583717d">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <meta http-equiv="Content-Language" content="ro">
  9.     <meta name="google-site-verification" content="BEtIqk-choaMawpOxG98NtbWKAZK5MuTxV_2-pSHGFQ">
  10.     <title>Roviniete.ro</title>
  12.     <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  13.     <meta name="description" content="Cumpara roviniete online! Aici gasesti toate informaţiile legate de taxa de drum din Romania: legislaţie, calculator rovinieta si verificare valabilitate.">
  14.     <meta name="keywords" content="rovinieta online, roviniete online, rovinieta preţ, verificare valabilitate rovinieta, plata rovinieta online, calculator rovinieta">
  16.     {% block stylesheets %}
  17.         <link rel="stylesheet" href="/assets/shop/css/homepage.css">
  18.         <link rel="stylesheet" href="/assets/shop/css/bootstrap.min.css">
  19.         <link rel="stylesheet" href="/assets/shop/css/leftmenu.v1.css">
  20.         {{ encore_entry_link_tags('bootstrap-fix', null, 'bootstrapTheme') }}
  21.     {% endblock %}
  23.     {% set urlPath = app.request.uri %}
  24.     {% if urlPath is not null %}
  25.         <link rel="canonical" href="{{ urlPath }}"/>
  26.         {% set currentLocale = app.request.locale %}
  27.         {% if currentLocale is not null %}
  28.             {% for locale in locales.allLocales %}
  29.                 {% if locale != currentLocale %}
  30.                     <link rel="alternate" hreflang="{{ locale }}"
  31.                           href="{{ absolute_url(path('sylius_shop_homepage', {'_locale': locale})) }}"/>
  32.                 {% endif %}
  33.             {% endfor %}
  34.         {% endif %}
  35.     {% endif %}
  37.     {{ sonata_block_render_event('sylius.shop.layout.head') }}
  38.     {% block javascripts %}
  39.         <script src="{{ asset('assets/shop/js/sentry-bundle.min.js') }}"></script>
  40.         <script>
  41.             if (typeof Sentry !== 'undefined') {
  42.                 Sentry.init({
  43.                     dsn: "{{ sentry_dsn }}",
  44.                     integrations: [new Sentry.Integrations.TryCatch({
  45.                         eventTarget: false,
  46.                     })]
  47.                 });
  48.             }
  49.         </script>
  50.         <script src="{{ asset('assets/shop/js/jquery.min.js') }}"></script>
  51.         <script src="{{ asset('assets/shop/js/popper.min.js') }}"></script>
  52.         <script src="{{ asset('assets/shop/js/leftmenu.js') }}"></script>
  53.         <script src="{{ asset('assets/shop/js/bootstrap.min.js') }}"></script>
  54.         <script src="/bundles/fosjsrouting/js/router.js"></script>
  55.         <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  56.         <script>
  57.             dataLayer = [];
  58.         </script>
  59.         <!-- Google Tag Manager -->
  60.         <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  61.                     new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  62.                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  63.                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  64.             })(window,document,'script','dataLayer','{{ gtm_code }}');</script>
  65.         <!-- End Google Tag Manager -->
  66.         {% include '@templates/ShopCustom/one_signal.html.twig' %}
  67.     {% endblock %}
  68. </head>
  69. {% endblock %}
  72. {% block content %}
  73.     <!-- Google Tag Manager (noscript) -->
  74.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ gtm_code }}"
  75.                       height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  76.     <!-- End Google Tag Manager (noscript) -->
  78.     {% for flash_message in app.session.flashBag.get('vignette-init-error') %}
  79.         <div class="alert alert-warning alert-dismissible fade show" role="alert">
  80.             <div class="header text-center">
  81.                 <h2>{{ 'sylius.ui.warning'|trans }}</h2>
  82.             </div>
  83.             <a class="text-center">
  84.                 {{ flash_message }}
  85.             </a>
  86.             <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  87.                 <span aria-hidden="true">&times;</span>
  88.             </button>
  89.         </div>
  90.     {% endfor %}
  92.     {% for flash_message in app.session.flashBag.get('unsubscribe') %}
  93.         <div class="ui positive message transition">
  94.             <i class="close icon"></i>
  95.             <div class="header text-center">
  96.                 <h2>{{ 'app.ui.success_action'|trans }}</h2>
  97.             </div>
  98.             <a class="text-center">
  99.                 {{ 'app.ui.successfully_unsubscribed'|trans }}
  100.             </a>
  101.         </div>
  102.     {% endfor %}
  104.     {% for flash_message in app.session.flashBag.get('productRemoved') %}
  105.         <div class="alert alert-warning alert-dismissible fade show" role="alert">
  106.             <div class="header text-center">
  107.                 <h2>{{ 'sylius.ui.warning'|trans }}</h2>
  108.             </div>
  109.             <a class="text-center">
  110.                 {{ 'app.hu_vignette.product_removed_from_cart'|trans }}
  111.             </a>
  112.             <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  113.                 <span aria-hidden="true">&times;</span>
  114.             </button>
  115.         </div>
  116.     {% endfor %}
  118.     <div class="container-mobile">
  119.         {% block products %}
  120.             <div class="mx-2">
  121.                 {% if lastProductStatus.rcaStatus %}
  122.                     <div class="mt-2 mb-1 bg-white">
  123.                         <div class="d-flex justify-content-between align-items-center px-2" onclick="location.href='{{ path('app_shop_rca_details', {'from': constant('App\\Entity\\Customer\\TrackerActivity::FROM_HOMEPAGE')}) }}'">
  124.                             <div class="d-inline-flex align-items-center">
  125.                                 <img src="{{ asset('assets/shop/images/icons/ic_produse_rca_dark_48.png') }}"
  126.                                      style="width: 40px"/>
  127.                                 <div>
  128.                                     <div class="d-inline-flex mt-2">
  129.                                         <div class="d-inline-flex mt-2">
  130.                                             <h4>
  131.                                                 {{ 'app.ui.rca'|trans }}
  132.                                             </h4>
  133.                                             {% if lastProductStatus.rcaStatus == false %}
  134.                                                 <a class="text-danger ml-2"> {{ 'app.ui.disabled_temporary'|trans }}</a>
  135.                                             {% endif %}
  136.                                         </div>
  137.                                     </div>
  138.                                 </div>
  139.                             </div>
  140.                             <div>
  141.                                 <img src="{{ asset('assets/shop/images/icons/ic_arrow_right.png') }}" style="width: 25px"/>
  142.                             </div>
  143.                         </div>
  144.                     </div>
  145.                 {% endif %}
  147.                 {% if lastProductStatus.vignetteStatus %}
  148.                     <div class="mb-1 bg-white">
  149.                         <div class="d-flex justify-content-between align-items-center px-2" onclick="location.href='{{ path('app_shop_vignette') }}'">
  150.                             <div class="d-inline-flex align-items-center">
  151.                                 <img src="{{ asset('assets/shop/images/icons/ic_produse_roviniete_dark_48.png') }}"
  152.                                      style="width: 40px"/>
  153.                                 <div class="d-inline-flex mt-2">
  154.                                     <h4>
  155.                                         {{ 'app.ui.vignette'|trans }}
  156.                                     </h4>
  157.                                     {% if lastProductStatus.vignetteStatus == false %}
  158.                                         <a class="text-danger ml-2"> {{ 'app.ui.disabled_temporary'|trans }}</a>
  159.                                     {% endif %}
  160.                                 </div>
  161.                             </div>
  162.                             <div>
  163.                                 <img src="{{ asset('assets/shop/images/icons/ic_arrow_right.png') }}" style="width: 25px"/>
  164.                             </div>
  165.                         </div>
  166.                     </div>
  167.                 {% endif %}
  169.                 {% if lastProductStatus.huVignetteStatus %}
  170.                     <div class="mb-1 bg-white">
  171.                         <div class="d-flex justify-content-between align-items-center px-2" onclick="location.href='{{ path('app_shop_hu_vignette') }}'">
  172.                             <div class="d-inline-flex align-items-center">
  173.                                 <div class="d-flex justify-content-center" style="width: 40px !important;">
  174.                                     <a>
  175.                                         <img src="{{ asset('assets/shop/images/icons/ematrica_black.png') }}" style="height: 40px"/>
  176.                                     </a>
  177.                                 </div>
  178.                                 <a>
  179.                                     <div class="d-inline-flex mt-2">
  180.                                         <h4>
  181.                                             {{ 'app.hu_vignette.hu_vignette'|trans }}
  182.                                         </h4>
  183.                                         {% if lastProductStatus.huVignetteStatus == false %}
  184.                                             <a class="text-danger ml-2"> {{ 'app.ui.disabled_temporary'|trans }}</a>
  185.                                         {% endif %}
  186.                                     </div>
  187.                                 </a>
  188.                             </div>
  189.                             <div>
  190.                                 <img src="{{ asset('assets/shop/images/icons/ic_arrow_right.png') }}" style="width: 25px"/>
  191.                             </div>
  192.                         </div>
  193.                     </div>
  194.                 {% endif %}
  196.                 {% if lastProductStatus.deathInsuranceStatus %}
  197.                     <div class="mb-1 bg-white">
  198.                         <div class="d-flex justify-content-between align-items-center px-2" onclick="location.href='{{ path('app_shop_death_insurance') }}'">
  199.                             <div class="d-inline-flex align-items-center">
  200.                                 <img src="{{ asset('assets/shop/images/icons/person.png') }}"
  201.                                      style="width: 40px"/>
  202.                                 <div class="d-inline-flex mt-2">
  203.                                     <h4>
  204.                                         {{ 'app.ui.nn_insurance'|trans }}
  205.                                     </h4>
  206.                                 </div>
  207.                             </div>
  208.                             <div>
  209.                                 <img src="{{ asset('assets/shop/images/icons/ic_arrow_right.png') }}" style="width: 25px"/>
  210.                             </div>
  211.                         </div>
  212.                     </div>
  213.                 {% endif %}
  215.                 {% if lastProductStatus.peajStatus is defined and lastProductStatus.peajStatus %}
  216.                     <div class="mb-1 bg-white">
  217.                         <div class="d-flex justify-content-between align-items-center px-2" onclick="location.href='{{ path('app_shop_peaj') }}'">
  218.                             <div class="d-inline-flex align-items-center">
  219.                                 <img src="{{ asset('assets/shop/images/icons/ic_produse_pod_dark_48.png') }}" style="width: 40px"/>
  220.                                 <h4 class="pl-2">  {{ 'app.ui.toll_tax'|trans }}</h4>
  221.                             </div>
  222.                             <div>
  223.                                 <img src="{{ asset('assets/shop/images/icons/ic_arrow_right.png') }}" style="width: 25px"/>
  224.                             </div>
  225.                         </div>
  226.                     </div>
  227.                 {% endif %}
  229.                 {% if lastProductStatus.licenseRecoveryStatus is defined and lastProductStatus.licenseRecoveryStatus %}
  230.                     <div class="mb-1 bg-white">
  231.                         <div class="d-flex justify-content-between align-items-center px-2" onclick="location.href='{{ path('app_shop_license_recovery') }}'">
  232.                             <div class="d-inline-flex align-items-center">
  233.                                 <img src="{{ asset('assets/shop/images/icons/license.png') }}"
  234.                                      style="width: 40px"/>
  235.                                 <div class="d-inline-flex mt-2 ml-2">
  236.                                     <h4>
  237.                                         {{ 'app.ui.license_recovery'|trans }}
  238.                                     </h4>
  239.                                 </div>
  240.                             </div>
  241.                             <div>
  242.                                 <img src="{{ asset('assets/shop/images/icons/ic_arrow_right.png') }}" style="width: 25px"/>
  243.                             </div>
  244.                         </div>
  245.                     </div>
  246.                 {% endif %}
  248.                 {% if lastProductStatus.telemedicineStatus is defined and lastProductStatus.telemedicineStatus %}
  249.                     <div class="mb-1 bg-white">
  250.                         <div class="d-flex justify-content-between align-items-center px-2" onclick="location.href='{{ path('app_shop_telemedicine') }}'">
  251.                             <div class="d-inline-flex align-items-center">
  252.                                 <img src="{{ asset('assets/shop/images/icons/umbrella_plus.png') }}"
  253.                                      style="width: 40px"/>
  254.                                 <div class="d-inline-flex mt-2 ml-2">
  255.                                     <h4>
  256.                                         {{ 'app.ui.telemedicine.menu_entry'|trans }}
  257.                                     </h4>
  258.                                 </div>
  259.                             </div>
  260.                             <div>
  261.                                 <img src="{{ asset('assets/shop/images/icons/ic_arrow_right.png') }}" style="width: 25px"/>
  262.                             </div>
  263.                         </div>
  264.                     </div>
  265.                 {% endif %}
  267.                 {% if lastProductStatus.roadAssistanceStatus is defined and lastProductStatus.roadAssistanceStatus %}
  268.                     <div class="mb-1 bg-white">
  269.                         <div class="d-flex justify-content-between align-items-center px-2" onclick="location.href='{{ path('app_shop_road_assistance') }}'">
  270.                             <div class="d-inline-flex align-items-center" style="height: 40px">
  271.                                 <img src="{{ asset('assets/shop/images/icons/road_assistance.png') }}"
  272.                                      style="width: 40px"/>
  273.                                 <div class="d-inline-flex mt-2 ml-2">
  274.                                     <h4>
  275.                                         {{ 'app.ui.road_assistance'|trans }}
  276.                                     </h4>
  277.                                 </div>
  278.                             </div>
  279.                             <div>
  280.                                 <img src="{{ asset('assets/shop/images/icons/ic_arrow_right.png') }}" style="width: 25px"/>
  281.                             </div>
  282.                         </div>
  283.                     </div>
  284.                 {% endif %}
  285.             </div>
  286.         {% endblock %}
  288.         {% block security %}
  289.             <div class="mx-2">
  290.                 <div class="row align-items-center my-1">
  291.                     <div class="col-4 align-items-start">
  292.                         <div class="align-items-center text-center">
  293.                             <div class="ui circular label bg-white">
  294.                                 <img src="{{ asset('assets/shop/images/icons/ic_trust_mail_dark.png') }}"
  295.                                      style="width: 25px"/>
  296.                             </div>
  297.                             <br/>
  298.                             <a class="text-dark mini">
  299.                                 {{ 'app.ui.safe_delivery_via_email'|trans }}
  300.                             </a>
  301.                         </div>
  302.                     </div>
  304.                     <div class="col-4 align-items-center">
  305.                         <div class=" align-items-center text-center">
  306.                             <div class="ui circular label" style="background-color: white;">
  307.                                 <img src="{{ asset('assets/shop/images/icons/ic_trust_autorizat_dark_24.png') }}"
  308.                                      style="width: 25px"/>
  309.                             </div>
  310.                             <br/>
  311.                             <a class="text-dark mini">
  312.                                 {{ 'app.ui.cnair_authorized'|trans }}
  313.                             </a>
  314.                         </div>
  315.                     </div>
  317.                     <div class="col-4 align-items-end">
  318.                         <div class="align-items-center text-center">
  319.                             <div class="ui circular label" style="background-color: white;">
  320.                                 <img src="{{ asset('assets/shop/images/icons/ic_trust_handshake_dark_24.png') }}"
  321.                                      style="width: 25px"/>
  322.                             </div>
  323.                             <br/>
  324.                             <a class="text-dark mini">
  325.                                 {{ 'app.ui.over_2_million_customers'|trans }}
  326.                             </a>
  327.                         </div>
  328.                     </div>
  329.                 </div>
  330.             </div>
  331.         {% endblock %}
  333.         {% block get_help %}
  334.             <div class="container-help my-2">
  335.                 <div class="row h-100 text-center justify-content-center align-items-center">
  336.                     <div class="col-12">
  337.                         <h1 class="text-white">{{ 'app.ui.no_worries'|trans }}</h1>
  338.                         <a class="text-white">{{ 'app.ui.let_us_help_you'|trans }}</a> <br/>
  339.                         <button class="btn bg-white w-50"><a class="text-primary" href="{{ path('sylius_shop_register') }}">{{ 'app.ui.create_account'|trans }}</a></button>
  340.                     </div>
  341.                 </div>
  342.             </div>
  343.         {% endblock %}
  345.         {% block cnair_partner %}
  346.             <div class="mx-2">
  347.                 <div class="text-center align-items-center">
  348.                     <div class="ui circular label bg-white">
  349.                         <img src="{{ asset('assets/shop/images/icons/ic_trust_cnair.png') }}" style="width: 25px"/>
  350.                     </div>
  351.                     <div class="ui circular label bg-white">
  352.                         <img src="{{ asset('assets/shop/images/icons/ic_trust_stema.png') }}" style="width: 25px"/>
  353.                     </div>
  354.                     <br/>
  355.                     <small>
  356.                         {{ 'app.ui.cnair_authorized_long'|trans }}
  357.                     </small>
  358.                 </div>
  359.             </div>
  360.         {% endblock %}
  362.         {% block useful_info %}
  363.             <div class="mx-2 my-2">
  364.                 <div class="mt-2 mb-1 bg-white">
  365.                     <div class="d-flex justify-content-between align-items-center px-2" style="height: 40px">
  366.                         <div class="d-inline-flex align-items-center">
  367.                             <h4 class="pl-2"> <a class="text-dark" href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'servicii-firme'})}}">{{ 'app.ui.services'|trans }}</a></h4>
  368.                         </div>
  369.                         <div>
  370.                             <img src="{{ asset('assets/shop/images/icons/ic_arrow_right_grey.png') }}"
  371.                                  style="width: 25px"/>
  372.                         </div>
  373.                     </div>
  374.                 </div>
  375.                 {% if app.request.locale|slice(0, 2) == 'ro'%}
  376.                     <div class="mb-1 bg-white">
  377.                         <div class="d-flex justify-content-between align-items-center px-2" style="height: 40px">
  378.                             <div class="d-inline-flex align-items-center">
  379.                                 <h4 class="pl-2"><a class="text-dark" href="{{path('bitbag_sylius_cms_plugin_shop_page_show_faq')}}">{{ 'app.ui.faq'|trans }}</a></h4>
  380.                             </div>
  381.                             <div>
  382.                                 <img src="{{ asset('assets/shop/images/icons/ic_arrow_right_grey.png') }}"
  383.                                      style="width: 25px"/>
  384.                             </div>
  385.                         </div>
  386.                     </div>
  387.                 {% endif %}
  390.                 <div class="mb-1 bg-white">
  391.                     <div class="d-flex justify-content-between align-items-center px-2" style="height: 40px">
  392.                         <div>
  393.                             <img src="{{ asset('assets/shop/images/icons/ic_arrow_right_grey.png') }}"
  394.                                  style="width: 25px"/>
  395.                         </div>
  396.                     </div>
  397.                 </div>
  399.                 <div class="mb-1 bg-white">
  400.                     <div class="d-flex justify-content-between align-items-center px-2" style="height: 40px">
  401.                         <div class="d-inline-flex align-items-center">
  402.                             <h4 class="pl-2"><a class="text-dark" href="{{ path('app_contact') }}">{{ 'app.ui.contact'|trans }}</a></h4>
  403.                         </div>
  404.                         <div>
  405.                             <img src="{{ asset('assets/shop/images/icons/ic_arrow_right_grey.png') }}"
  406.                                  style="width: 25px"/>
  407.                         </div>
  408.                     </div>
  409.                 </div>
  410.             </div>
  411.         {% endblock %}
  412.     </div>
  414. {% endblock %}