<div class="col-xs-12 col-sm-6 col-lg-6">

  <div class="panel panel-primary"> <!-- Todo Make the colour relate to status of acceptance -->

    <div class="panel-heading">

      <h5>{{ proposal.title }}</h5>

    </div>

    <div class="panel-body">

      <ul>

        <li><strong>Type:</strong> {{ proposal.kind.name }}</li>

        <li>

          <strong>Status:</strong>

          {% if proposal.cancelled %}

          {% else %}

              {% if proposal.result.status == "accepted" %}

                <span class="label label-success">Accepted</span>

              {% else %}

                <span class="label label-default">Submitted</span>

              {% endif %}

              <span class="label label-default">Associated</span>

          {% endif %}

        </li>

      </ul>

      <div>

        <a class="btn btn-lg btn-success" role="button" href="{% url "proposal_detail" proposal.pk %}">View Details</a>

        {% if not proposal.cancelled %}

          {% if request.user == proposal.speaker.user and proposal.can_edit %}

            <a class="btn btn-lg btn-success" role="button" href="{% url "proposal_edit" proposal.pk %}">Edit</a>

            <a class="btn btn-lg btn-success" role="button" href="{% url "proposal_speaker_manage" proposal.id %}">Manage Additional Speakers</a>

          {% endif %}

      </div>

    </div>

</div>