{% extends 'edc_base/base.html' %}

{% load static %}

{% block main %}

 <div class="container">

    <div class="col-md-8">
          <div class="panel panel-default">
            <div class="panel-heading">Protocol</div>
                <div class="panel-body">
                    <ul class="list-group">
                    <li class="list-group-item">Protocol: {{ protocol }}</li>
                    <li class="list-group-item">Number: {{ protocol_number }}</li>
                    <li class="list-group-item">Name: {{ protocol_name }}</li>
                    <li class="list-group-item">Title: {{ protocol_title }}</li>
                    </ul>
                </div>
          </div>


    </div>

    <div class="col-md-4">
    
          <div class="panel panel-default">
            <div class="panel-heading">Dates</div>
                <div class="panel-body">
                    <ul class="list-group">
                    <li class="list-group-item">Study open date: {{ study_open_datetime|date:"Y-m-d" }}</li>
                    <li class="list-group-item">Study close date: {{ study_close_datetime|date:"Y-m-d" }}</li>
                  </ul>
                </div>
          </div>

    </div>

</div> <!-- container -->
{% endblock main %}