{% load static %}
<div {% include "block_settings/blocks_settings.html" %}>
    <div class="cut-width">
        <div class="plugin_container">
            <div class="plugin_container_content">
                <div class="left_part_plugin_container">
                    {% if block.pre_title %}
                        <div class="semi_large_light">{{ block.pre_title }}</div>
                    {% endif %}
                    {% if block.name %}
                        <div class="large_txt plugin_txt">{{ block.name }}</div>
                    {% endif %}
                    {% if block.picture %}
                    	<picture class="picture_tag_standart">
                            <source srcset="{{ MEDIA_URL }}{{ block.picture }}">
                            <img class="logo_3d_sec_designer_mobile" src="{{ MEDIA_URL }}{{ block.picture }}">
                        </picture>
                    {% endif %}
                    {% if block.description %}
                        <div class="semi_large_semi_light{% if block.but1_title or block.but2_title or block.but1_icon or block.but2_icon %} plugin_description{% endif %}">
                            {{ block.description|linebreaksbr }}
                        </div>
                    {% endif %}
                    {% if block.but1_title and block.but2_title %}
                    <div class="flex_container_buttons_3d_security_designer">
                    {% endif %} 
                        {% if block.but1_title or block.but1_icon %}
                            <button class="btn_download_plugin pointer" onclick="redirectToDownloadPlugin()">
                                <div class="container_content_btn_download">
                                    {% if block.but1_icon %}
                                        <div class="left_part_btn">
                                            <img src="{{ MEDIA_URL }}{{ block.but1_icon }}" class="img_download_f_btn" />
                                        </div>
                                    {% endif %}
                                    {% if block.but1_title %}
                                        <div class="standart_semi_bold_txt right_part_btn">{{ block.but1_title }}</div>
                                    {% endif %}
                                    <div class="clear_both"></div>
                                </div>
                            </button>
                        {% endif %}
                        {% if block.but2_title or block.but2_icon %}
                            <button class="btn_inf_about_plugin pointer" onclick="transitToDocumentation()">
                                <div class="container_content_btn_download">
                                    {% if block.but2_icon %}
                                        <div class="left_part_btn">
                                            <img src="{{ MEDIA_URL }}{{ block.but2_icon }}" class="img_download_f_btn">
                                        </div>
                                    {% endif %}
                                    {% if block.but2_title %}
                                        <div class="btn_inf_about_plugin_txt standart_semi_bold_txt">
                                            {{ block.but2_title }}
                                        </div>
                                    {% endif %}
                                    <div class="clear_both"></div>
                                </div>
                            </button>
                        {% endif %}
                    {% if block.but1_title and block.but2_title %}
                    </div>
                    {% endif %} 
                </div>
                {% if block.picture %}
                    <div class="right_part_plugin_container">
                        <img class="logo_3d_sec_designer" src="{{ MEDIA_URL }}{{ block.picture }}">
                    </div>
                {% endif %}
            </div>
        </div>
    </div>
</div>