src/PortalBundle/Resources/views/Catalog/catalog-card-in-stock.html.twig line 1

Open in your IDE?
  1. <div vehicleid="" class="cursor-pointer card__box card_box_instock">
  3.     {% include '@Portal/Catalog/catalog-card-preview.html.twig' %}
  5.     <div class="card__car__info__wrapper">
  6.         <a class="card__car__title" href="{{ path('portal_in_stock_one',{dealer:item.vehicle.dealer.url, url:item.vehicle.url}) }}">{{ item.vehicle.fullName }}</a>
  7.         <div class="card__car__power__box">
  8.             <a class="card__car__power" href="{{ path('portal_in_stock_one',{dealer:item.vehicle.dealer.url, url:item.vehicle.url}) }}">{{ item.vehicle.equipment.title }}
  9.                 {{ item.vehicle.enginePower(app.request.locale) }}
  10.                 {{ 'catalog.k_s'|trans({}, 'portal_base') }}</a>
  11.             <span class="card__car__year">{{ item.vehicle.year }}</span>
  12.         </div>
  14.         {% if item.vehicle.sold is defined and item.vehicle.sold %}
  15.             <div class="car__status__cover">
  16.                 <span class="sold-car">Продано</span>
  17.             </div>
  18.         {% endif %}
  20.         <div class="card__car__characteristics">
  21.             <div class="car__characteristics__box">
  22.                 <img class="car__characteristics__icon" src="{{ asset('/bundles/portal/img/icon-svg/transm-n-red.svg') }}" alt="">
  23.                 <span class="car__charact__name">{{ item.vehicle.transmissionTypeName(app.request.locale) }}</span>
  24.             </div>
  25.             <div class="car__characteristics__box">
  26.                 <img class="car__characteristics__icon" src="{{ asset('/bundles/portal/img/icon-svg/wh-drive-red.svg') }}" alt="">
  27.                 <span class="car__charact__name">{{ item.vehicle.driveUnitTypeName(app.request.locale) }}</span>
  28.             </div>
  29.             <div class="car__characteristics__box">
  30.                 <img class="car__characteristics__icon" src="{{ asset('/bundles/portal/img/icon-svg/engine-n-red.svg') }}" alt="">
  31.                 <span class="car__charact__name">{{ item.vehicle.fuelTypeName(app.request.locale) }},
  32.                     {{ item.vehicle.engineVolume(app.request.locale)| engine_volume_short }}
  33.                     л</span>
  34.             </div>
  35.         </div>
  37.         <div class="card__car__credit__info__box">
  38.             {% if item.creditPayment != null %}
  39.                 <span class="credit__info__title">Авто в кредит за
  40.                     {{ item.creditPayment|price }}
  41.                     грн/{{ 'catalog.month'|trans({}, 'portal_base') }}</span>
  43.                 <div class="car_tooltip_icon" @click="infoActive($event)">
  44.                     <svg width="12" height="12" viewbox="0 0 12 12" fill="inherit" xmlns="http://www.w3.org/2000/svg">
  45.                         <path fill-rule="evenodd" clip-rule="evenodd" d="M5.99943 0C7.65664 0 9.1565 0.671257 10.2421 1.75682C11.3276 2.84351 12 4.34336 12 5.99943C12 7.65664 11.3276 9.1565 10.2421 10.2421C9.1565 11.3276 7.65664 12 5.99943 12C4.34336 12 2.84351 11.3276 1.75682 10.2421C0.671257 9.1565 0 7.65664 0 5.99943C0 4.34336 0.671257 2.84237 1.75682 1.75682C2.84237 0.671257 4.34336 0 5.99943 0ZM9.57985 2.41902C8.66409 1.50325 7.39742 0.936138 5.99943 0.936138C4.60145 0.936138 3.33591 1.50325 2.41902 2.41902C1.50325 3.33591 0.936138 4.60145 0.936138 5.99943C0.936138 7.39742 1.50325 8.66409 2.41902 9.57985C3.33591 10.4956 4.60145 11.0627 5.99943 11.0627C7.39742 11.0627 8.66409 10.4956 9.57985 9.57985C10.4956 8.66409 11.0627 7.39742 11.0627 5.99943C11.0627 4.60145 10.4956 3.33591 9.57985 2.41902ZM5.94736 3.80568C5.68927 3.80568 5.47986 3.59626 5.47986 3.33818C5.47986 3.07895 5.68927 2.86954 5.94736 2.86954H6.0515C6.31073 2.86954 6.52014 3.07895 6.52014 3.33818C6.52014 3.59626 6.31073 3.80568 6.0515 3.80568H5.94736ZM5.5274 4.88784C5.5274 4.62975 5.73682 4.42034 5.99604 4.42034C6.25413 4.42034 6.46354 4.62975 6.46354 4.88784V8.66182C6.46354 8.91991 6.25413 9.13046 5.99604 9.13046C5.73682 9.13046 5.5274 8.91991 5.5274 8.66182V4.88784Z" fill="#9C9C9C"/>
  46.                     </svg>
  47.                 </div>
  49.                 <div class="card__car__info__box" :class="{active: isActiveInfo === 'credit-{{ item.vehicle.vehicleItemId }}'}">
  50.                     <span class="card_car_info_close" @click="infoClose($event)">
  51.                         <svg width="9" height="9" viewbox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
  52.                             <path d="M8 1L1 8M1 1L8 8" stroke="#9C9C9C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  53.                         </svg>
  54.                     </span>
  55.                     <p class="card__car__info__text">{{ 'catalog.calculation_preliminary'|trans({}, 'portal_base') }}</p>
  56.                 </div>
  57.             {% endif %}
  58.         </div>
  60.         <div class="card__car__leasing__info__box">
  61.             <span class="credit__info__title">{{ 'catalog.leasing.title'|trans({}, 'portal_base') }}</span>
  62.             <div class="car_tooltip_icon" @click="infoActive($event)">
  63.                 <svg width="12" height="12" viewbox="0 0 12 12" fill="inherit" xmlns="http://www.w3.org/2000/svg">
  64.                     <path fill-rule="evenodd" clip-rule="evenodd" d="M5.99943 0C7.65664 0 9.1565 0.671257 10.2421 1.75682C11.3276 2.84351 12 4.34336 12 5.99943C12 7.65664 11.3276 9.1565 10.2421 10.2421C9.1565 11.3276 7.65664 12 5.99943 12C4.34336 12 2.84351 11.3276 1.75682 10.2421C0.671257 9.1565 0 7.65664 0 5.99943C0 4.34336 0.671257 2.84237 1.75682 1.75682C2.84237 0.671257 4.34336 0 5.99943 0ZM9.57985 2.41902C8.66409 1.50325 7.39742 0.936138 5.99943 0.936138C4.60145 0.936138 3.33591 1.50325 2.41902 2.41902C1.50325 3.33591 0.936138 4.60145 0.936138 5.99943C0.936138 7.39742 1.50325 8.66409 2.41902 9.57985C3.33591 10.4956 4.60145 11.0627 5.99943 11.0627C7.39742 11.0627 8.66409 10.4956 9.57985 9.57985C10.4956 8.66409 11.0627 7.39742 11.0627 5.99943C11.0627 4.60145 10.4956 3.33591 9.57985 2.41902ZM5.94736 3.80568C5.68927 3.80568 5.47986 3.59626 5.47986 3.33818C5.47986 3.07895 5.68927 2.86954 5.94736 2.86954H6.0515C6.31073 2.86954 6.52014 3.07895 6.52014 3.33818C6.52014 3.59626 6.31073 3.80568 6.0515 3.80568H5.94736ZM5.5274 4.88784C5.5274 4.62975 5.73682 4.42034 5.99604 4.42034C6.25413 4.42034 6.46354 4.62975 6.46354 4.88784V8.66182C6.46354 8.91991 6.25413 9.13046 5.99604 9.13046C5.73682 9.13046 5.5274 8.91991 5.5274 8.66182V4.88784Z" fill="#9C9C9C"/>
  65.                 </svg>
  66.             </div>
  67.             <div class="card__car__info__box card_car_info_pading" :class="{active: isActiveInfo === 'leasing-{{ item.vehicle.vehicleItemId }}'}">
  68.                 <span class="card_car_info_close" @click="infoClose($event)">
  69.                     <svg width="9" height="9" viewbox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
  70.                         <path d="M8 1L1 8M1 1L8 8" stroke="#9C9C9C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
  71.                     </svg>
  72.                 </span>
  73.                 <p class="card__car__info__text">{{ 'catalog.leasing.description'|trans({}, 'portal_base') }}</p>
  74.             </div>
  75.         </div>
  77.         {#        <div class="card__car__color__box">#}
  78.         {#            {% if item.vehicleColors|length > 1 %}#}
  79.         {#                {% for color in item.vehicleColors %}#}
  80.         {#                    <div class="car__color {% if loop.index == 1 %}active{% endif %}"#}
  81.         {#                         v-on:click="setColorVehicle($event, '{{ color.imageVehicle }}', '{{ color.imageWebpVehicle }}')"#}
  82.         {#                         style="background-image: url('{{ color.imageColor }}')"></div>#}
  83.         {#                {% endfor %}#}
  84.         {#            {% endif %}#}
  85.         {#        </div>#}
  86.             <div class="card__car__power__box card_car_power_box_wrap"> {% if item.vehicle.isReserved or item.vehicle.deposit %}
  87.                 <span class="card__car__price__new">{{ 'car_in_stock_module.reserved'|trans({}, 'dc_base') }}</span>
  88.             {% else %}
  89.                 <span class="card__car__price__second">{{ item.vehicle.price|price }}
  90.                     грн</span>
  91.             {% endif %}
  92.             {% if item.vehicle.hasActionPrice %}
  93.                 <span class="card__car__price__old">{{ item.vehicle.fullPrice|price }}
  94.                     грн</span>
  95.             {% endif %}
  96.         </div>
  97.     </div>
  98.     <div class="add__comparison__like__box">
  99.         <button class="comparison__like add__comparison{% if item.comparedId is not null  %} active{% endif %}" comparedid="{{ item.comparedId }}" onclick="app.Compare.toggleCompare({{ item.vehicle.vehicleItemId }})"></button>
  100.         <button class="comparison__like add__like{% if item.featuredId is not null  %} active{% endif %}" featuredid="{{ item.featuredId }}" onclick="app.Favorit.toggleFavorite('vehicle', {vehicleItemId: '{{ item.vehicle.vehicleItemId }}', locale: '{{ app.request.locale }}', link: '{{ app.request.schemeAndHttpHost }}{{ path('portal_new_car',{dealer: item.vehicle.dealer.url,url:item.vehicle.url, variation: item.vehicle.vehicleItemId }) }}'})"></button>
  101.     </div>
  103.     <div class="location__box">
  104.         {% if item.vehicle.brand.dealer|length > 1 %}
  105.             <img src="{{ asset('/bundles/portal/img/icon-svg/location-marker.svg') }}" alt="">
  106.             <span class="location__text">{{ item.vehicle.dealer.getAddressByLocale(app.request.locale) }}</span>
  107.         {% endif %}
  108.     </div>
  109.     <div class="card__car__learn__more__box is_stock {% if item.vehicle.optionsByEquipment(item.vehicle.equipment, app.request.locale, true)|length > 0 %} bottom_style {% elseif not item.vehicle.testDrive %} no_tesdrive {% endif %}">
  110.         <a class="car__learn__more__btn" href="{{ path('portal_in_stock_one',{dealer:item.vehicle.dealer.url, url:item.vehicle.url}) }}">{{ 'catalog.more_detail'|trans({}, 'portal_base') }}</a>
  112.         {% if item.vehicle.optionsByEquipment(item.vehicle.equipment, app.request.locale, true)|length > 0 %}
  113.             <div class="car__learn__more__info__wrapper">
  114.                 {% for id, group in item.vehicle.optionsByEquipment(item.vehicle.equipment, app.request.locale, true) %}
  115.                     {% for option in group.options %}
  116.                         <div class="car__learn__more">
  117.                             <img src="{{ asset('/bundles/portal/img/icon-svg/green-ok.svg') }}" alt="">
  118.                             <span class="car__learn__more__text">{{ option }}</span>
  119.                         </div>
  120.                     {% endfor %}
  121.                 {% endfor %}
  122.             </div>
  123.         {% endif %}
  124.         {% if item.vehicle.testDrive %}
  125.             <a class="car__test__drive__btn" href="{{ path('portal_service_vehicle_testdrive_form', { 'url': item.vehicle.url }) }}">{{ 'catalog.sign_test_drive'|trans({}, 'portal_base') }}</a>
  126.             {# <a class="car__test__drive__btn" href="{{ path('portal_service_testdrive_form') }}">{{ 'catalog.sign_test_drive'|trans({}, 'portal_base') }}</a>#}
  127.         {% endif %}
  128.         <div class="car__test__drive__btn"></div>
  129.     </div>
  131.     <div class="additional__information__box">
  132.         {% if item.hasNds %}
  133.             <img src="{{ asset('/bundles/portal/img/icon-svg/pdf-icon.svg') }}" alt="">
  134.         {% endif %}
  135.     </div>
  136. </div>