src/DcSiteBundle/Resources/views/Lexus/Modules/car-catalog-main.html.twig line 1

Open in your IDE?
  1. <section class="model-lineup section-padding" id="lexus-vehicles">
  2.     <div class="container">
  3.         <div class="row">
  4.             <div class="col-md-12 section-title light pb-4">
  5.                 <span>{{ 'main.model_lineup'|trans({}, 'dc_lexus') }}</span>
  6.             </div>
  7.         </div>
  8.         <div class="row">
  9.             <div class="col-md-12">
  10.                 <ul class="nav nav-tabs lexus-tabs scroll-mob-row" id="myTab" role="tablist">
  11.                     <li class="nav-item">
  12.                         <a class="nav-link active" id="all-tab" data-toggle="tab" href="#all" role="tab" aria-controls="all" aria-selected="true">
  13.                             {% if app.request.locale == 'ua' %}Всі{% else %}Все{% endif %}
  14.                         </a>
  15.                     </li>
  16.                     <li class="nav-item" v-for="category in categories">
  17.                         <a class="nav-link" :id="category.id+'-tab'" data-toggle="tab" :href="'#category-tab-'+category.id" role="tab" :aria-controls="'category-tab-'+category.id" aria-selected="false" v-html="category.title"></a>
  18.                     </li>
  19.                 </ul>
  20.                 <div class="tab-content" id="myTabContent">
  21.                     <div class="tab-pane fade show active" id="all" role="tabpanel" aria-labelledby="all-tab">
  22.                         <div class="row model-lineup-car-row">
  23.                             <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3 car" v-for="car in data">
  24.                                 <div class="car-wrap-frontpage">
  25.                                     <div class="car-container">
  26.                                         <div class="to-rotate">
  27.                                             <div class="car-front">
  28.                                                 {# <img class="car-img" :src="car.image"> #}
  29.                                                 {# See `initLazyPictures()` for lazy loaded pictures #}
  30.                                                 <picture class="car-img" :class="{ lazy: true }" :data-fallback="car.image"></picture>
  31.                                                 <div class="car-title">
  32.                                                     <span v-html="car.title"></span>
  33.                                                 </div>
  34.                                             </div>
  36.                                             <div class="car-wrap-frontpage-overlay">
  37.                                                 <a v-for="model in car.models" :href="model.link" class="car-wrap-frontpage-link" v-html="model.title"></a>
  38.                                             </div>
  40.                                         </div>
  41.                                     </div>
  42.                                     <div class="car-body">
  43.                                         <div class="car-sub-title" v-html="car.slogan"></div>
  44.                                         <div class="car-price">
  45.                                             {#<div class="model-lineup-car-stocks" v-if="car.hasActionPrice">{{ 'site.car_actions'|trans({}, 'dc_lexus') }}</div>#}
  46.                                             {{ 'site.from'|trans({}, 'dc_lexus') }} <span v-html="car.price.toLocaleString()"></span> грн
  47.                                         </div>
  48.                                         <a href="{{ path('lexus_service_consultation') }}" class="btn car-btn">Тест-драйв</a>
  49.                                     </div>
  50.                                 </div>
  51.                             </div>
  52.                         </div>
  53.                     </div>
  54.                     <div v-for="category in categories" class="tab-pane fade" :id="'category-tab-'+category.id" role="tabpanel" :aria-labelledby="category.id+'-tab'">
  55.                         <div class="row model-lineup-car-row">
  56.                             <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3 car" v-if="car.catIds.includes(category.id)" v-for="car in data">
  57.                                 <div class="car-wrap-frontpage">
  58.                                     <div class="car-container">
  59.                                         <div class="to-rotate">
  60.                                             <div class="car-front">
  61.                                                 {# <img class="car-img" :src="car.image"> #}
  62.                                                 {# See `initLazyPictures()` for lazy loaded pictures #}
  63.                                                 <picture class="car-img" :class="{ lazy: true }" :data-fallback="car.image"></picture>
  64.                                                 <div class="car-title">
  65.                                                     <span v-html="car.title"></span>
  66.                                                 </div>
  67.                                             </div>
  69.                                             <div class="car-wrap-frontpage-overlay">
  70.                                                 <a v-for="model in car.models" :href="model.link" class="car-wrap-frontpage-link" v-html="model.title"></a>
  71.                                             </div>
  73.                                         </div>
  74.                                     </div>
  75.                                     <div class="car-body">
  76.                                         <div class="car-sub-title" v-html="car.slogan"></div>
  77.                                         <div class="car-price">
  78.                                             {#<div class="model-lineup-car-stocks" v-if="hasActionPrice">{{ 'site.car_actions'|trans({}, 'dc_lexus') }}</div>#}
  79.                                             {{ 'site.from'|trans({}, 'dc_lexus') }} <span v-html="car.price.toLocaleString()"></span> грн
  80.                                         </div>
  81.                                         <a href="#" :data-id="car.id" class="btn car-btn js-buy-online">Тест-драйв</a>
  82.                                     </div>
  83.                                 </div>
  84.                             </div>
  85.                         </div>
  86.                     </div>
  87.                 </div>
  88.             </div>
  89.         </div>
  90.     </div>
  91. </section>
  93. {#<div class="modal-fw-window modal fade buy_popup" id="buy-online" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">#}
  94. {#    <div class="modal-dialog" role="document">#}
  95. {#        <div class="modal-content">#}
  96. {#            <div class="modal-header align-items-baseline landing-block-image pt-4">#}
  97. {#                <div class="w-100 landing-head-block-h1 pt-0">#}
  98. {#                    <h2 id="myModalLabel">Заявка на покупку авто</h2>#}
  99. {#                    <div class="line-block w-100 mb-4"></div>#}
  100. {#                </div>#}
  101. {#                <p class="landing-image-desc mb-0">{{ 'modules.buy_car'|trans({}, 'dc_base') }}</p>#}
  102. {#                <p class="landing-image-desc">{{ 'modules.buy_car_subtitle'|trans({}, 'dc_base')|raw }}</p>#}
  103. {#                <button type="button" class="close" data-dismiss="modal" aria-label="Close">#}
  104. {#                        <span aria-hidden="true">#}
  105. {#                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">#}
  106. {#                                <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"/>#}
  107. {#                                <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"/>#}
  108. {#                            </svg>#}
  109. {#                        </span>#}
  110. {#                </button>#}
  111. {#            </div>#}
  112. {#            <div class="modal-body">#}
  113. {#                <div class="container">#}
  114. {#                    <div class="row">#}
  115. {#                        <div class="col-md-12">#}
  116. {#                            <div class="row buy_popup-card-row mb-3" id="carWrapper">#}
  118. {#                            </div>#}
  119. {#                            <div class="row">#}
  120. {#                                <div class="col-md-6 forms" id="buFormPopWr">#}
  121. {#                                    {{ form_start(buyForm, {attr: {class: 'forms-sm lead-form pop-up', 'data-parent': 'order-car', action: path( 'form_buy_car' )} }) }}#}
  122. {#                                    <div class="forms__fieldset">#}
  123. {#                                        <div class="forms__legend">{{ 'pages.test_drive.contacts'|trans({}, 'dc_base') }}</div>#}
  124. {#                                        {{ form_row(buyForm.name) }}#}
  125. {#                                        {{ form_row(buyForm.phone) }}#}
  126. {#                                        {{ form_row(buyForm.email) }}#}
  127. {#                                            <div class="form-group checkbox style-b js-form-privacy">#}
  128. {#                                                <label class="checkboxes__item-privacy">#}
  129. {#                                                    <input type="checkbox" name="{{ buyForm.privacy.vars.full_name }}" value="{{ buyForm.privacy.vars.value }}" id="{{ buyForm.privacy.vars.id }}"/>#}
  130. {#                                                    <div id="check_privacy" class="checkbox__checkmark form-control"></div>#}
  131. {#                                                    <div class="checkbox__body">{{ 'callback_widget.privacy'|trans({}, 'dc_base') }} <a href="{{ privacyUrl }}" target="_blank">{{ 'callback_widget.privacy_link'|trans({}, 'dc_base') }}</a></div>#}
  132. {#                                                </label>#}
  133. {#                                            </div>#}
  134. {#                                    </div>#}
  135. {#                                    <div style="display:none;">#}
  136. {#                                        {{ form_rest(buyForm) }}#}
  137. {#                                    </div>#}
  138. {#                                    <button type="submit" class="btn-order-car">{{ 'base.buttons.send'|trans({}, 'dc_toyota_od') }}</button>#}
  139. {#                                    {{ form_end(buyForm) }}#}
  141. {#                                </div>#}
  142. {#                            </div>#}
  143. {#                        </div>#}
  144. {#                    </div>#}
  145. {#                </div>#}
  146. {#            </div>#}
  147. {#        </div>#}
  148. {#    </div>#}
  149. {#</div>#}