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

  <div class="card card-success border-primary mx-4 my-4">

{% elif proposal.result.status == "rejected" %}

  <div class="card card-danger border-primary mx-4 my-4">

{% elif proposal.result.status == "standby" %}

  <div class="card card-warning border-primary mx-4 my-4">

{% else %}

  <div class="card card-primary border-primary mx-4 my-4">

{% endif %}

  <div class="card-body">

      <h4 class="card-title text-primary">{{ proposal.title }}</h4>

	  <div class="card-text">

	      <p>

		  <ul>

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

		      <li>

			  <strong>Status:</strong>

			  {% if proposal.cancelled %}

			      <span class="label label-danger">Cancelled</span>

			  {% else %}

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

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

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

				  {% else %}

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

				  {% endif %}

			      {% else %}

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

			      {% endif %}

			  {% endif %}

		      </li>

		  </ul>

	      </p>

	  </div>

  </div>

  <div class="card-footer bg-primary">

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

      {% if not proposal.cancelled %}

	  <a class="btn btn-lg btn-success" role="button" href="{% url "proposal_pending_join" proposal.id %}">Accept Copresenter Invitation</a>

	  <a class="btn btn-lg btn-danger" role="button" href="{% url "proposal_pending_decline" proposal.id %}">Decline Copresenter Invitation</a>

      {% endif %}

  </div>