{% extends '@templates/Front/Shop/layout.html.twig' %}
{% block head %}
<head>
{% block title %} <title>{{'app.ui.homepage_meta_title'|trans}} </title> {% endblock %}
{% block metatags %}
<meta name="description" content="{% if descriptionForSeo|length > 0 %} {{ descriptionForSeo.content }} {% endif %}"/>
{% endblock %}
<meta name="keywords" content="{% if keywordsForSeo|length > 0 %} {{ keywordsForSeo.content }} {% endif %}"/>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Language" content="ro">
<meta name="google-site-verification" content="BEtIqk-choaMawpOxG98NtbWKAZK5MuTxV_2-pSHGFQ">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
{% block stylesheets %}
{{ parent() }}
<link rel="stylesheet" href="{{ asset('/assets/shop/css/toast.min.css') }}">
<link rel="stylesheet" href="{{ asset('/assets/shop/css/vue-select.min.css') }}">
<link rel="stylesheet" href="{{ asset('/assets/shop/css/bootstrap.min.css') }}">
<link rel="stylesheet" href="/assets/shop/css/vignette_shop.v1.css">
<link rel="stylesheet" href="{{ asset('/assets/shop/css/toast.min.css') }}">
{{ encore_entry_link_tags('extra-options') }}
{% endblock %}
{{ sonata_block_render_event('sylius.shop.layout.head') }}
{% block javascripts %}
{{ parent() }}
<script src="{{ asset('/assets/shop/js/babel.min.js') }}"></script>
<script src="{{ asset('/assets/shop/js/float_label.js') }}" type="text/babel"></script>
{% endblock %}
</head>
{% endblock %}
{% block content %}
<div id="loadingScreen" class="loading-screen">
<div class="card">
<div class="card-body">
<img src="{{ asset('assets/shop/images/spinner.gif') }}" alt="loading" style="width: 75px"/>
<h5>Va rugam asteptati</h5>
</div>
</div>
</div>
<div id="app" style="font-family: Open Sans;">
<div class="w-100 mt-2">
<div class="death-insurance-title w-100 font-weight-bolder ml-4">{{ 'app.ui.road_assistance_page_title'|trans }}</div>
</div>
<road-assistance-page ref="roadAssistancePage" :product-price="{{ productPrice }}"></road-assistance-page>
</div>
{% if accordionBlocksFaq|length > 0 %}
<div class="bs-stepper-content">
<div class="row my-3">
{% for key, block in accordionBlocksFaq %}
<div class="col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 my-3">
<button class="accordion" type="button" data-toggle="collapse" data-target="#collapse{{ key }}" aria-expanded="false" aria-controls="collapse{{ key }}">{{ block.name }}</button>
<div class="collapse" id="collapse{{ key }}">
<div class="card card-body border">{{ block.content|raw }}</div>
</div>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{{ encore_entry_script_tags('vue') }}
{% endblock %}