92 lines
4.2 KiB
HTML
92 lines
4.2 KiB
HTML
{% load static %}
|
|
{% load filters %}
|
|
|
|
<section class="catalogSliderW sect">
|
|
<div class="container">
|
|
<div class="d-flex justify-content-between align-items-center gap-3 flex-wrap sectHead">
|
|
<div class="d-flex align-items-start gap-2 gap-lg-3">
|
|
<img src="{% static 'img/admin/flag/truck.png' %}?v=1" alt="flag" class="title-flag">
|
|
<h2 class="h2 title-flag-h2">Каталог грузовых автомобилей</h2>
|
|
</div>
|
|
<a href="{% url 'core:catalog_truck' %}" class="d-none d-lg-flex button button--brown gap-2">
|
|
Каталог
|
|
<img src="{% static 'img/icons/btn-arrow-white.svg' %}?v=1" alt="arrow">
|
|
</a>
|
|
</div><!-- /sectHead -->
|
|
|
|
<div class="d-none d-lg-flex align-items-end justify-content-between flex-wrap gap-3">
|
|
|
|
<div class="d-flex gap-2 flex-wrap">
|
|
{% if main_brands.TOYOTA %}
|
|
<a class="carLogo" href="{% url 'core:catalog_truck' %}?brand={{ main_brands.TOYOTA }}">
|
|
<img src="{% static 'img/admin/brand/logo-1.png' %}?v=1" alt="logo">
|
|
</a>
|
|
{% endif %}
|
|
{% if main_brands.MAZDA %}
|
|
<a class="carLogo" href="{% url 'core:catalog_truck' %}?brand={{ main_brands.MAZDA }}">
|
|
<img src="{% static 'img/admin/brand/logo-3.png' %}?v=1" alt="logo">
|
|
</a>
|
|
{% endif %}
|
|
{% if main_brands.NISSAN %}
|
|
<a class="carLogo" href="{% url 'core:catalog_truck' %}?brand={{ main_brands.NISSAN }}">
|
|
<img src="{% static 'img/admin/brand/logo-5.png' %}?v=1" alt="logo">
|
|
</a>
|
|
{% endif %}
|
|
{% if main_brands.MITSUBISHI %}
|
|
<a class="carLogo" href="{% url 'core:catalog_truck' %}?brand={{ main_brands.MITSUBISHI }}">
|
|
<img src="{% static 'img/admin/brand/logo-10.png' %}?v=1" alt="logo">
|
|
</a>
|
|
{% endif %}
|
|
</div><!-- /brand-cats -->
|
|
|
|
<div class="sliderNav gap-2">
|
|
<button class="navArrow navArrowPrev">
|
|
<svg>
|
|
<use xlink:href="{% static 'img/icons/icons.svg' %}?v=1#arrow-prev"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="navArrow navArrowNext">
|
|
<svg>
|
|
<use xlink:href="{% static 'img/icons/icons.svg' %}?v=1#arrow-next"></use>
|
|
</svg>
|
|
</button>
|
|
</div><!-- /sliderNav -->
|
|
|
|
</div>
|
|
|
|
<div class="swiper catalogSlider">
|
|
<div class="swiper-wrapper">
|
|
{% for lot in truck_lots %}
|
|
<div class="swiper-slide catalogSlide">
|
|
<div class="catalogCard catalogCardCar">
|
|
<a href="{{ lot.get_absolute_truck_url }}" class="catalogCardImg">
|
|
<img src="{{ lot.cover }}" alt="image">
|
|
</a>
|
|
<div class="catalogCardContent bg--gray1 p-4">
|
|
<div class="d-flex flex-column justify-content-between h-100">
|
|
<h5 class="catalogCardTitle"><a href="{{ lot.get_absolute_truck_url }}">{{ lot.full_title }}</a></h5>
|
|
<div class="d-block">
|
|
<div class="catalogCardPrice d-flex flex-wrap align-items-center gap-1 my-3">
|
|
<span class="catalogCardPrice--main">{{ lot.currency_price_readable }}</span>
|
|
<span class="catalogCardPrice--second caption">~{{ lot.rub_price }}</span>
|
|
</div><!-- /catalogCardPrice -->
|
|
<div class="d-flex gap-1 gap-lg-3 flex-wrap">
|
|
<span class="caption color-gray5">Лот {{ lot.lot }}</span>
|
|
<span class="caption color-gray5">{{ lot.auction }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- /catalogCard -->
|
|
</div><!-- /catalogSlide -->
|
|
{% endfor %}
|
|
|
|
</div>
|
|
</div>
|
|
<a href="{% url 'core:catalog_truck' %}" class="d-flex d-lg-none button button--brown gap-2 mt-4 catalogBtn">
|
|
Перейти в каталог
|
|
<img src="{% static 'img/icons/btn-arrow-white.svg' %}?v=1" alt="arrow">
|
|
</a>
|
|
|
|
</div>
|
|
</section> |