{% extends 'base.html' %}
{% load i18n %}

{% block title %}{% trans "Conferences" %}{% endblock %}

{% block content %}
<section class="section fade-in">
  <div class="container">

    <h1 class="h2" data-i18n="conf_title">{% trans "Conferences" %}</h1>
    <p class="p" data-i18n="conf_l1">{% trans "International conferences and academic events attended by Munavvarkhon Mukhitdinova." %}</p>

    {% if conferences %}
    <div class="conferences-list">
      {% for conference in conferences %}
      <div class="conference-item">
        <div class="conference-header">
          <h3><a href="{% url 'conference_detail' conference.pk %}">{{ conference.title }}</a></h3>
          <span class="conference-type">{{ conference.get_conference_type_display }}</span>
        </div>
        <div class="conference-meta">
          <span class="location">{{ conference.location }}</span>
          <span class="date">{{ conference.date|date:"M d, Y" }}</span>
          <span class="organizer">{{ conference.organizer }}</span>
        </div>
        {% if conference.paper_title %}
        <p class="paper-title"><strong>{% trans "Paper" %}:</strong> {{ conference.paper_title }}</p>
        {% endif %}
        <p class="role"><strong>{% trans "Role" %}:</strong> {{ conference.role }}</p>
        {% if conference.link %}
        <p><a href="{{ conference.link }}" target="_blank" class="btn-small">{% trans "Conference Link" %}</a></p>
        {% endif %}
      </div>
      {% endfor %}
    </div>
    {% else %}
    <div class="no-content">
      <p>{% trans "No conferences found." %}</p>
    </div>
    {% endif %}

  </div>
</section>
{% endblock %}