union_auto_test/core/templates/experience_all.html

{% extends 'base.html' %}

{% load static %}
{% load filters %}
{% load thumbnail %}
{% block canonical %}
  {% if canonical %}
    <link rel="canonical" href="{{ domain }}{{ canonical }}{% if page %}?page={{ page }}{% endif %}" />
  {% endif %}
{% endblock %}
{% block content %}
			<section class="intro intro-page linear--black sect py-0" style="background-image: url({% static 'img/admin/exp/intro.jpg' %});">
  <div class="container min-h-unset">
    {% include 'includes/breadcrumbs.html' %}
    <div class="introW justify-content-start">
      <h1 class="h1 text--white introTitle mt-0 mb-4 mb-lg-3">
        Привезенные авто
      </h1>
      <p class="introDescr text--white" style="max-width: 525px;">
        Наши специалисты наладили поставки в регионы на самых выгодных условиях, более 10 000 клиентов с различных
        регионов России и стран СНГ остались довольны и готовы дать рекомендации по всем процессам и этапам сделки.
      </p>
      <a class="button button--brown introBtn" href="{% url 'core:catalog_japan' %}">Перейти в каталог</a>
    </div>
  </div>
  <img src="{% static 'img/admin/exp/intro.jpg' %}?v=1" alt="image" class="d-block d-md-none introImgSm">
</section>
			<section class="sect catalogSect pb-0">
  <div class="container">
    <h2 class="sectHead h2">
      Каталог успешно привезенных авто и техники
    </h2>
    <div class="changeCountry d-block d-lg-none">
      <div class="container">
        <div class="dropdown">
          <button class="button btn-secondary bg--gray2 dropdown-toggle mx-auto mb-2" type="button"
            data-bs-toggle="dropdown" aria-expanded="false">
            Все
          </button>
          <ul class="dropdown-menu">
            <li><a class="dropdown-item" href="{% url 'core:experience_all' %}">
                Все
              </a></li>
            <li><a class="dropdown-item" href="{% url 'core:experience_japan' %}">
                <img class="icon-flag" src="{% static 'img/admin/flag/jap.svg' %}?v=1" alt="japan">
                Япония
              </a></li>
            <li><a class="dropdown-item" href="{% url 'core:experience_korea' %}">
                <img class="icon-flag" src="{% static 'img/admin/flag/kor.svg' %}?v=1" alt="japan">
                Корея
              </a></li>
            <li><a class="dropdown-item" href="{% url 'core:experience_machinery' %}">
                <img class="icon-flag" src="{% static 'img/admin/flag/gruz.png' %}?v=1" alt="japan">
                Спецтехника
              </a></li>
          </ul>
        </div>
      </div>
    </div>
    <nav class="filterNav filterNav--gray p-2 d-none d-lg-block">
  <ul class="d-flex flex-wrap gap-4">
    <li class="active">
        <a class="d-flex align-items-center gap-2" href="{% url 'core:experience_all' %}">
          Все
        </a>
      </li>
    <li>
      <a class="d-flex align-items-center gap-2" href="{% url 'core:experience_japan' %}">
        <img src="{% static 'img/admin/flag/jap.svg' %}?v=1" alt="flag">
        Япония
      </a>
    </li>
    <li>
      <a class="d-flex align-items-center gap-2" href="{% url 'core:experience_korea' %}">
        <img src="{% static 'img/admin/flag/kor.svg' %}?v=1" alt="flag">
        Корея
      </a>
    </li>
    <li>
      <a class="d-flex align-items-center gap-2" href="{% url 'core:experience_machinery' %}">
        <img src="{% static 'img/admin/flag/gruz.png' %}?v=1" alt="flag">
        Спецтехника
      </a>
    </li>
  </ul>
</nav>

<div class="filterContent">
  <div class="row">
    <div class="col">
      <div class="inputW-sm-hide">
        <div class="d-flex d-lg-none justify-content-between mb-4">
          <h2 class="h2">Фильтры</h2>
          <button class="filterContentClose"><img src="{% static 'img/icons/close.svg' %}?v=1" alt="close"></button>
        </div>
      </div>
    </div>
  </div>

    <div class="justify-content-between sortW d-none d-lg-flex">
      <div class="d-flex align-items-center gap-2">
        <span class="h4">Найдено:</span>
        <span class="h4 color-gray5">{{ total_objects }} авто</span>
      </div>
    </div>

    <div class="row mt-4 catalogGrid">
      {% for lot in lots %}
      <div class="col-6 col-lg-4 col-xl-3 mb-3 mb-lg-4 catalogCardW">
        <div class="catalogCard catalogCardCar">
  <a href="{{ lot.get_absolute_url }}" class="catalogCardImg">
    <img src="{{ lot.cover.url }}" alt="image" loading="lazy">
  </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_url }}">{{ lot.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.total_cost_rub|readable_int }} ₽</span>
        </div><!-- /catalogCardPrice -->
      </div>
    </div>
  </div>
</div><!-- /catalogCard -->         
      </div>
    {% endfor %}
      
    </div>

    {% include 'includes/pagination.html' %}
    </div>
  

  </div>
  {% include 'includes/form.html' %}
  {% include 'includes/reviews.html' %}
  {% include 'includes/video.html' %}
  {% include 'includes/about.html' %}
{% endblock %}  
{% block js %}
{% endblock %}