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

{% block title %}{{ conference.title }}{% endblock %}

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

    <div class="conference-detail">
      <h1 class="h2">{{ conference.title }}</h1>

      <div class="conference-meta">
        <p class="type"><strong>{% trans "Type" %}:</strong> {{ conference.get_conference_type_display }}</p>
        <p class="location"><strong>{% trans "Location" %}:</strong> {{ conference.location }}</p>
        <p class="date"><strong>{% trans "Date" %}:</strong> {{ conference.date|date:"F d, Y" }}</p>
        <p class="organizer"><strong>{% trans "Organizer" %}:</strong> {{ conference.organizer }}</p>
        <p class="role"><strong>{% trans "Role" %}:</strong> {{ conference.role }}</p>
        {% if conference.paper_title %}
        <p class="paper"><strong>{% trans "Paper Title" %}:</strong> {{ conference.paper_title }}</p>
        {% endif %}
      </div>

      {% if conference.link %}
      <div class="conference-links">
        <a href="{{ conference.link }}" target="_blank" class="btn">{% trans "Conference Website" %}</a>
        {% if conference.certificate %}
        <a href="{{ conference.certificate.url }}" target="_blank" class="btn">{% trans "View Certificate" %}</a>
        {% endif %}
      </div>
      {% endif %}

    </div>

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