{% extends 'common.html' %}
{% load static %}
{% load crispy_forms_tags %}

{% block title %}{{ title }}{% endblock title %}

{% block pre_content %}
    <div class="banner">
        <div class="container">
            <div class="banner__content">
                <img src="http://via.placeholder.com/1190x360" alt="Банер" class="img-responsive">
            </div>
        </div>
    </div>
{% endblock pre_content %}
{% block right_common_content %}
    <div class="content">
        {% if product_categories %}
            <div class="content__category">
                <ul class="content__category-list">
                    {% for category in product_categories %}
                        <li>
                            <a href="{% url 'products:product_list' path=category.get_path %}">{{ category.name }}</a>
                        </li>
                    {% endfor %}
                </ul>
            </div>
        {% endif %}
        <div class="content__banner align-items-center">
            <div class="banner__close">
                <button><img src="{% static 'img/close.svg' %}" alt=""></button>
            </div>
            <div class="banner__info">
                <div class="banner__title">Узнать подробнее о бонусных баллах и заработке на приглашенных друзьях.
                </div>
                <div class="banner__btn">
                    <a href="#" class="banner__link">Узнать подробнее</a>
                </div>
            </div>
            <div class="banner__image"><img src="{% static 'img/coins.png' %}" alt=""></div>
        </div>
        {% if manufacturer_list %}
            <div class="content__title">Выбор ПО по разработчику</div>
            <div class="selectPO">
                <div class="selectPO__list">
                    {% for manufacturer in manufacturer_list %}
                        <div class="selectPO__item">
                            <a href="{% url 'products:product_list' %}?manufacturer={{ manufacturer.slug }}">
                                {% if manufacturer.image %}
                                    <img src="{{ manufacturer.image.url }}" alt="{{ manufacturer.name }}">
                                {% else %}
                                    <h3>{{ manufacturer.name }}</h3>
                                {% endif %}
                            </a>
                        </div>
                    {% endfor %}
                </div>
            </div>
        {% endif %}
        {% if clients %}
            <div class="content__title">Наши клиенты</div>
            <div class="clients">
                <ul class="clients__list">
                    {% for client in clients %}
                        <li>
                            <div class="certificate">
                                {% if client.preview %}
                                    <img src="{{ client.preview.url }}" alt="{{ client.name }}">
                                {% else %}
                                    <h3>{{ client.name }}</h3>
                                {% endif %}
                            </div>
                        </li>
                    {% endfor %}
                </ul>
            </div>
        {% endif %}
        {% if certs %}
            <div class="content__title">Наши сертификаты</div>
            <div class="certificate__list">
                {% for cert in certs %}
                    <a href="{% if cert.image %}{{ cert.image.url }}{% endif %}" class="certificate__item">
                        {% if cert.preview %}
                            <img src="{{ cert.preview.url }}" alt="{{ cert.name }}">
                        {% else %}
                            <h3>{{ cert.name }}</h3>
                        {% endif %}
                    </a>
                {% endfor %}
            </div>
            </div>
        {% endif %}
{% endblock right_common_content %}