{% extends 'frontend/frontend_pro.html.twig' %}
{% block meta_robot %}
{{ parent() }}
<link rel="canonical" href="{{ url('live_portal_next_sales_pro') }}"/>
{{ source('stubs/seo/robots_noindex_nofollow.html.twig') }}
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script type="text/javascript" src="{{ asset('bundles/vpauto/js/lib/jquery.countdown.live.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/vpauto/js/frontend/live_portal.js') }}"></script>
{% endblock %}
{% block body_content %}
<div class="live-prochaines-vente">
<div class="landing-header">
<h1 class="titre05">
<span class="block">
{% if app.request.locale == constant('App\\Twig\\Extension\\CountryExtension::LOCALE_PORTUGUESE') %}
<img src="{{ asset('bundles/vpauto/frontend/images/icones/icon-live-pt.webp') }}" alt="">
{% else %}
<img src="{{ asset('bundles/vpauto/frontend/images/icones/icon-live-fr.webp') }}" alt="">
{% endif %}
</span>
{{ 'frontend.live.next-sales-pro.header.subtitle'|trans }}
</h1>
</div>
<div class="landing-content">
<div>
<div>
<h2 class="titre01">{{ 'frontend.live.next-sales-pro.content.title01'|trans|raw }}</h2>
<p class="marginT20">{{ 'frontend.live.next-sales-pro.content.text01'|trans }} <span data-o="{{ base64_encode(path('vpauto_frontend_live')) }}" class="obflink lien03" role="link">{{ 'frontend.live.next-sales-pro.content.link01'|trans }}</span> {{ 'frontend.live.next-sales-pro.content.text02'|trans }}
</p>
{% if not is_current_country(constant('App\\Twig\\Extension\\CountryExtension::COUNTRY_PORTUGAL')) %}
<p class="marginT10">{{ 'frontend.live.next-sales-pro.content.text03'|trans }}</p>
{% endif %}
</div>
<div class="grid-container block-bg01">
<h2 class="titre04">
<strong>{{ 'frontend.live.next-sales-pro.content.block01.title'|trans }}</strong></h2>
<div class="grid-25 tab-l-25 tab-p-50 m-100 marginT20">
<div>
<img src="{{ asset('bundles/vpauto/frontend/images/pro/img-avantage-live01.png') }}"
alt="picto vehicules testés">
<p>{{ 'frontend.live.next-sales-pro.content.block01.item01'|trans }}</p>
</div>
</div>
<div class="grid-25 tab-l-25 tab-p-50 m-100 marginT20">
<div>
<img src="{{ asset('bundles/vpauto/frontend/images/pro/img-avantage-live02.png') }}"
alt="picto prix">
<p>{{ 'frontend.live.next-sales-pro.content.block01.item02'|trans }}</p>
</div>
</div>
<div class="grid-25 tab-l-25 tab-p-50 m-100 marginT20">
<div>
<img src="{{ asset('bundles/vpauto/frontend/images/pro/img-avantage-live03.png') }}"
alt="picto garantie">
<p>{{ 'frontend.live.next-sales-pro.content.block01.item03'|trans({ '%href%': path('frontend_guarantee') })|raw }}</p>
</div>
</div>
<div class="grid-25 tab-l-25 tab-p-50 m-100 marginT20">
<div>
<img src="{{ asset('bundles/vpauto/frontend/images/pro/img-avantage-live04.png') }}"
alt="picto disponibilité">
<p>{{ 'frontend.live.next-sales-pro.content.block01.item04'|trans }}</p>
</div>
</div>
</div>
<h2 class="titre01 marginT60 txtcenter">
<strong>{{ 'frontend.live.next-sales-pro.content.title02'|trans }}</strong></h2>
<div class="video-container">
{% include '/Frontend/pro/_movie_live.html.twig' %}
</div>
<div class="separateur"></div>
<h2 class="titre01 marginT60 txtcenter color01">
<strong>{{ 'frontend.live.next-sales-pro.content.next_sales'|trans }}</strong></h2>
{% for item in todaysLive %}
<div class="block01 marginT20">
<p class="titre01"><strong>{{ 'frontend.live.next-sales.content.sale_ended'|trans }}</strong>
</p>
<p class="titre03 marginT10"><strong>{{ item.room.code|upper }}
- {{ item.startDate|locale_date(pattern='EEEE d LLLL', locale=app.request.locale)|capitalize }}</strong>
</p>
</div>
<div class="separateur"></div>
{% endfor %}
<div class="marginT20">
<div>
{% for sale in sales %}
<div class="txtcenter">
<h1 class="titre01">
<strong>{{ sale.room.code|upper }}
- {{ sale.activeVehicles|length }} {{ 'frontend.live.next-sales.content.vehicles'|trans }}</strong>
</h1>
<h2 class="date">{{ sale.startDate|locale_date(pattern='EEEE d LLLL yyyy', locale=app.request.locale) }}</h2>
<div class="block01">
<p class="titre04 opening-in">{{ 'frontend.live.next-sales.content.open_in'|trans }}</p>
<div class="counter must-fade fade-title clearfix"
data-end="{{ get_real_starting_hour(sale)|date('Y/m/d H:i:s') }}">
<ul class="counter-block">
<li class="m-hide"><i class="icon-chrono01"></i></li>
<li>
<span class="number days">00</span>
<span>{{ 'frontend.live.next-sales.content.timer.days'|trans }}</span>
</li>
<li>
<span class="number hours">00</span>
<span>{{ 'frontend.live.next-sales.content.timer.hours'|trans }}</span>
</li>
<li>
<span class="number minutes">00</span>
<span>{{ 'frontend.live.next-sales.content.timer.minutes'|trans }}</span>
</li>
</ul>
</div>
</div>
{% if sale.endDate|date('U') > 'now'|date('U') and get_real_starting_hour(sale)|date('U') < 'now'|date('U') %}
<p class="marginT10 titre04">
{% if app.request.locale == constant('App\\Twig\\Extension\\CountryExtension::LOCALE_PORTUGUESE') %}
<img
src="{{ asset('bundles/vpauto/frontend/images/icones/icon-live-pt.webp') }}"
class="icon-live w-26" alt="">
{% else %}
<img
src="{{ asset('bundles/vpauto/frontend/images/icones/icon-live-fr.webp') }}"
class="icon-live w-26" alt="">
{% endif %}
{{ 'frontend.live.next-sales.content.button.running'|trans }}
</p>
{% endif %}
</div>
<div class="separateur"></div>
{% endfor %}
</div>
<div class="clearfix"></div>
</div>
<p class="txtcenter"><a href="{{ path('frontend_sale_online_pro') }}" class="lien11"
title="">{{ 'frontend.live.next-sales-pro.content.button01.online_sale'|trans }}</a>
</p>
<p class="marginT10">{{ 'frontend.live.next-sales-pro.content.text04'|trans }}</p>
</div>
</div>
</div>
{% endblock body_content %}