{% load i18n thumbnail %}

{% block content %}
  <div class="wf100 usermenu">
    <ul>
      {% if sub_menus %}
        {% for obj in sub_menus %}
          <li {% if request.path == obj.url %}class="active"{% endif %}>
            <a class="c1" href="{{ obj.url }}" {% if obj.is_blank %} target="_blank" {% endif %}>
              {{ obj.text }}
            </a>
          </li>
        {% endfor %}
      {% elif user_menus %}
        {% for obj in user_menus %}
          <li><a class="c1" href="{{ obj.url }}" {% if obj.is_blank %} target="_blank" {% endif %}>{{ obj.text }}</a></li>
        {% endfor %}
      {% endif %}
    </ul>
  </div>
  {% for obj in banners %}
    <div class="latest-updates">
      {% if obj.show_text %}
        <h6 class="">{{ obj.text }}</h6>
      {% endif %}
      {% if obj.video %}
        <iframe style="display: block;" width="100%" src="https://www.youtube.com/embed/{{ obj.video }}?showinfo=0&controls=1"
                frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      {% elif obj.image %}
        {% if obj.link %}
          <a href="{{ obj.link }}" target="_blank"><img src="{{ obj.image.url }}" width="100%"></a>
        {% else %}
          <a href="{{ obj.image.url }}" target="_blank"><img src="{{ obj.image.url }}" width="100%"></a>
        {% endif %}
      {% endif %}
    </div>
  {% endfor %}
  <div class="latest-updates">
    <h6>{% trans 'Их уншсан мэдээ' %}</h6>
    <ul>
      {% for post in most_posts %}
        <li>
          <strong>
            <a href="{% url 'post_detail' post.id %}">{{ post.title|truncatechars:62 }}</a>
          </strong>
          <span class="post-date">{{ post.date|date }}</span>
        </li>
      {% endfor %}
    </ul>
  </div>
{% endblock %}