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

<div {% include "block_settings/blocks_settings.html" %}>
    <div class="cut-width">
        <div class="block_how_dev">
            <div class="large_txt block_how_dev_title px30_txt">{{ block.name }}</div>
            
            <div class="how_dev_container_widgets">
                {% for w in block.get_widgets %}
                    <div class="block_container_how_dev_widget">
                        <div class="how_dev_widget">
                            <div class="first_line_widget_how_dev">
                                <div class="medium_small_bold_txt how_dev_widget_txt">
                                    0{{ forloop.counter }}. {{ w.name }}
                                </div>
                            </div>
                            <div class="how_dev_widget_description standart_txt">
                                {{ w.description|safe|linebreaksbr }}
                            </div>
                            <div class="widget_how_dev_characters">
                                <div class="standart_semi_bold_txt widget_how_dev_characters_title">
                                    {% translate 'Участники' %}:
                                </div>
                                <div class="list_characters_widget_how_dev_container">
                                    <ul class="list_characters_widget_how_dev">
                                        {% for item_s in w.text|split_string_by_enter %}
                                            <li class="standart_txt">{{ item_s }}</li>
                                        {% endfor %}
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="how_dev_arrow_container">
                            {% if not forloop.last %}
                                <img class="img_how_arrow" src="{% static "images/how_dev_arrow.svg" %}">
                            {% endif %}
                        </div>

                    </div>
                {% endfor %}
            </div>
        </div>
    </div>
</div>