{% extends "symposion/proposals/base.html" %}

{% load i18n %}

{% load bootstrap %}

{% block body %}

    <h1>{% trans 'Proposal:' %} {{ proposal.title }}</h1>

    <p>

      <a href="{% url "proposal_edit" proposal.pk %}">{% trans 'Edit proposal' %}

      </a>

    </p>

    <h2>{% trans 'Current Speakers' %}</h2>

    {% for speaker in speakers %}

        {% if speaker.user %}

            <p><b>{{ speaker.name }}</b> &mdash; {{ speaker.email }}</p>

        {% else %}

            <p>{{ speaker.email }} &mdash; {% trans 'pending invitation' %}</p>

        {% endif %}

    {% endfor %}

    <h2>{% trans 'Add another speaker' %}</h2>

    <form method="POST" action="" enctype="multipart/form-data">

        {% csrf_token %}

        {{ add_speaker_form|bootstrap }}

        <div class="form-action">

            <input type="submit" value="Add speaker" class="btn btn-primary" />

        </div>

    </form>

{% endblock %}

{% block extra_body %}

    <script type="text/javascript">

    $(function() {

        $("#id_email").focus();

    });

    </script>

{% endblock %}