{% load static %}
{% load i18n %}

<div class="el_container_projects_slider{% if forloop.counter0 == 0 %} show{% else %} hide{% endif %}" data-index-slide-proj="{{ forloop.counter }}" data-count-slides-proj="{{ page.get_projects|length }}">
    <div class="left_part_proj">
        <div class="title_proj">{% translate "Выполненные проекты" %}</div>
        <div class="name_proj">{{ project.name }}</div>
{#        <div class="task_title">{% translate "Задача" %}</div>#}
        <div class="task_description">{{ project.description|safe|linebreaksbr }}</div>
    </div>
    <div class="right_part_proj">
        <img class="img_proj" src="{{ MEDIA_URL }}{{ project.picture }}" alt="">
    </div>
    <div class="mobile_switchers_f_projects">
        <picture>
            <source srcset="{% static "images/arrow_white_left.svg" %}">
            <img onclick="changeSlideProject(this,'back')" class="left_arrow_f_projects_mobile" src="{% static "images/arrow_white_left.svg" %}">
        </picture>
        <span class="counter_elements_projects_slider">{{ forloop.counter }} / {{ page.get_projects|length }}</span>
        <picture>
            <source srcset="{% static "images/arrow_white_right.svg" %}">
            <img onclick="changeSlideProject(this,'next')" class="right_arrow_f_projects_mobile" src="{% static "images/arrow_white_left.svg" %}">
        </picture>
    </div>
</div>