{% extends 'frontend/frontend.html.twig' %}
{% block meta_robot %}
{{ parent() }}
<link rel="canonical" href="{{ url('frontend_online_purchase') }}"/>
{{ source('stubs/seo/robots_index_follow.html.twig') }}
{% endblock %}
{% block meta_title %}{{ 'seo.landing.onlinePurchase.title'|trans({}, "seo") }}{% endblock %}
{% block meta_desc %}{{ 'seo.landing.onlinePurchase.desc'|trans({}, "seo") }}{% endblock %}
{% block body_content %}
<div class="achat-enligne">
<div class="landing-header">
<h1 class="titre05">
{{ 'frontend.landing.online-purchase.header.title'|trans({}, 'landing') }}
<span>{{ 'frontend.landing.online-purchase.header.subtitle'|trans({}, 'landing') }}</span>
</h1>
</div>
<div class="landing-content">
<div>
<h2 class="titre01">{{ 'frontend.landing.online-purchase.content.title'|trans({}, 'landing')|raw }}</h2>
<div class="grid-container marginT40">
<div class="grid-50 tab-p-100 m-100">
<div>
<h2 class="titre04"><i class="icon-ordre-achat01"></i> <strong>{{ 'frontend.landing.online-purchase.content.block01.title'|trans({}, 'landing') }}</strong></h2>
<p class="marginT20">{{ 'frontend.landing.online-purchase.content.block01.text01'|trans({}, 'landing')|raw }}</p>
<p class="marginT20">{{ 'frontend.landing.online-purchase.content.block01.text02'|trans({}, 'landing')|raw }}</p>
</div>
</div>
<div class="grid-50 tab-p-100 m-100">
<div>
<h2 class="titre04">
<i class="icon-live01"></i>
<strong>{{ 'frontend.landing.online-purchase.content.block02.title'|trans({}, 'landing') }}</strong>
{% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_PORTUGAL')) %}
<img src="{{ asset('bundles/vpauto/frontend/images/icones/icon-live-pt.webp') }}" class="icon-live w-26" alt="picto Live VPauto">
{% else %}
<img src="{{ asset('bundles/vpauto/frontend/images/icones/icon-live-fr.webp') }}" class="icon-live w-26" alt="picto Live VPauto">
{% endif %}
</h2>
<p class="marginT20">{{ 'frontend.landing.online-purchase.content.block02.text01'|trans({}, 'landing')|raw }}</p>
</div>
</div>
</div>
<div class="grid-container marginT40">
<div class="grid-50 tab-p-100 m-100">
<div class="bg">
<h2 class="titre04"><i class="icon-ordre-achat02"></i> <strong>{{ 'frontend.landing.online-purchase.content.block03.title'|trans({}, 'landing') }}</strong></h2>
<ul class="marginT20">
<li>1. {{ 'frontend.landing.online-purchase.content.block03.list01.item01'|trans({}, 'landing') }}</li>
<li>2. {{ 'frontend.landing.online-purchase.content.block03.list01.item02'|trans({}, 'landing') }}</li>
<li>3. {{ 'frontend.landing.online-purchase.content.block03.list01.item03'|trans({}, 'landing') }}</li>
{% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_FRANCE')) %}
<li>4. {{ 'frontend.landing.online-purchase.content.block03.list01.item04'|trans({}, 'landing') }}</li>
{% endif %}
<li>
{% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_FRANCE')) %}
5.
{% else %}
4.
{% endif %}
{{ 'frontend.landing.online-purchase.content.block03.list01.item05'|trans({}, 'landing') }}
</li>
</ul>
{% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_FRANCE')) %}
<p class="marginT20"><strong>{{ 'frontend.landing.online-purchase.content.block03.text01'|trans({}, 'landing') }}</strong></p>
<ul>
<li>- {{ 'frontend.landing.online-purchase.content.block03.list02.item01'|trans({}, 'landing') }}</li>
<li>- {{ 'frontend.landing.online-purchase.content.block03.list02.item02'|trans({}, 'landing') }}</li>
<li>- {{ 'frontend.landing.online-purchase.content.block03.list02.item03'|trans({}, 'landing') }}</li>
<li>- {{ 'frontend.landing.online-purchase.content.block03.list02.item04'|trans({}, 'landing') }}</li>
<li>- {{ 'frontend.landing.online-purchase.content.block03.list02.item05'|trans({}, 'landing') }}</li>
</ul>
{% endif %}
</div>
</div>
<div class="grid-50 tab-p-100 m-100">
<div class="bg">
<h2 class="titre04"><i class="icon-live03"></i> <strong>{{ 'frontend.landing.online-purchase.content.block04.title'|trans({}, 'landing') }}</strong></h2>
<ul class="marginT20">
<li>- {{ 'frontend.landing.online-purchase.content.block04.list01.item01'|trans({}, 'landing') }}</li>
<li>- {{ 'frontend.landing.online-purchase.content.block04.list01.item02'|trans({}, 'landing') }}</li>
<li>- {{ 'frontend.landing.online-purchase.content.block04.list01.item03'|trans({}, 'landing') }}</li>
<li>- {{ 'frontend.landing.online-purchase.content.block04.list01.item04'|trans({}, 'landing') }}</li>
<li>- {{ 'frontend.landing.online-purchase.content.block04.list01.item05'|trans({}, 'landing') }}</li>
</ul>
{% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_FRANCE')) %}
<p class="marginT20"><strong>Remarques</strong></p>
<ul>
<li>- {{ 'frontend.landing.online-purchase.content.block04.list02.item01'|trans({}, 'landing') }}</li>
<li>- {{ 'frontend.landing.online-purchase.content.block04.list02.item02'|trans({}, 'landing') }}</li>
<li>- {{ 'frontend.landing.online-purchase.content.block04.list02.item03'|trans({}, 'landing') }}</li>
<li>- {{ 'frontend.landing.online-purchase.content.block04.list02.item04'|trans({}, 'landing') }}</li>
</ul>
{% endif %}
</div>
</div>
</div>
<div class="grid-container marginT20 txtcenter">
<a href="{{ path('live_portal_next_sales') }}" class="lien08 marginT20 marginL30 marginR30">{{ 'frontend.landing.online-purchase.content.button01.label'|trans({}, 'landing') }}</a>
{% if is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_FRANCE')) %}
<a href="{{ path('live_portal_access') }}" class="lien04 marginT20 marginL30 marginR30">{{ 'frontend.landing.online-purchase.content.button02.label'|trans({}, 'landing') }}</a>
{% endif %}
</div>
</div>
<div class="bg-img01 m-hide">
<div>{{ 'frontend.landing.online-purchase.bottom.text01'|trans({}, 'landing')|raw }}</div>
</div>
</div>
</div>
<!--Footer -->
{% include 'frontend/footer.html.twig' %}
<!-- FIN Footer -->
{% endblock body_content %}