{{ header }}{{ column_left }}
<div id="content">
  <div class="page-header">
    <div class="container-fluid">
      <div class="pull-right">
        <!-- <a href="{{ cancel }}" data-toggle="tooltip" title="{{ button_cancel }}" class="btn btn-default"><i class="fa fa-reply"></i></a> --></div>
      <h1>Conference Website</h1>
      <ul class="breadcrumb">
        {% for breadcrumb in breadcrumbs %}
        <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
        {% endfor %}
      </ul>
    </div>
  </div>
  <div class="container-fluid">
    {% if error_warning %}
    <div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> {{ error_warning }}
      <button type="button" class="close" data-dismiss="alert">&times;</button>
    </div>
    {% endif %}
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">User's Abstract</h3>
      </div>
      <div class="panel-body">
        {% if abstracts %}
        {% for key, abstract in abstracts %}
            <div class="col-md-12 text-left">
                <h4>{{ abstract.title}}</h4>
            
            <br><span><b>Presentation mode</b>:{{ abstract.presentation}}</span>
            <br><span><b>Session</b>:{{ abstract.session}}</span>
            <br><span><b>Status</b>:status</span>
            </div>
          <div class="col-md-12 text-left" style="border: 2px solid black; padding: 20px; margin: 5px;text-align: justify;">
            
            <p>{{ abstract.abstract}}</p>
          </div>
        {% endfor %}
        {% else %}
        <p>No Abstract Found!</p>
        {% endif %}
      </div>
    </div>
  </div>
</div>
{{ footer }}