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

{% load bootstrap_tags %}

{% block body %}
    <h1>Proposal: {{ proposal.title }}</h1>
    
    <p><a href="{% url proposal_edit proposal.pk %}">Edit proposal</a></p>
    
    <h2>Current Speakers</h2>
    
    {% for speaker in speakers %}
        {% if speaker.user %}
            <p><b>{{ speaker.name }}</b> &mdash; {{ speaker.email }}</p>
        {% else %}
            <p>{{ speaker.email }} &mdash; pending invitation</p>
        {% endif %}
    {% endfor %}
    
    <h2>Add another speaker</h2>
    
    <form method="POST" action="" enctype="multipart/form-data" class="uniForm">
        {% csrf_token %}
        {{ add_speaker_form|as_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 %}