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

{% get_social_media as social_media %}
{% if social_media %}       
<div class="card h-100 border-0">
  <div class="card-body">
    <h6 class="card-title fw-bold">{% trans "Follow us" %}</h6>

    <div class="d-flex flex-row flex-md-column">
      {% for medium in social_media %}
        <a href="{{ medium.url }}"
           class="me-3 me-md-0 mb-md-2"
           target="_blank"
           rel="noopener">
          <img src="{% static medium.logo %}"
               alt="{{ medium.name }}"
               height="20">
        </a>
      {% endfor %}
    </div>

  </div>
</div>
{% else %}
{% if request.user.is_authenticated and request.user.is_staff %}
<div class="alert alert-info">
  {% url 'dashboard:social_media_new' as social_media_url %}
{% blocktrans with url=social_media_url %}Add <a href="{{ url }}">social media links</a> in the dashboard to display them here.{% endblocktrans %}
</div>
{% endif %}
{% endif %}