{% extends 'base.html' %}
{% load static %}

{% block content %}
<script src="{% static 'js/datatables.min.js' %}"></script>
<link rel="stylesheet" href="{% static 'css/datatables.min.css'  %}" />
<link rel="stylesheet" href="{% static 'css/bootstrap-table.min.css'  %}" />
<link rel="stylesheet" href="{% static 'css/research-supervision.css'  %}" />

<script type="text/javascript" language="javascript"
  src="{% static 'js/dataTables.responsive.js' %}"></script>
<link rel="stylesheet" href="{% static 'css/dataTables.responsive.css' %}" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css">

<script src="{% static 'js/research-supervision.js' %}"></script>

<div class="container-fluid">
    <div class="degreeAwardedInfo">
    <p>PhD : <span id="phdAwarded" >Awarded: {{phdAwarded}},</span>
        <span id="phdSubmitted" >Submitted: {{phdSubmitted}},</span>
        <span id="phdInProgress" >In-Progress: {{phdInProgress}}</span></p>
    <p>MTech/M.Sc: <span id="mtechAwarded" >Awarded: {{mtechAwarded}},</span>
        <span id="phdSubmitted" >Submitted: {{mtechSubmitted}},</span>
        <span id="phdInProgress" >In-Progress: {{mtechInProgress}}</span></p>
</div>
    <div class="accordion" id="accordionExample">
        {% regroup researchSupervision|dictsort:"group_type" by group_type as group_list %}
        {% for researchSupervision in group_list %}
        <div class="item">
            <div class="item-header" id="heading{{researchSupervision.grouper.value}}">
                <h2 class="mb-0">
                   <button class="btn btn-link {% if researchSupervision.grouper.value != 1%}collapsed{% endif %}" 
                   type="button" data-toggle="collapse"
                      data-target="#collapse{{researchSupervision.grouper.value}}" 
                      aria-expanded="{% if researchSupervision.grouper.value != 1%}false {% else  %} true{% endif %}" 
                      aria-controls="collapse{{researchSupervision.grouper.value}}">
                       {{ researchSupervision.grouper }}
                   <i class="fa fa-angle-down"></i>
                   </button>
                </h2>
             </div>

            <div id="collapse{{researchSupervision.grouper.value}}"
            class="collapse show {% if researchSupervision.grouper.value == 1%}show{% endif %}" 

                aria-labelledby="heading{{researchSupervision.grouper.value}}" 
                data-parent="#accordionExample">
                <div class="t-p">
                    <table id="researchSupervisionTable_{{researchSupervision.grouper.value}}" class="display prTable" cellspacing="0" width="100%">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Title</th>
                                <th>Year</th>
                                <th>Co-Supervisor</th>
                                <th>Status</th>
                                <th style="display:none;">Year End</th>

                            </tr>
                        </thead>
                        <tbody>
                            {% for proj in researchSupervision.list %}  
                            <tr>
                                <td>{{proj.name}}</td>
                                <td>{{proj.title}}</td>
                                <td>{% if proj.year_start  %}{{proj.year_start}} {% endif %}
                                    {% if proj.year_end and proj.year_start and not proj.is_in_progress %} - {% endif %}
                                     {% if proj.year_end and not proj.is_in_progress  %}
                                     {{proj.year_end}}
                                     {% endif %}</td>
                                <td>{{proj.co_supervisor}}</td>
                                <td>{{proj.process_type}}</td>
                                <td style="display:none;">{{proj.year_end}}</td>
                            </tr>
                            {% endfor %}

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
   
{% endfor %}

</div>
</div>



{% endblock %}