{% 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>
            <small class="text-muted">{{ proposal.kind.name }}</small>
            {% if proposal.cancelled %}
            <small class="badge  badge-pill float-right badge-danger">Cancelled</small>
            {% else %}
              {% if request.user == proposal.speaker.user %}
                {% if proposal.result.status == "accepted" %}
            <small class="badge badge-pill float-right badge-success">Accepted</small>
                {% elif proposal.result.status == "rejected" %}
            <small class="badge  badge-pill float-right badge-danger">Rejected</small>
                {% elif proposal.result.status == "standby" %}
            <small class="badge  badge-pill float-right badge-warning">Standby</small>
                {% else %}
            <small class="badge  badge-pill float-right badge-default">Submitted</small>
                {% endif %}
              {% else %}
            <small class="badge  badge-pill float-right badge-default">Associated</small>
              {% endif %}
            {% endif %}
          </p>              
          <p>{{ proposal.abstract|truncatewords:40 }}</p>
        </div>
      </div>
      <div class="card-footer bg-primary">
        <a href="{% url "proposal_detail" proposal.pk %}">View Details</a>
        {% if not proposal.cancelled %}
        {% if request.user == proposal.speaker.user and proposal.can_edit %}
        <br/><a href="{% url "proposal_edit" proposal.pk %}">Edit</a>
        {% endif %}
        {% endif %}
      </div>
    </div>