templates/Front/homepage.html.twig line 38

Open in your IDE?
  1. {% extends '@templates/Front/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">
  11.         <title>{{'app.ui.homepage_meta_title'|trans}} </title>
  13.         <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  15.         <meta name="description" content="{{'app.ui.homepage_meta_description'|trans}}">
  16.         <meta name="keywords" content="rovinieta online, roviniete online, rovinieta preţ, verificare valabilitate rovinieta, plata rovinieta online, calculator rovinieta">
  18.         {% block stylesheets %}
  19.             <link rel="stylesheet" href="/assets/shop/css/homepage.css">
  20.             <link rel="stylesheet" href="/assets/shop/css/bootstrap.min.css">
  21.             {{ encore_entry_link_tags('bootstrap-fix', null, 'bootstrapTheme') }}
  22.         {% endblock %}
  24.         {% set urlPath = app.request.uri %}
  25.         {% if urlPath is not null %}
  26.             <link rel="canonical" href="{{ urlPath }}"/>
  27.             {% set currentLocale = app.request.locale %}
  28.             {% if currentLocale is not null %}
  29.                 {% for locale in locales.allLocales %}
  30.                     {% if locale != currentLocale %}
  31.                         <link rel="alternate" hreflang="{{ locale }}"
  32.                               href="{{ absolute_url(path('sylius_shop_homepage', {'_locale': locale})) }}"/>
  33.                     {% endif %}
  34.                 {% endfor %}
  35.             {% endif %}
  36.         {% endif %}
  38.         {{ sonata_block_render_event('sylius.shop.layout.head') }}
  39.         {% block javascripts %}
  40.             <script src="{{ asset('assets/shop/js/sentry-bundle.min.js') }}"></script>
  41.             <script>
  42.                  if (typeof Sentry !== 'undefined') {
  43.                     Sentry.init({
  44.                         dsn: "{{ sentry_dsn }}",
  45.                         integrations: [new Sentry.Integrations.TryCatch({
  46.                             eventTarget: false,
  47.                         })]
  48.                     });
  49.                 }
  50.             </script>
  51.             <script src="{{ asset('assets/shop/js/jquery.min.js') }}"></script>
  52.             <script src="{{ asset('assets/shop/js/jquery-ui.min.js') }}"></script>
  53.             <script src="{{ asset('assets/shop/js/popper.min.js') }}"></script>
  54.             <script src="{{ asset('assets/shop/js/bootstrap.min.js') }}"></script>
  55.             <script src="{{ asset('assets/shop/js/leftmenu.js') }}"></script>
  56.             <script src="/bundles/fosjsrouting/js/router.js"></script>
  57.             <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  58.             <script>
  59.                 dataLayer = [];
  60.             </script>
  61.             <!-- Google Tag Manager -->
  62.             <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  63.                         new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  64.                     j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  65.                     'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  66.                 })(window,document,'script','dataLayer','{{ gtm_code }}');</script>
  67.             <!-- End Google Tag Manager -->
  68.             {% include '@templates/ShopCustom/one_signal.html.twig' %}
  69.         {% endblock %}
  70.     </head>
  71. {% endblock %}
  73. {% block header %}
  74.     <!-- Google Tag Manager (noscript) -->
  75.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ gtm_code }}"
  76.                       height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  77.     <!-- End Google Tag Manager (noscript) -->
  78.     <div>
  79.         <div class="custom-container">
  80.             <div style="background-color: white; max-width: 100%">
  81.                 <header>
  82.                     <input id="collapsibleMenu" value="1" hidden>
  83.                     {% include '@templates/Front/Shop/v2/_header.html.twig' %}
  85.                     {{ sonata_block_render_event('sylius.shop.layout.after_header') }}
  86.                 </header>
  87.             </div>
  89.             {% if isTicketing is defined and isTicketing == "true"%}
  91.             {% else %}
  92.                 {% include '@templates/Front/Shop/_after_header.html.twig' %}
  93.             {% endif %}
  95.             {% for flash_message in app.session.flashBag.get('vignette-init-error') %}
  96.                 <div class="alert alert-warning alert-dismissible fade show" role="alert">
  97.                     <div class="header text-center">
  98.                         <h2>{{ 'sylius.ui.warning'|trans }}</h2>
  99.                     </div>
  100.                     <a class="text-center">
  101.                         {{ flash_message }}
  102.                     </a>
  103.                     <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  104.                         <span aria-hidden="true">&times;</span>
  105.                     </button>
  106.                 </div>
  107.             {% endfor %}
  109.             {% for flash_message in app.session.flashBag.get('already_logged_in') %}
  110.                 <div class="alert alert-warning alert-dismissible fade show" role="alert">
  111.                     <div class="header text-center">
  112.                         <h2>{{ 'sylius.ui.warning'|trans }}</h2>
  113.                     </div>
  114.                     <a class="text-center">
  115.                         {{ 'app.ui.already_signed_in'|trans }}
  116.                     </a>
  117.                     <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  118.                         <span aria-hidden="true">&times;</span>
  119.                     </button>
  120.                 </div>
  121.             {% endfor %}
  123.             {% for flash_message in app.session.flashBag.get('unsubscribe') %}
  124.                 <div class="alert alert-warning alert-dismissible fade show" role="alert">
  125.                     <div class="header text-center">
  126.                         <h2>{{ 'app.ui.success_action'|trans }}</h2>
  127.                     </div>
  128.                     <a class="text-center">
  129.                         {{ 'app.ui.successfully_unsubscribed'|trans }}
  130.                     </a>
  131.                     <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  132.                         <span aria-hidden="true">&times;</span>
  133.                     </button>
  134.                 </div>
  135.             {% endfor %}
  137.             {% for flash_message in app.session.flashBag.get('productRemoved') %}
  138.                 <div class="alert alert-warning alert-dismissible fade show" role="alert">
  139.                     <div class="header text-center">
  140.                         <h2>{{ 'sylius.ui.warning'|trans }}</h2>
  141.                     </div>
  142.                     <a class="text-center">
  143.                         {{ 'app.hu_vignette.product_removed_from_cart'|trans }}
  144.                     </a>
  145.                     <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  146.                         <span aria-hidden="true">&times;</span>
  147.                     </button>
  148.                 </div>
  149.             {% endfor %}
  151.             <div class="custom-container">
  152.                 <div class="container-rounded">
  153.                     {% include '@templates/Front/Shop/_shop_navbar.html.twig' %}
  154.                 </div>
  155.             </div>
  156.             <div class="custom-container">
  157.                 <div class="row">
  158.                     <div class="col-3">
  159.                         <div class="card w-100 special-card border-top-0">
  160.                             {% if lastProductStatus.rcaStatus is defined and lastProductStatus.rcaStatus %}
  161.                                 <a class="text-decoration-none" href="{{ lastProductStatus.rcaStatus ? path('app_shop_rca_details', {'from': constant('App\\Entity\\Customer\\TrackerActivity::FROM_HOMEPAGE')}) : '#' }}">
  162.                                     <div class="dropdown-item my-2 d-flex align-items-center" href="#">
  163.                                         <div class="mr-4">
  164.                                             <img src="{{ asset('assets/shop/images/icons/ic_produse_rca_dark_48.png') }}" width="35px"/>
  165.                                         </div>
  166.                                         <div>
  167.                                             <div class="d-flex align-items-center">
  168.                                                 <h4>{{ 'app.ui.rca'|trans }}</h4>
  169.                                             </div>
  170.                                         </div>
  171.                                     </div>
  172.                                 </a>
  173.                             {% endif %}
  175.                             {% if lastProductStatus.vignetteStatus is defined and lastProductStatus.vignetteStatus %}
  176.                                 <a class="text-decoration-none" href="{{ path('app_shop_vignette') }}">
  177.                                     <div class="dropdown-item my-2 d-flex align-items-center" href="#">
  178.                                         <div class="mr-4">
  179.                                             <img src="{{ asset('assets/shop/images/icons/ic_produse_roviniete_dark_48.png') }}"
  180.                                                  width="35px"/>
  181.                                         </div>
  182.                                         <div class="d-flex align-items-center">
  183.                                             <h4>{{ 'app.ui.vignette'|trans }}</h4>
  184.                                         </div>
  185.                                     </div>
  186.                                 </a>
  187.                             {% endif %}
  189.                             {% if lastProductStatus.huVignetteStatus is defined and lastProductStatus.huVignetteStatus %}
  190.                                 <a class="text-decoration-none" href="{{ path('app_shop_hu_vignette') }}">
  191.                                     <div class="dropdown-item my-2 d-flex align-items-center">
  192.                                         <div class="mr-4 d-flex justify-content-center" style="width: 35px">
  193.                                             <img src="{{ asset('assets/shop/images/icons/ematrica_black.png') }}" height="35px"/>
  194.                                         </div>
  195.                                         <div class="d-flex align-items-center">
  196.                                             <h4>{{ 'app.hu_vignette.hu_vignette'|trans }}</h4>
  197.                                         </div>
  198.                                     </div>
  199.                                 </a>
  200.                             {% endif %}
  202.                             {% if lastProductStatus.deathInsuranceStatus is defined and lastProductStatus.deathInsuranceStatus %}
  203.                                 <a class="text-decoration-none" href="{{ path('app_shop_death_insurance') }}">
  204.                                     <div class="dropdown-item my-2 d-flex align-items-center">
  205.                                         <div class="mr-4">
  206.                                             <img src="{{ asset('assets/shop/images/icons/person.png') }}" width="35px"/>
  207.                                         </div>
  208.                                         <h4>{{ 'app.ui.nn_insurance'|trans }}</h4>
  209.                                     </div>
  210.                                 </a>
  211.                             {% endif %}
  213.                             <a class="text-decoration-none" {% if lastProductStatus.peajStatus is defined and lastProductStatus.peajStatus %}href="{{ path('app_shop_peaj') }}" {% else %}href="https://www.taxadepod.ro/" target="_blank"{% endif %}>
  214.                                 <div class="dropdown-item my-2 d-flex align-items-center">
  215.                                     <div class="mr-4">
  216.                                         <img src="{{ asset('assets/shop/images/icons/ic_produse_pod_dark_48.png') }}" width="35px"/>
  217.                                     </div>
  218.                                     <h4>{{ 'app.ui.toll_tax'|trans }}</h4>
  219.                                 </div>
  220.                             </a>
  222.                             {% if lastProductStatus.licenseRecoveryStatus is defined and lastProductStatus.licenseRecoveryStatus %}
  223.                                 <a class="text-decoration-none" href="{{ path('app_shop_license_recovery') }}">
  224.                                     <div class="dropdown-item my-2 d-flex align-items-center">
  225.                                         <div class="mr-4">
  226.                                             <img src="{{ asset('assets/shop/images/icons/license.png') }}" width="35px"/>
  227.                                         </div>
  228.                                         <h4>{{ 'app.ui.license_recovery'|trans }}</h4>
  229.                                     </div>
  230.                                 </a>
  231.                             {% endif %}
  233.                             {% if lastProductStatus.telemedicineStatus is defined and lastProductStatus.telemedicineStatus %}
  234.                                 <a class="text-decoration-none" href="{{ path('app_shop_telemedicine') }}">
  235.                                     <div class="dropdown-item my-2 d-flex align-items-center">
  236.                                         <div class="mr-4">
  237.                                             <img src="{{ asset('assets/shop/images/icons/umbrella_plus.png') }}" width="35px"/>
  238.                                         </div>
  239.                                         <h4>{{ 'app.ui.telemedicine.menu_entry'|trans }}</h4>
  240.                                     </div>
  241.                                 </a>
  242.                             {% endif %}
  244.                             {% if lastProductStatus.roadAssistanceStatus is defined and lastProductStatus.roadAssistanceStatus %}
  245.                                 <a class="text-decoration-none" href="{{ path('app_shop_road_assistance') }}">
  246.                                     <div class="dropdown-item my-2 d-flex align-items-center">
  247.                                         <div class="mr-4">
  248.                                             <img src="{{ asset('assets/shop/images/icons/road_assistance.png') }}" width="35px"/>
  249.                                         </div>
  250.                                         <h4>{{ 'app.ui.road_assistance'|trans }}</h4>
  251.                                     </div>
  252.                                 </a>
  253.                             {% endif %}
  255.                             {% if lastProductStatus.finesStatus is defined and lastProductStatus.finesStatus %}
  256.                                 <a class="text-decoration-none" href="{{ path('app_shop_fines') }}">
  257.                                     <div class="dropdown-item my-2 d-flex align-items-center">
  258.                                         <div class="mr-4">
  259.                                             <img src="{{ asset('assets/shop/images/icons/fines-icon.png') }}" width="35px" alt=""/>
  260.                                         </div>
  261.                                         <h4>{{ 'app.ui.fines.menu_entry'|trans }}</h4>
  262.                                     </div>
  263.                                 </a>
  264.                             {% endif %}
  266.                             {% if lastProductStatus.tariffsStatus is defined and lastProductStatus.tariffsStatus %}
  267.                                 <a class="text-decoration-none" href="{{ path('app_shop_tariffs') }}">
  268.                                     <div class="dropdown-item my-2 d-flex align-items-center">
  269.                                         <div class="mr-4">
  270.                                             <img src="{{ asset('assets/shop/images/icons/tariffs-icon.png') }}" width="35px" alt=""/>
  271.                                         </div>
  272.                                         <h4>{{ 'app.ui.tariffs.menu_entry'|trans }}</h4>
  273.                                     </div>
  274.                                 </a>
  275.                             {% endif %}
  276.                         </div>
  277.                     </div>
  278.                     <div class="col-9">
  279.                         <div class="d-flex justify-content-between my-4">
  280.                             <div class="card text-center product-card product-vignette-card" style="width: 32%">
  281.                                 <div class="card-body">
  283.                                     <div class="mx-4 mt-4" style="margin-bottom: 4%;">
  284.                                         {% for category in vignetteCategories %}
  285.                                             <img src="{{ (asset('assets/shop/images/icons/ic_rovinieta_categ_' ~ category.code|first|lower) ~ '_white.png')}}" title="{{('app.ui.category_rovignette_' ~category.code|first|lower ~ '_name')|trans}}" style="width: 35px;" alt="{{('app.ui.category_rovignette_' ~category.code|first|lower ~ '_name')|trans}}" />
  286.                                             {% if loop.index % 4 == 0 %} <br> {% endif %}
  287.                                         {% endfor %}
  288.                                     </div>
  290.                                     <h3 class="card-title text-white mb-5"><strong>{{ 'app.ui.vignette'|trans }}</strong></h3>
  291.                                     <a href="{{ lastProductStatus.vignetteStatus ? path('app_shop_vignette') : '#' }}" class="btn {% if lastProductStatus.vignetteStatus %} btn-primary {% else %} btn-primary-inactive {% endif %} w-100">
  292.                                         {% if lastProductStatus.vignetteStatus == true %}
  293.                                             {{ 'app.ui.buy'|trans }}
  294.                                         {% else %}
  295.                                             {{ 'app.ui.disabled_temporary'|trans }}
  296.                                         {% endif %}
  297.                                     </a>
  298.                                 </div>
  299.                             </div>
  300.                             <div class="card text-center product-card product-oxygen-card" style="width: 32%">
  301.                                 <div class="card-body">
  302.                                     <img src="{{ asset('assets/shop/images/icons/ic_produse_rca_white_48.png') }}"
  303.                                          width="60px" class="my-4"/>
  304.                                     <h3 class="card-title text-white mb-5"><strong>{{ 'app.ui.rca'|trans }}</strong></h3>
  305.                                     <a href="{{ lastProductStatus.rcaStatus ? path('app_shop_rca_details', {'from': constant('App\\Entity\\Customer\\TrackerActivity::FROM_HOMEPAGE')}) : '#' }}" class="btn {% if lastProductStatus.rcaStatus %} btn-primary {% else %} btn-primary-inactive {% endif %} w-100">
  306.                                         {% if lastProductStatus.rcaStatus == true %}
  307.                                             {{ 'app.ui.buy'|trans }}
  308.                                         {% else %}
  309.                                             {{ 'app.ui.disabled_temporary'|trans }}
  310.                                         {% endif %}
  311.                                     </a>
  312.                                 </div>
  313.                             </div>
  315.                             {% if lastProductStatus.deathInsuranceStatus %}
  316.                             <div class="card text-center product-card product-nn-card" style="width: 32%">
  317.                                 <div class="card-body">
  318.                                     <img src="{{ asset('assets/shop/images/icons/person_white.png') }}"
  319.                                          height="60px" class="my-4"/>
  320.                                     <h3 class="card-title text-white mb-5"><strong>{{ 'app.ui.nn_insurance'|trans }}</strong></h3>
  321.                                     <a href="{{ path('app_shop_death_insurance') }}" class="btn btn-primary w-100">
  322.                                         {{ 'app.ui.buy'|trans }}
  323.                                     </a>
  324.                                 </div>
  325.                             </div>
  327.                             {% else %}
  329.                             <div class="card text-center product-card product-toll-card" style="width: 32%">
  330.                                 <div class="card-body">
  331.                                     <img src="{{ asset('assets/shop/images/icons/ematrica_white.png') }}"
  332.                                          height="60px" class="my-4"/>
  333.                                     <h3 class="card-title text-white mb-5"><strong>{{ 'app.hu_vignette.hu_vignette'|trans }}</strong></h3>
  334.                                     <a href="{{ lastProductStatus.huVignetteStatus ? path('app_shop_hu_vignette') : '#' }}" class="btn {% if lastProductStatus.huVignetteStatus %} btn-primary {% else %} btn-primary-inactive {% endif %} w-100">
  335.                                         {% if lastProductStatus.huVignetteStatus == true %}
  336.                                             {{ 'app.ui.buy'|trans }}
  337.                                         {% else %}
  338.                                             {{ 'app.ui.disabled_temporary'|trans }}
  339.                                         {% endif %}
  340.                                     </a>
  341.                                 </div>
  342.                             </div>
  343.                             {% endif %}
  345.                         </div>
  346.                     </div>
  347.                 </div>
  348.             </div>
  349.         </div>
  351.         <div class="custom-container my-3">
  352.             <h1>
  353.                 {{'app.ui.homepage_h1'|trans}}
  354.             </h1>
  355.         </div>
  357.         {% if isTicketing is defined and isTicketing == "true"%}
  359.         {% else %}
  360.             <div class="custom-container my-3">
  361.                 {% include '@templates/Front/Shop/_trust_cnair.html.twig' %}
  362.             </div>
  363.         {% endif %}
  365.         {% block get_help %}
  366.             <div class="custom-container my-4">
  367.                 <div class="container-help">
  368.                     <div class="row text-white d-flex align-items-center">
  369.                         <div class="col-9 mt-5">
  370.                             <h2 class="font-weight-bolder text-white  ml-5">
  371.                                 {{ 'app.ui.no_worries'|trans }}
  372.                             </h2>
  373.                             <h5 class="font-weight-bold text-white ml-5">
  374.                                 {{ 'app.ui.let_us_help_you'|trans }}
  375.                             </h5>
  376.                         </div>
  377.                         <div class="col-3">
  378.                             <div class="pt-3">
  379.                                 <a href="{{ path('sylius_shop_register') }}" class="btn btn-light h-100 text-primary font-weight-bold w-50 mt-4">{{ 'app.ui.create_account'|trans }}</a>
  380.                             </div>
  381.                         </div>
  382.                     </div>
  383.                 </div>
  384.             </div>
  385.         {% endblock %}
  387.         {% block info %}
  388.             <div class="custom-container">
  389.                 <div class="row d-flex align-items-center my-3">
  390.                     <div class="col-4">
  391.                         <h1 class="font-weight-bolder ml-5">
  392.                             {{ 'app.ui.we_help_you'|trans }}
  393.                         </h1>
  394.                         <h5 class="font-weight-bold ml-5">
  395.                             {{ 'app.ui.call_center_schedule'|trans }}
  396.                         </h5>
  397.                     </div>
  398.                     <div class="col-4">
  399.                         <h5 class="font-weight-bolder ml-5">
  400.                             {% if isTicketing is defined and isTicketing == "true"%}
  401.                                 <a href="tel:+40732773774">
  402.                                     <img src="{{ asset('assets/shop/images/icons/ic_contact_phone_primary_24.png') }}"
  403.                                          width="25px"/>
  404.                                     {{ call_center_phone_ticketing }}</a>
  405.                             {% else %}
  406.                                 <a href="tel:+40213009696">
  407.                                     <img src="{{ asset('assets/shop/images/icons/ic_contact_phone_primary_24.png') }}"
  408.                                          width="25px"/>
  409.                                     {{ call_center_phone }}</a>
  410.                             {% endif %}
  411.                         </h5>
  412.                     </div>
  413.                     <div class="col-4">
  414.                         <h5 class="font-weight-bolder ml-5">
  415.                             {% if isTicketing is defined and isTicketing == "true"%}
  416.                                 <a href="mailto:comenzi@taxeauto.ro">
  417.                                     <img src="{{ asset('assets/shop/images/icons/ic_contact_mail_primary_24.png') }}"
  418.                                          width="25px"/>
  419.                                     comenzi@taxeauto.ro</a>
  420.                             {% else %}
  421.                                 <a href="mailto:comenzi@roviniete.ro">
  422.                                     <img src="{{ asset('assets/shop/images/icons/ic_contact_mail_primary_24.png') }}"
  423.                                          width="25px"/>
  424.                                     comenzi@roviniete.ro</a>
  425.                             {% endif %}
  426.                         </h5>
  427.                     </div>
  428.                 </div>
  429.             </div>
  430.         {% endblock %}
  433.         {% block find_car_piece %}
  434.             <div class="custom-container d-none">
  435.                 <div class="card w-100 my-5 py-5">
  436.                     <div class="d-flex justify-content-between align-items-center">
  437.                         <div class="ml-auto">
  438.                             <h1 class="font-weight-bolder">
  439.                                 {{'app.ui.specific_search'|trans}}
  440.                             </h1>
  441.                             <h4 class="font-weight-bold">
  442.                                 {{'app.ui.choose_auto_pieces_easily'|trans|raw}}
  443.                             </h4>
  444.                         </div>
  446.                         <div class="ml-auto mr-auto">
  447.                             <h5>  {{'app.ui.vin'|trans}}:</h5>
  448.                             <form>
  449.                                 <input type="text" class="form-control my-3" style="background-color: #E2E2E2; width: 150%"
  450.                                        placeholder="EX: VF00000000" name="inputVIN">
  451.                                 <button type="submit" class="btn btn-primary" style="width: 150%">  {{'app.ui.search'|trans}}</button>
  452.                             </form>
  453.                         </div>
  454.                     </div>
  455.                 </div>
  456.             </div>
  457.         {% endblock %}
  459.         {% block pre_footer %}
  460.         <div class="custom-container mt-5">
  461.             <div class="bg-white">
  462.                 <div class="border-bottom pt-3 pb-4">
  463.                     <div class="row align-items-center">
  464.                         <div class="col-3">
  465.                             <a href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'descarca-rovinieta'})}}">
  466.                                 <h3 class="font-weight-bolder ml-5">
  467.                                     <img src="{{ asset('assets/shop/images/icons/ic_servicii_download_primary_24.png') }}"
  468.                                          width="25px"/>
  469.                                     {{'app.ui.download_vignette'|trans}}
  470.                                 </h3>
  471.                             </a>
  472.                         </div>
  473.                         <div class="col-3">
  474.                             <a href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'servicii-firme'})}}">
  475.                                 <h3 class="font-weight-bolder ml-5">
  476.                                     <img src="{{ asset('assets/shop/images/icons/ic_servicii_gear_primary_24.png') }}"
  477.                                          width="25px"/>
  478.                                     {{'app.ui.company_services'|trans}}
  479.                                 </h3>
  480.                             </a>
  481.                         </div>
  482.                         <div class="col-3">
  483.                             <a href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'verifica-valabilitatea-rovinietei'})}}">
  484.                                 <h3 class="font-weight-bolder ml-5">
  485.                                     <img src="{{ asset('assets/shop/images/icons/ic_servicii_shield_primary_24.png') }}"
  486.                                          width="25px"/>
  487.                                     {{'app.ui.validity_check'|trans}}
  488.                                 </h3>
  489.                             </a>
  490.                         </div>
  491.                         <div class="col-3">
  492.                             <a href="{{path('bitbag_sylius_cms_plugin_shop_page_show', {'slug' : 'Alerte-de-expirare'})}}">
  493.                                 <h3 class="font-weight-bolder ml-5">
  494.                                     <img
  495.                                         src="{{ asset('assets/shop/images/icons/ic_servicii_notifications_primary_24.png') }}"
  496.                                         width="25px"/>
  497.                                     {{'app.ui.expiry_alerts'|trans}}
  498.                                 </h3>
  499.                             </a>
  500.                         </div>
  501.                     </div>
  502.                 </div>
  503.             </div>
  504.         </div>
  505.     </div>
  506.     {% endblock %}
  507.     <script>
  508.         $(function () {
  509.             $('[data-toggle="popover"]').popover({
  510.                 trigger : 'hover'
  511.             })
  512.         })
  513.     </script>
  514.     <script>
  515.         $(document).ready(function() {
  516.             let email = null;
  517.             $("#mc-embedded-subscribe-form").submit(function () {
  518.                 let input = $(this).find("input[name=EMAIL]");
  519.                 email = input.val();
  520.             });
  522.             $('#mce-success-response').bind('DOMSubtreeModified', function (event) {
  523.                 let url = Routing.generate('app_newsletter');
  524.                 $.ajax({
  525.                     url: url,
  526.                     data: {'email': email},
  527.                     type: 'POST',
  528.                     dataType: 'json',
  529.                     async: true,
  531.                     success: function (data) {
  533.                     },
  534.                     error: function () {
  535.                     }
  536.                 });
  537.             });
  538.         });
  539.     </script>
  540.     <style>
  541.          .custom-container {
  542.              max-width: 1400px;
  543.              width: 100%;
  544.              margin: auto;
  545.          }
  546.         .btn-primary-inactive {
  547.             background-color: #F19F6D;
  548.             color: #fff;
  549.         }
  550.         .btn-primary-inactive:hover {
  551.             color: #fff;
  552.         }
  553.     </style>
  554. {% endblock %}