<div class="pp-multiple-authors-wrapper {{ css_class }} pp-multiple-authors-layout-{{ layout }}">
    {% if show_title %}
        <h2 class="widget-title">{{ title }}</h2>
    {% endif %}

    <ul>
        {% for author in authors %}
            <li class="author_index_{{ loop.index }}">
                <div>
                    {% if author.get_avatar %}
                        {{ author.get_avatar(80)|raw }}
                    {% else %}
                        {{ get_avatar(author.user_email, 80)|raw }}
                    {% endif %}
                </div>
                <div>
                    <div class="multiple-authors-name">
                        <a href="{{ author.link }}" class="{{ item_class }}" rel="author">{{ author.display_name }}</a>
                    </div>
                    {% if author.description %}
                        <p class="multiple-authors-description">{{ author.description|raw }}</p>
                    {% endif %}

                    <p class="multiple-authors-links">
                        <a href="{{ author.link }}">
                            <span>{{ __('View all posts', 'publishpress-authors') }}</span>
                        </a>

                        {% if show_email and author.user_email %}
                            <a href="mailto:{{ author.user_email }}" target="_blank" rel="noopener"><span
                                        class="dashicons dashicons-email-alt"></span></a>
                        {% endif %}

                        {% if show_site and author.user_url %}
                            <a href="{{ author.user_url }}" target="_blank" rel="noopener"><span
                                        class="dashicons dashicons-admin-links"></span></a>
                        {% endif %}
                    </p>
                </div>
            </li>
        {% endfor %}
    </ul>
</div>
