{% extends "_layouts/base.html" %}
{% load static %}

{% block title %}Каталог{% endblock %}

{% block add_css %}
    <link rel="stylesheet" href="{% static "css/catalog.css" %}">
{% endblock %}

{% block content %}
    <!-- HEADER -->
    {% include "_fragments/header.html" with active="catalog" %}

    {% if selected_category.id == None %}
        {% include '_fragments/breadcrumbs.html' with url_1='/' text_1='Главная' url_2='/catalog/' text_2='Каталог' %}
    {% else %}
        {% include '_fragments/breadcrumbs.html' with url_1='/' text_1='Главная' url_2='/catalog/' text_2='Каталог' text_3=selected_category.name %}
    {% endif %}

    <div class="container catalog-container">
        {% include 'catalog/_fragments/side-bar.html' with categories=categories %}

        {% include 'catalog/_fragments/item-list.html' with items=items %}
    </div>

    {% include "_fragments/footer.html" %}
{% endblock %}