<section class="model-lineup section-padding" id="lexus-vehicles"> <div class="container"> <div class="row"> <div class="col-md-12 section-title light pb-4"> <span>{{ 'main.model_lineup'|trans({}, 'dc_lexus') }}</span> </div> </div> <div class="row"> <div class="col-md-12"> <ul class="nav nav-tabs lexus-tabs scroll-mob-row" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link {% if categoryUrl == null %}active{% endif %}" href="{{ path('lexus_car_catalog') }}"> {% if app.request.locale == 'ua' %}Всі{% else %}Все{% endif %} </a> </li> {% for category in categories %} <li class="nav-item"> <a class="nav-link {% if categoryUrl == category.url %}active{% endif %}" href="{{ path('lexus_car_catalog_category', {url: category.url}) }}" >{{ category.title }}</a> </li> {% endfor %} </ul> <div class="tab-content" id="myTabContent"> <div class="tab-pane fade show active" id="all" role="tabpanel" aria-labelledby="all-tab"> <div class="row model-lineup-car-row"> {% for car in vehicles %} <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3 car"> <div class="car-wrap-frontpage"> <div class="car-container"> <div class="to-rotate"> <div class="car-front"> <picture alt="{{ car.title }}"> <source srcset="{{ car.image_webp }}" type="image/webp"> <source srcset="{{ car.image }}"> <img src="{{ car.image }}" alt="{{ car.title }}" class="car-img"> </picture> <div class="car-title"> <span>{{ car.title }}</span> </div> </div> <div class="car-wrap-frontpage-overlay"> {% for model in car.models %} <a href="{{ model.link }}" class="car-wrap-frontpage-link">{{ model.title }}</a> {% endfor %} </div> </div> </div> <div class="car-body"> <div class="car-sub-title">{{ car.slogan }}</div> <div class="car-price"> {{ 'site.from'|trans({}, 'dc_lexus') }} <span>{{ car.price|price }}</span> грн </div> <a href="{{ path('lexus_service_consultation') }}" class="btn car-btn">Тест-драйв</a> </div> </div> </div> {% endfor %} </div> </div> </div> </div> </div> </div></section><div class="modal-fw-window modal fade buy_popup" id="buy-online" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header align-items-baseline landing-block-image pt-4"> <div class="w-100 landing-head-block-h1 pt-0"> <h2 id="myModalLabel">Заявка на покупку авто</h2> <div class="line-block w-100 mb-4"></div> </div> <p class="landing-image-desc mb-0">{{ 'modules.buy_car'|trans({}, 'dc_base') }}</p> <p class="landing-image-desc">{{ 'modules.buy_car_subtitle'|trans({}, 'dc_base')|raw }}</p> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.8107 0.189305C15.5583 -0.0631016 15.1491 -0.0631016 14.8967 0.189305L0.189305 14.8967C-0.0631016 15.1491 -0.0631016 15.5583 0.189305 15.8107C0.315492 15.9369 0.48093 16 0.646336 16C0.811743 16 0.977149 15.9369 1.10337 15.8107L15.8107 1.10331C16.0631 0.85093 16.0631 0.441711 15.8107 0.189305Z" fill="#A1A1A1"/> <path d="M15.8107 14.8976L1.10331 0.190281C0.85093 -0.062125 0.44168 -0.062125 0.189305 0.190281C-0.0631016 0.442656 -0.0631016 0.851875 0.189305 1.10428L14.8967 15.8117C15.0229 15.9379 15.1883 16.001 15.3537 16.001C15.5191 16.001 15.6846 15.9379 15.8107 15.8117C16.0631 15.5593 16.0631 15.15 15.8107 14.8976Z" fill="#A1A1A1"/> </svg> </span> </button> </div> <div class="modal-body"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="row buy_popup-card-row mb-3" id="carWrapper"> </div> <div class="row"> <div class="col-md-6 forms" id="buFormPopWr"> {{ form_start(buyForm, {attr: {class: 'forms-sm lead-form pop-up', 'data-parent': 'order-car', action: path( 'form_buy_car' )} }) }} <div class="forms__fieldset"> <div class="forms__legend">{{ 'pages.test_drive.contacts'|trans({}, 'dc_base') }}</div> {{ form_row(buyForm.name) }} {{ form_row(buyForm.phone) }} {{ form_row(buyForm.email) }} <div class="form-group checkbox style-b js-form-privacy"> <label class="checkboxes__item-privacy"> <input type="checkbox" name="{{ buyForm.privacy.vars.full_name }}" value="{{ buyForm.privacy.vars.value }}" id="{{ buyForm.privacy.vars.id }}"/> <div id="check_privacy" class="checkbox__checkmark form-control"></div> <div class="checkbox__body">{{ 'callback_widget.privacy'|trans({}, 'dc_base') }} <a href="{{ privacyUrl }}" target="_blank">{{ 'callback_widget.privacy_link'|trans({}, 'dc_base') }}</a></div> </label> </div> </div> <div style="display:none;"> {{ form_rest(buyForm) }} </div> <button type="submit" class="btn-order-car">{{ 'base.buttons.send'|trans({}, 'dc_toyota_od') }}</button> {{ form_end(buyForm) }} </div> </div> </div> </div> </div> </div> </div> </div></div>