{% set user = user or user_dict %}
{% set orgs_available = h.organizations_available(permission='manage_group',
  include_dataset_count=True,
  include_member_count=True,
  user=user.name)
%}
{% set groups_available = h.groups_available(am_member=True,
  include_dataset_count=True,
  include_member_count=True,
  user=user.name)
%}

{%- call ui.util.call(ui.sidebar_section, title=_("Details"), attrs={"id": "user-info"}) -%}
    {% block secondary_content_inner %}
        {% block user_image %}
            <div class="image">
                {{ h.user_image(user.id, size=270) }}
            </div>
        {% endblock %}

        <div class="nsw-content-block nsw-m-top-xs">
            <div class="nsw-content-block__title">{{ user.display_name }}</div>
            <div class="nsw-content-block__content">
                {% block user_about %}
                    {{ about_formatted or ui.empty(_("You have not provided a biography.") if is_myself else _("This user has no biography."))}}
                {% endblock %}
            </div>
        </div>

        {% if not is_myself and current_user.is_authenticated %}
            <div class="nsw-m-top-xs">
                {% block user_follow %}
                    {{ ui.alert(error_message, style="danger") if error_message }}
                    {% if am_following %}
                        {{ ui.button(_('Unfollow'), style="secondary", icon="bell-slash", hx={"post": h.url_for('user.unfollow', id=user.id), "target": "#user-info"}, _extra_class="nsw-width-100") }}

                    {% else %}
                        {{ ui.button(_('Follow'), icon="bell", style="secondary", hx={"post": h.url_for('user.follow', id=user.id), "target": "#user-info"}, _extra_class="nsw-width-100") }}
                    {% endif %}
                {% endblock %}
            </div>
        {% endif %}

        {% block user_nums %}
            {% set num_followers = h.follow_count('user', user.id) %}
            {%- call ui.util.call(ui.table, striped=true, adaptive=true, condensed=true, _extra_class="profile-nums") -%}
                <tbody>
                    <tr>
                        <th>{{ _('Followers') }}</th>
                        <td>{{ h.SI_number_span(num_followers) }}</td>
                    </tr>
                    <tr>
                        <th>{{ h.humanize_entity_type('package', dataset_type, 'facet label') or _('Datasets') }}</th>
                        <td>{{ h.SI_number_span(user.number_created_packages) }}</td>
                    </tr>
                    <tr>
                        <th>{{ h.humanize_entity_type('organization', org_type, 'facet label') or _('Organizations') }}</th>
                        <td>{{ orgs_available | count }}</td>
                    </tr>
                    <tr>
                        <th>{{ h.humanize_entity_type('group', group_type, 'facet label') or _('Groups') }}</th>
                        <td>{{ groups_available | count }}</td>
                    </tr>
                </tbody>
            {%- endcall %}
        {% endblock %}

        {% block user_info %}
            <div class="info">
                <dl>
                    <dt>{{ _('Username') }}</dt>
                    <dd>{{ user.name }}</dd>
                </dl>
                {% if is_myself %}
                    <dl>
                        <dt>
                            {%- call ui.util.call(ui.tooltip, tooltip=_('This information is private and visible only to you')) -%}
                                {{ _('Email') }}
                            {%- endcall %}
                            {{ ui.badge(_('Private'), style="info") }}
                        </dt>
                        <dd>{{ user.email }}</dd>
                    </dl>
                {% endif %}
                <dl>
                    <dt>{{ _('Member Since') }}</dt>
                    <dd>{{ h.render_datetime(user.created) }}</dd>
                </dl>
                {% if current_user.sysadmin %}
                    <dl>
                        <dt>{{_('Last Active') }}</dt>
                        <dd>{{ ui.datetime(user.last_active, relative=true, empty=_("Never")) }}</dd>
                    </dl>
                {% endif %}
                <dl>
                    <dt>{{ _('State') }}</dt>
                    <dd>{{ _(user.state) }}</dd>
                </dl>
            </div>
        {% endblock %}
    {% endblock %}
{%- endcall %}