{% 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 %}