{% extends 'base.html' %}
{% load customtags %}
{% load static %}
{% block contentbody %}
<style>
   .hidden {
      display: none
   }

   .table th,
   .table td,
   .table tr {
      border-top: none !important;
   }

   div[class*="vr"] {
      background: #FFF;
      border: 1px solid #F0F0F0;
      border-left: 2px solid #3BAFDA;
      border-radius: 4px;
      padding: 1em;
      margin: .5em 0;
      overflow: auto;
      max-height: 250px;
      position: relative;
   }

   #comment-box {
      background-color: #a69f9b;
      ;
      position: relative;
      padding: 20px;
      color: black;
   }

   #comment-box::after {
      content: "";
      position: absolute;
      height: 25px;
      width: 25px;
      bottom: -25px;
      left: 90%;
      background-color: #a69f9b;
      clip-path: polygon(0 0, 100% 0, 100% 100%);
   }

</style>
<div>
   <div class="scrollable position-relative ps-container ps-theme-default " style="height:100%;"
      data-ps-id="825bc4f5-204b-14d1-9102-3e0c389df1dc">
      <div id="accordion2" class="accordion" role="tablist" aria-multiselectable="true" style="padding-bottom: 10px">
         <div class="card">
            <div class="card-header p-0" role="tab" id="headingTwo">
               <h5 class="mb-0">
                  <a data-toggle="collapse" data-parent="#accordion2" href="#collapse2" aria-expanded="true"
                     aria-controls="collapseTwo">
                     <div class="card-header bg-info">
                        <h4 class="mb-0 text-white">{{obj.student_name|upper}} | Enq-{{obj.id}}</h4>
                     </div>
                  </a>
               </h5>
            </div>
            <div id="collapse2" class="collapse" role="tabpanel" aria-labelledby="headingTwo">
               <div class="card-body p-15">
                  <!-- <div class="card-header bg-info">
                     <h4 class="mb-0 text-white">Personal Info</h4>
                  </div> -->
                  <div class="card-body bg-white">
                     <table class="table table-striped bg-light">
                        <tbody>
                           <tr>
                              <td>
                                 <strong style="color:green">Enquiry No.:</strong>
                              </td>
                              <td>Enq-{{obj.id}}</td>
                              <td></td>
                              <td></td>
                           </tr>
                           <tr>
                              <td>
                                 <strong>Student Name:</strong>
                              </td>
                              <td>{{obj.student_name|upper}}</td>
                              <td>
                                 <strong>Student DOB:</strong>
                              </td>
                              <td>{{obj.dob}}</td>
                           </tr>
                           <tr>
                              <td>
                                 <strong>Student Phone:</strong>
                              </td>
                              <td>{{obj.mobile_number}}</td>
                              <td>
                                 <strong>Student Address:</strong>
                              </td>
                              <td>{{obj.address}}</td>
                           </tr>
                           <tr>
                              <td>
                                 <strong>Student Email:</strong>
                              </td>
                              <td> {{obj.email}}</td>
                              <td>
                                 <strong>Marital Status:</strong>
                              </td>
                              <td>{{obj.marital_status}}</td>
                           </tr>
                           <tr>
                              <td>
                                 <strong>Enquiry Mode</strong>
                              </td>
                              <td>{{obj.otherdetails.enquiry_mode}}</td>
                              <td>
                                 <strong>Company Name:</strong>
                              </td>
                              <!-- <td>{{obj.createdby.first.company_name.all}}</td> -->
                              <td>{{created_by}}</td>
                              <!-- {% if obj.createdby.company_name %}
                                    <td>{{obj.company_name}}</td>
                                 {%else%}
                                    <td>-</td>
                                 {%endif%} -->
                           </tr>
                           <tr>
                              <td></td>
                              <td></td>
                           </tr>


                        </tbody>
                     </table>

                     
                  </div>

                  <div class="card-header bg-info">
                     <h4 class="mb-0 text-white">Academic Information</h4>
                  </div>
                  <table class="table table-striped">
                     <tbody>
                        <tr>
                           {% if  obj.previousacademicdetail_set.first.program_level == "10 Plus 2 | A Level" %}
                           <th>Last Q: </th>
                           <th>Grade: </th>
                           <th>Pass Year</th>
                           <th>Stream:</th><br>
                        <tr>
                           <td>{{obj.previousacademicdetail_set.first.program_level}}</td>
                           <td>{{obj.previousacademicdetail_set.first.grade_percentage}}</td>
                           <td>{{obj.previousacademicdetail_set.first.passed_year}}</td>
                           <td>{{obj.previousacademicdetail_set.first.stream}}</td>
                        </tr>

                        {% elif obj.previousacademicdetail_set.first.program_level == "Diploma | PCL" %}
                        <th>Last Q:</th>
                        <th>Grade:</th>
                        <th>Pass Year:</th>
                        <!-- <th>Stream:</th> -->
                        <th>Degree:</th>
                        <th>Awarding body:</th>
                        <th>Duration:</th>
                        <tr>
                           <td>{{obj.previousacademicdetail_set.first.program_level}}</td>
                           <td>{{obj.previousacademicdetail_set.first.grade_percentage}}</td>
                           <td>{{obj.previousacademicdetail_set.first.passed_year}}</td>
                           <!-- <td>{{obj.previousacademicdetail_set.first.stream}}</td> -->
                           <td>{{obj.previousacademicdetail_set.first.degree_name}}</td>
                           <td>{{obj.previousacademicdetail_set.first.awarding_body}}</td>
                           <td>{{obj.previousacademicdetail_set.first.duration}} years</td>
                        </tr>
                        {% else %}
                        <th>Last Q:</th>
                        <th>Grade:</th>
                        <th>Pass year:</th>
                        <th>Degree:</th>
                        <th>Uni:</th>
                        <th>Duration:</th>
                        <tr>
                           <td>{{obj.previousacademicdetail_set.first.program_level}}</td>
                           <td>{{obj.previousacademicdetail_set.first.grade_percentage}}</td>
                           <td>{{obj.previousacademicdetail_set.first.passed_year}}</td>
                           <td>{{obj.previousacademicdetail_set.first.degree_name}}</td>
                           <td>{{obj.previousacademicdetail_set.first.awarding_body}}</td>
                           <td>{{obj.previousacademicdetail_set.first.duration}} years</td>
                        </tr>
                        {% endif %}
                        <!-- <th scope="col">#</th> -->
                        <!-- <th><strong>Program Level</strong>	</th>
                            <th><strong>Grade / %:</strong></th>
                            <th><strong>Pass Year:</strong></th>
                            <th><strong>Degree:</strong></th>
                            <th><strong>Stream:</strong></th>
                         </tr>
                        <tr>
                           <td> {{personal_info.previousacademicdetail_set.first.program_level}}</td>
                           <td>{{personal_info.previousacademicdetail_set.first.grade_percentage}}%</td>
                           <td>{{personal_info.previousacademicdetail_set.first.passed_year}}</td>
                           <td>{{personal_info.previousacademicdetail_set.first.degree_name}}</td>
                           <td>{{personal_info.previousacademicdetail_set.first.stream}}</td> -->
                        </tr>
                     </tbody>
                  </table>
               </div>
               <br />
               <div class="card-body">
                  <div class="card-header bg-info">
                     <h4 class="mb-0 text-white">Test Score</h4>
                  </div>
                  <div class="row" style="font-size: 14px;padding-top: 10px;">
                     <div class="col-md-4">
                        <div style="padding-bottom: 10px;">
                           English Test
                        </div>

                        <div>
                           Standarized Test
                        </div>
                     </div>
                     <div class="col-md-4">
                        <div style="padding-bottom: 10px;">
                           {{score.english_test}}
                        </div>
                        <div>
                           {{score.standarized_test}}
                        </div>
                     </div>
                     <div class="col-md-2">
                        <div style="padding-bottom: 10px;">
                           <input type="text" value="{{score.secured_points}}" disabled>
                        </div>
                        <div>
                           <input type="text" value="{{score.standrized_points}}" disabled>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="card-body">
                  <div class="card-header bg-info">
                     <h4 class="mb-0 text-white">Program Interested For</h4>
                  </div>
                  <div class="row">
                     <div class="col-md-5">
                        <table class="table table-hover table-striped">
                           <tbody>
                              <tr>
                                 <!-- <th scope="col">#</th> -->
                                 <th><strong>Country Preference </strong> </th>
                                 <th><strong>Program Level </strong> </th>
                                 <th><strong>Program Details </strong></th>
                              </tr>
                              <tr>
                                 {% for enq in obj.programinterestedfor.all %}
                                 <!-- <th scope="row">1</th> -->
                                 <td>{{obj.preference_country}}</td>
                                 <td>{{enq.pg_level}}</td>
                                 <td>
                                    {% for detail in obj.programinterestedfor.first.pgcoursedetail.all %}
                                    {{detail}}<br />
                                    {% endfor %}
                                 </td>
                                 {% endfor %}
                              </tr>
                           </tbody>
                        </table>
                     </div>
                  </div>
               </div>
               <!-- SPECIAL NOTES MATHI-->
               <div class="card-body">
                  <div class="card-header bg-info">
                     <h4 class="mb-0 text-white">Special Notes</h4>
                  </div>
                  <div class="row">
                     <div class="col-md-12">
                        <p style="font-size: 12px;padding-top: 10px;">{{obj.otherdetails.special_notes|linebreaksbr}}</p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         {% if obj.enquiry_status == 'enq'%}
                     <div class="col-md-12 text-center" style="margin-bottom: 10px">
                        <button type="button" class="btn waves-effect waves-light btn-info btn-sm" data-toggle="modal"
                           data-target=".enrollment">Abroad Study</button>
                        <button type="button" class="btn waves-effect waves-light btn-warning btn-sm"
                           data-toggle="modal" data-target=".enrollment">Test Prep</button>
                     </div>
                     {% else %}
                     <div class="col-md-12 text-right" style="margin-bottom: 10px">
                        <button type="button" class="btn waves-effect waves-light btn-info btn-sm" data-toggle="modal"
                           data-target=".enrollment">Add University</button>

                     </div>
                     {% endif %}
      </div>
   </div>
   <br />

   <div class="row">
      <div class="col-lg-12">
         <div class="card">
            <div id="accordion11" class="accordion" role="tablist" aria-multiselectable="true">
               <div class="card">
                  <div class="card-header bg-info" role="tab" id="headingTwo">
                     <h5 class="mb-0">
                        <a class='text-white' data-toggle="collapse" data-parent="#accordion11" href="#collapse11"
                           aria-expanded="true" aria-controls="collapseTwo">
                           Counselor Updates
                        </a>
                     </h5>
                  </div>
                  <div id="collapse11" class="collapse show" role="tabpanel" aria-labelledby="headingTwo">
                     <div class="card-body">


                        Assigned to : {{obj.assign_to}}
                        {% if request.user.is_staff %}
                        <div>
                           <form action="/assignuser/{{obj.id}}" method="post">
                              {% csrf_token %}
                              <label for="assigned">
                                 Assign New
                              </label>
                              {{ assignform.assign_to }}
                              <!-- {{ assignform.username }} -->
                              <!-- {{ assignform.assign_to.username }} -->
                              <!-- <br> -->
                              <input class="btn btn-primary" type="submit" value="Update">
                           </form>
                        </div>
                        {% endif %}
                        <br>
                        Application Status : {{obj.applieduniversity_set.first.application_status}}
                        <!-- obj.programinterestedfor.first.pgcoursedetail.all -->
                        {% if request.user.is_staff %}
                        <div>
                           <form action="/assign_app_status/{{obj.id}}" method="post">
                              {% csrf_token %}
                              <label for="app_status">
                                 Application Status
                              </label>
                              {{app_stat.application_status}}
                              <!-- <br> -->
                              <input class="btn btn-primary" type="submit" value="Update">
                           </form>
                        </div>
                        {% endif %}
                     </div>
                  </div>
                  <br />
                  <div class="row">
                     <div class="col-lg-12">
                        <div class="card">
                           <div id="accordion3" class="accordion" role="tablist" aria-multiselectable="true">
                              <div class="card">
                                 <div class="card-header bg-info " role="tab" id="headingTwo">
                                    <h5 class="mb-0">
                                       <a class="text-white" data-toggle="collapse" data-parent="#accordion2"
                                          href="#collapse3" aria-expanded="true" aria-controls="collapseTwo">
                                          Required Document to Upload & Status
                                       </a>
                                    </h5>
                                 </div>
                                 <div id="collapse3" class="collapse show" role="tabpanel" aria-labelledby="headingTwo">
                                    <div class="card-body">

                                       {% if obj.assign_to.id == request.user.id or request.user.is_staff %}
                                       <div class="form-errors">{{ forms.non_form_errors }}</div>
                                       <form id="upload_form" action="#" enctype='multipart/form-data' method="POST">
                                          {% csrf_token %}
                                          <!-- <div class="row">
                              <div class="col-5">
                                  <label for="id_docs_type">
                                      {{form.docs_type.label}}
                                  </label>
                                 {{form.docs_type}}
                              </div>
                              <div class="w-50"></div>
                              <div class="col-7">
                                  <label for="id_docs_type">
                                      {{form.upload.label}}
                                  </label>
                                 {{form.upload}}
                                 {{form.file_of}}
                              </div>  
                              </div> -->
                                          {{form.as_p}}
                                          <br />
                                          <input type="submit" class="btn btn-primary btn-sm" value="Submit">
                                       </form>
                                       {% endif %}
                                       <div class="table-responsive">
                                          <table class="table table-striped">
                                             <thead class="bg-secondary text-white">
                                                <tr>
                                                   <th scope="col">SN</th>
                                                   <th scope="col">Documents</th>
                                                   <!-- <th scope="col">Status</th> -->
                                                   <th scope="col">Download</th>
                                                </tr>
                                             </thead>
                                             <tbody id="tbody">
                                                {% for each in docs%}
                                                <tr id="{{each.id}}" value="{{each.id}}">
                                                   <th>{{each.id}}</th>
                                                   <td>{{each.docs_type__rdod_name}}</td>
                                                   <!-- <td>    
                                       {{each.docs_type__rdod_document_type}}
                                    </td> -->
                                                   <td>
                                                      <a href="{% url 'enq:download-file' each.upload %}">
                                                         <i class="m-r-10 mdi mdi-download"></i>
                                                      </a>
                                                   </td>
                                                   <td>
                                                      <form class="file_del" method="POST">
                                                         {% csrf_token %}
                                                         <input type="submit" href="{% url 'enq:del-file' each.id %}"
                                                            class="btn btn-danger btn-sm" value="delete">
                                                      </form>
                                                   </td>
                                                </tr>
                                                {% endfor %}
                                             </tbody>
                                          </table>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  {% if applied_uni_list %}
                  <div class="row">
                     <div class="col-lg-12">
                        <div id="appliedUni" class="accordion" role="tablist" aria-multiselectable="true">
                           <div class="card-header bg-info" role="tab" id="headingOne">
                              <h5 class="mb-0">
                                 <a class="text-white" data-toggle="collapse" data-parent="#appliedUni"
                                    href="#collapseapplication" aria-expanded="true" aria-controls="collapseOne">
                                    Applied University
                                 </a>
                              </h5>
                           </div>
                           <div id="collapseapplication" class="collapse show" role="tabpanel"
                              aria-labelledby="headingOne">
                              <div class="card-body">
                                 <div class="row">
                                    <div class="col">
                                       <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist"
                                          aria-orientation="vertical">
                                          {% for each in applied_uni_list %}
                                          {%ifequal forloop.counter 1%}
                                          <a class="nav-link applieduni active" id="custom-pills-{{each.id}}"
                                             data-toggle="pill" uni_id="{{each.university}}" href="#v-pills-{{each.id}}"
                                             role="tab" aria-controls="custom-pills-{{each.id}}" aria-selected="true"
                                             onclick="myFunction()">
                                             {{each.university__name}} <br />
                                             {{each.course__concentration}} ({{each.course__program_level__name}})
                                          </a>
                                          {%else%}
                                          <a class="nav-link applieduni" id="custom-pills-{{each.id}}"
                                             data-toggle="pill" uni_id="{{each.university}}" href="#v-pills-{{each.id}}"
                                             role="tab" aria-controls="custom-pills-{{each.id}}" aria-selected="true"
                                             onclick="myFunction()">
                                             {{each.university__name}} <br />
                                             {{each.course__concentration}} ({{each.course__program_level__name}})
                                          </a>
                                          {%endifequal%}


                                          {% endfor %}

                                       </div>
                                    </div>
                                    <div class="col-8">
                                       <div class="tab-content" id="v-pills-tabContent">

                                          {% for each in applied_uni_list %}
                                          {% ifequal forloop.counter 1 %}
                                          <div class="tab-pane active show" id="v-pills-{{each.id}}" role="tabpanel"
                                             aria-labelledby="v-pills-{{each.id}}-tab">

                                             <br />
                                             <div class="card-header bg-info" role="tab" id="headingOne">
                                                <div class="row">
                                                   <div class="col-md-8">
                                                      <h5 class="mb-0 text-white">
                                                         Required Docs & Status Update
                                                      </h5>
                                                   </div>
                                                   <div class="col-md-4" style="text-align: right;">
                                                      <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
                                                         Update All
                                                       </button>
                                                       <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                         <div class="modal-dialog modal-lg" role="document">
                                                           <div class="modal-content">
                                                             <div class="modal-header">
                                                               <h5 class="modal-title" id="exampleModalLabel">Required Docs & Status Update
                                                               </h5>
                                                               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                 <span aria-hidden="true">&times;</span>
                                                               </button>
                                                             </div>
                                                             <div class="modal-body">
                                                               <form method="POST" id="save-required-docs-status">
                                                                  {% csrf_token %}
                                                                  <table id="table-{{each.university}}"
                                                                     class="table table-striped bg-light">
                                                                     <thead class="bg-secondary text-white">
                                                                        <tr>
                                                                           <th scope="col">SN</th>
                                                                           <th scope="col">Name</th>
                                                                           <th scope="col">Status </th>                                                            
                                                                           {% if obj.created_by == request.user or obj.assign_to.id == request.user.id or request.user.is_staff %}
                                                                           <th scope="col">Update</th>
                                                                           {% endif %}
                                                                           <th scope="col">Remarks </th>
                                                                        </tr>
                                                                     </thead>
                                                                     <tbody id="tbody2">
                                                                        {% for ofc_doc in req_docs1 %}
                                                                        <!-- {{ofc_doc}} -->
                                                                        <tr id="{{ofc_doc.id}}"
                                                                           value="{{ofc_doc.id}}">
                                                                           <th scope="row">{{forloop.counter}}</th>
                                                                           <td>{{ofc_doc.rdod_name}} </td>

                                                                           {% with current_status=ofc_doc|doc_status:obj.id|doc_status_for_uni:each.university%}
                                                                           <td>
                                                                              {{current_status}}
                                                                           </td>
                                                                           {% if obj.created_by == request.user or obj.assign_to.id == request.user.id or request.user.is_staff %}
                                                                           <td>
                                                                              <select class="form-control" id="{{ofc_doc.id}}"
                                                                                 name="{{ofc_doc.id}}">
                                                                                 <option value>------------</option>
                                                                                 {% for status in ofc_doc.get_doc_status %}
                                                                                 <option value="{{status.id}}"
                                                                                    {% if current_status == status.doc_status_name %}selected{% endif %}>
                                                                                    {{status.doc_status_name}}</option>
                                                                                 {% endfor%}
                                                                              </select>
                                                                           </td>
                                                                           {% endif %}                                                            
                                                                           {% endwith %}
                                                                           {% with remark=ofc_doc|doc_status:obj.id|doc_status_remark_for_uni:each.university%}                                                            
                                                                              <td><textarea type="text" id="remarks" name="remarks">{{ remark|default_if_none:"" }}</textarea></td> 
                                                                           {% endwith %}
                                                                        </tr>
                                                                        {% endfor %}
                                                                     </tbody>
                                                                     <tfoot>
                                                                        <tr class="text-right">
                                                                           <td colspan="12">
                                                                              <input type="submit" value="Update ALL" class="btn btn-primary btn-sm">
                                                                           </td>
                                                                        </tr>
                                                                     </tfoot>
                                                                  </table>
                                                               </form>
                                                             </div>
                                                             <!-- <div class="modal-footer">
                                                               <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                               <input type="submit" value="Update All" class="btn btn-primary btn-sm">
                                                             </div> -->
                                                           </div>
                                                         </div>
                                                       </div>
                                                   </div>
                                                </div>
                                                
                                             </div>
                                             <div class="table-reponsive">
                                                <form method="POST" id="save-required-docs-status">
                                                   {% csrf_token %}
                                                   <table id="table-{{each.university}}"
                                                      class="table table-striped bg-light">
                                                      <thead class="bg-secondary text-white">
                                                         <tr>
                                                            <th scope="col">SN</th>
                                                            <th scope="col">Name</th>
                                                            <th scope="col">Status </th>                                                            
                                                            {% if obj.created_by == request.user or obj.assign_to.id == request.user.id or request.user.is_staff %}
                                                            <th scope="col">Update</th>
                                                            {% endif %}
                                                            <th scope="col">Remarks </th>
                                                         </tr>
                                                      </thead>
                                                      <tbody id="tbody2">
                                                         {% for ofc_doc in req_docs1 %}
                                                         <!-- {{ofc_doc}} -->
                                                         <tr id="{{ofc_doc.id}}"
                                                            value="{{ofc_doc.id}}">
                                                            <th scope="row">{{forloop.counter}}</th>
                                                            <td>{{ofc_doc.rdod_name}} </td>

                                                            {% with current_status=ofc_doc|doc_status:obj.id|doc_status_for_uni:each.university%}
                                                            <td>
                                                               {{current_status}}
                                                            </td>
                                                            {% if obj.created_by == request.user or obj.assign_to.id == request.user.id or request.user.is_staff %}
                                                            <td>
                                                               <select class="form-control" id="{{ofc_doc.id}}"
                                                                  name="{{ofc_doc.id}}">
                                                                  <option value>------------</option>
                                                                  {% for status in ofc_doc.get_doc_status %}
                                                                  <option value="{{status.id}}"
                                                                     {% if current_status == status.doc_status_name %}selected{% endif %}>
                                                                     {{status.doc_status_name}}</option>
                                                                  {% endfor%}
                                                               </select>
                                                            </td>
                                                            {% endif %}                                                            
                                                            {% endwith %}
                                                            {% with remark=ofc_doc|doc_status:obj.id|doc_status_remark_for_uni:each.university%}                                                            
                                                               <td><textarea type="text" id="remarks" name="remarks">{{ remark|default_if_none:"" }}</textarea></td> 
                                                            {% endwith %}
                                                         </tr>
                                                         {% endfor %}
                                                      </tbody>
                                                      <tfoot>
                                                         <tr class="text-right">
                                                            <td colspan="12">
                                                               <input type="submit" value="Update"
                                                                  class="btn btn-primary btn-sm">
                                                            </td>
                                                         </tr>
                                                      </tfoot>
                                                   </table>
                                                </form>
                                             </div>
                                             <div class="card-header bg-info">
                                                <div class="row">
                                                   <div class="col-md-8">
                                                      <h5 class="mb-0 text-white">
                                                         Office Status
                                                      </h5>
                                                   </div>
                                                   <div class="col-md-4" style="text-align: right;">
                                                      <!-- Button trigger modal -->
                                                      <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal1">
                                                         Update All
                                                      </button>
                                                      
                                                      <!-- Modal -->
                                                      <div class="modal fade" id="exampleModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModal1Label" aria-hidden="true">
                                                         <div class="modal-dialog modal-lg" role="document">
                                                         <div class="modal-content">
                                                            <div class="modal-header">
                                                               <h5 class="modal-title" id="exampleModal1Label">Office Status</h5>
                                                               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                               <span aria-hidden="true">&times;</span>
                                                               </button>
                                                            </div>
                                                            <div class="modal-body">
                                                               <form method="POST" id="save-office-status">
                                                                  {% csrf_token %}
                                                                  <table id="office-docs" class="table table-striped bg-light">
                                                                     <thead class="bg-secondary text-white">
                                                                        <tr>
                                                                           <th scope="col">SN</th>
                                                                           <th scope="col">Name</th>
                                                                           <th scope="col">Status </th>
                                                                           {% if obj.created_by == request.user or obj.assign_to.id == request.user.id or request.user.is_staff %}
               
                                                                           <th scope="col">Update</th>
                                                                           {% endif %}
                                                                           <th scope="col">Remarks </th>
                                                                        </tr>
                                                                     </thead>
                                                                     <tbody id="tbody2">
                                                                        {% for ofc_doc in office_doc_lists %}
                                                                        <tr id="{{ofc_doc.rdod_status.id}}"
                                                                           value="{{ofc_doc.rdod_status.id}}">
                                                                           <th scope="row">{{forloop.counter}}</th>
                                                                           <td>{{ofc_doc.rdod_name}}</td>
               
                                                                           {% with current_status=ofc_doc|doc_status:obj.id|doc_status_for_uni:each.university%}
                                                                           <td>
                                                                              {{current_status}}
                                                                           </td>
                                                                           {% if obj.created_by == request.user or obj.assign_to.id == request.user.id or request.user.is_staff %}
                                                                           <td>
                                                                              <select class="form-control" id="{{ofc_doc.id}}"
                                                                                 name="{{ofc_doc.id}}">
                                                                                 <option value>------------</option>
                                                                                 {% for status in ofc_doc.get_doc_status %}
                                                                                 <option value="{{status.id}}"
                                                                                    {% if current_status == status.doc_status_name %}selected{% endif %}>
                                                                                    {{status.doc_status_name}}</option>
                                                                                 {% endfor%}
                                                                              </select>
                                                                           </td>
                                                                           {% endif %}
                                                                           {% endwith %}
                                                                           {% with remark=ofc_doc|doc_status:obj.id|doc_status_remark_for_uni:each.university%}                                                            
                                                                              <td><textarea type="text" id="remarks" name="remarks">{{ remark|default_if_none:"" }}</textarea></td> 
                                                                           {% endwith %}
                                                                        </tr>
                                                                        {% endfor %}
                                                                     </tbody>
                                                                     <tfoot>
                                                                        <tr class="text-right">
                                                                           <td colspan="12">
                                                                              <input type="submit" value="Update All"
                                                                                 class="btn btn-primary btn-sm">
                                                                           </td>
                                                                        </tr>
                                                                     </tfoot>
                                                                  </table>
                                                               </form>
                                                            </div>
                                                            <!-- <div class="modal-footer">
                                                               <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                               <button type="button" class="btn btn-primary">Save changes</button>
                                                            </div> -->
                                                         </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                                
                                             </div>
                                             <div class="table-responsive">
                                                <form method="POST" id="save-office-status">
                                                   {% csrf_token %}
                                                   <table id="office-docs" class="table table-striped bg-light">
                                                      <thead class="bg-secondary text-white">
                                                         <tr>
                                                            <th scope="col">SN</th>
                                                            <th scope="col">Name</th>
                                                            <th scope="col">Status </th>
                                                            {% if obj.created_by == request.user or obj.assign_to.id == request.user.id or request.user.is_staff %}

                                                            <th scope="col">Update</th>
                                                            {% endif %}
                                                            <th scope="col">Remarks </th>
                                                         </tr>
                                                      </thead>
                                                      <tbody id="tbody2">
                                                         {% for ofc_doc in office_doc_lists %}
                                                         <tr id="{{ofc_doc.rdod_status.id}}"
                                                            value="{{ofc_doc.rdod_status.id}}">
                                                            <th scope="row">{{forloop.counter}}</th>
                                                            <td>{{ofc_doc.rdod_name}}</td>

                                                            {% with current_status=ofc_doc|doc_status:obj.id|doc_status_for_uni:each.university%}
                                                            <td>
                                                               {{current_status}}
                                                            </td>
                                                            {% if obj.created_by == request.user or obj.assign_to.id == request.user.id or request.user.is_staff %}
                                                            <td>
                                                               <select class="form-control" id="{{ofc_doc.id}}"
                                                                  name="{{ofc_doc.id}}">
                                                                  <option value>------------</option>
                                                                  {% for status in ofc_doc.get_doc_status %}
                                                                  <option value="{{status.id}}"
                                                                     {% if current_status == status.doc_status_name %}selected{% endif %}>
                                                                     {{status.doc_status_name}}</option>
                                                                  {% endfor%}
                                                               </select>
                                                            </td>
                                                            {% endif %}
                                                            {% endwith %}
                                                            {% with remark=ofc_doc|doc_status:obj.id|doc_status_remark_for_uni:each.university%}                                                            
                                                               <td><textarea type="text" id="remarks" name="remarks">{{ remark|default_if_none:"" }}</textarea></td> 
                                                            {% endwith %}
                                                         </tr>
                                                         {% endfor %}
                                                      </tbody>
                                                      <tfoot>
                                                         <tr class="text-right">
                                                            <td colspan="12">
                                                               <input type="submit" value="Update All"
                                                                  class="btn btn-primary btn-sm">
                                                            </td>
                                                         </tr>
                                                      </tfoot>
                                                   </table>
                                                </form>
                                             </div>
                                          </div>
                                          {%else%}
                                          <div class="tab-pane fade" id="v-pills-{{each.id}}" role="tabpanel"
                                             aria-labelledby="v-pills-{{each.id}}-tab">

                                             <br />
                                             <div class="card-header bg-info" role="tab" id="headingOne">
                                                <div class="row">
                                                   <div class="col-md-8">
                                                      <h5 class="mb-0 text-white">
                                                         Required Docs & Status Update
                                                      </h5>
                                                   </div>
                                                   <div class="col-md-4" style="text-align: right;">
                                                      <!-- Button trigger modal -->
                                                      <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal2">
                                                         Update All
                                                      </button>
                                                      
                                                      <!-- Modal -->
                                                      <div class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModal2Label" aria-hidden="true">
                                                         <div class="modal-dialog modal-lg" role="document">
                                                         <div class="modal-content">
                                                            <div class="modal-header">
                                                               <h5 class="modal-title" id="exampleModal2Label">Required Docs & Status Update</h5>
                                                               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                               <span aria-hidden="true">&times;</span>
                                                               </button>
                                                            </div>
                                                            <div class="modal-body">
                                                               <form method="POST" id="save-required-docs-status">
                                                                  {% csrf_token %}
                                                                  <table id="table-{{each.university}}"
                                                                     class="table table-striped bg-light">
                                                                     <thead class="bg-secondary text-white">
                                                                        <tr>
                                                                           <th scope="col">SN</th>
                                                                           <th scope="col">Name</th>
                                                                           <th scope="col">Status </th>
                                                                           {% if obj.created_by == request.user or obj.assign_to.id == request.user.id or request.user.is_staff %}
               
                                                                           <th scope="col">Update</th>
                                                                           {% endif %}
                                                                           <th scope="col">Remarks </th>
                                                                        </tr>
                                                                     </thead>
                                                                     <tbody id="tbody2">
                                                                        {% for ofc_doc in req_docs1 %}
                                                                        <tr id="{{ofc_doc.rdod_status.id}}"
                                                                           value="{{ofc_doc.rdod_status.id}}">
                                                                           <th scope="row">{{forloop.counter}}</th>
                                                                           <td>{{ofc_doc.rdod_name}}</td>
               
                                                                           {% with current_status=ofc_doc|doc_status:obj.id|doc_status_for_uni:each.university%}
                                                                           <td>
                                                                              {{current_status}}
                                                                           </td>
                                                                           {% if obj.created_by == request.user or obj.assign_to.id == request.user.id or request.user.is_staff %}
                                                                           <td>
                                                                              <select class="form-control" id="{{ofc_doc.id}}"
                                                                                 name="{{ofc_doc.id}}">
                                                                                 <option value>------------</option>
                                                                                 {% for status in ofc_doc.get_doc_status %}
                                                                                 <option value="{{status.id}}"
                                                                                    {% if current_status == status.doc_status_name %}selected{% endif %}>
                                                                                    {{status.doc_status_name}}</option>
                                                                                 {% endfor%}
                                                                              </select>
                                                                           </td>
                                                                           {% endif %}
                                                                           <!-- <td><input type="text" id="id_rdodstatus-{{ofc_doc.id}}-doc_status_remark" name="doc_status_remark-{{ofc_doc.id}}-doc_status_remark" value="{{ofc_doc.rdodstatus_set.doc_status_remark.value|default_if_none:''}}"></td>  -->
                                                                           {% endwith %}
                                                                           {% with remark=ofc_doc|doc_status:obj.id|doc_status_remark_for_uni:each.university%}                                                            
                                                                              <td><textarea type="text" id="remarks" name="remarks">{{ remark|default_if_none:"" }}</textarea></td> 
                                                                           {% endwith %}
                                                                        </tr>
                                                                        {% endfor %}
                                                                     </tbody>
                                                                     <tfoot>
                                                                        <tr class="text-right">
                                                                           <td colspan="12">
                                                                              <input type="submit" value="Update All"
                                                                                 class="btn btn-primary btn-sm">
                                                                           </td>
                                                                        </tr>
                                                                     </tfoot>
                                                                  </table>
                                                               </form>
                                                            </div>
                                                            <!-- <div class="modal-footer">
                                                               <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                               <button type="button" class="btn btn-primary">Save changes</button>
                                                            </div> -->
                                                         </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                                
                                             </div>
                                             <div class="table-reponsive">
                                                <form method="POST" id="save-required-docs-status">
                                                   {% csrf_token %}
                                                   <table id="table-{{each.university}}"
                                                      class="table table-striped bg-light">
                                                      <thead class="bg-secondary text-white">
                                                         <tr>
                                                            <th scope="col">SN</th>
                                                            <th scope="col">Name</th>
                                                            <th scope="col">Status </th>
                                                            {% if obj.created_by == request.user or obj.assign_to.id == request.user.id or request.user.is_staff %}

                                                            <th scope="col">Update</th>
                                                            {% endif %}
                                                            <th scope="col">Remarks </th>
                                                         </tr>
                                                      </thead>
                                                      <tbody id="tbody2">
                                                         {% for ofc_doc in req_docs1 %}
                                                         <tr id="{{ofc_doc.rdod_status.id}}"
                                                            value="{{ofc_doc.rdod_status.id}}">
                                                            <th scope="row">{{forloop.counter}}</th>
                                                            <td>{{ofc_doc.rdod_name}}</td>

                                                            {% with current_status=ofc_doc|doc_status:obj.id|doc_status_for_uni:each.university%}
                                                            <td>
                                                               {{current_status}}
                                                            </td>
                                                            {% if obj.created_by == request.user or obj.assign_to.id == request.user.id or request.user.is_staff %}
                                                            <td>
                                                               <select class="form-control" id="{{ofc_doc.id}}"
                                                                  name="{{ofc_doc.id}}">
                                                                  <option value>------------</option>
                                                                  {% for status in ofc_doc.get_doc_status %}
                                                                  <option value="{{status.id}}"
                                                                     {% if current_status == status.doc_status_name %}selected{% endif %}>
                                                                     {{status.doc_status_name}}</option>
                                                                  {% endfor%}
                                                               </select>
                                                            </td>
                                                            {% endif %}
                                                            <!-- <td><input type="text" id="id_rdodstatus-{{ofc_doc.id}}-doc_status_remark" name="doc_status_remark-{{ofc_doc.id}}-doc_status_remark" value="{{ofc_doc.rdodstatus_set.doc_status_remark.value|default_if_none:''}}"></td>  -->
                                                            {% endwith %}
                                                            {% with remark=ofc_doc|doc_status:obj.id|doc_status_remark_for_uni:each.university%}                                                            
                                                               <td><textarea type="text" id="remarks" name="remarks">{{ remark|default_if_none:"" }}</textarea></td> 
                                                            {% endwith %}
                                                         </tr>
                                                         {% endfor %}
                                                      </tbody>
                                                      <tfoot>
                                                         <tr class="text-right">
                                                            <td colspan="12">
                                                               <input type="submit" value="Update"
                                                                  class="btn btn-primary btn-sm">
                                                            </td>
                                                         </tr>
                                                      </tfoot>
                                                   </table>
                                                </form>
                                             </div>
                                             <div class="card-header bg-info">
                                                <div class="row">
                                                   <div class="col-md-8">
                                                      <h5 class="mb-0 text-white">
                                                         Office Status
                                                      </h5>
                                                   </div>
                                                   <div class="col-md-4" style="text-align: right;">
                                                      <!-- Button trigger modal -->
                                                      <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal3">
                                                         Update All
                                                      </button>
                                                      
                                                      <!-- Modal -->
                                                      <div class="modal fade" id="exampleModal3" tabindex="-1" role="dialog" aria-labelledby="exampleModal3Label" aria-hidden="true">
                                                         <div class="modal-dialog modal-lg" role="document">
                                                         <div class="modal-content">
                                                            <div class="modal-header">
                                                               <h5 class="modal-title" id="exampleModal3Label">Office Status</h5>
                                                               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                               <span aria-hidden="true">&times;</span>
                                                               </button>
                                                            </div>
                                                            <div class="modal-body">
                                                               <form method="POST" id="save-office-status">
                                                                  {% csrf_token %}
                                                                  <table id="office-docs" class="table table-striped bg-light">
                                                                     <thead class="bg-secondary text-white">
                                                                        <tr>
                                                                           <th scope="col">SN</th>
                                                                           <th scope="col">Name</th>
                                                                           <th scope="col">Status </th>
                                                                           {% if obj.created_by == request.user or obj.assign_to.id == request.user.id or request.user.is_staff %}
               
                                                                           <th scope="col">Update</th>
                                                                           {% endif %}
                                                                           <th scope="col">Remarks </th>
                                                                        </tr>
                                                                     </thead>
                                                                     <tbody id="tbody2">
                                                                        {% for ofc_doc in office_doc_lists %}
                                                                        <tr id="{{ofc_doc.rdod_status.id}}"
                                                                           value="{{ofc_doc.rdod_status.id}}">
                                                                           <th scope="row">{{forloop.counter}}</th>
                                                                           <td>{{ofc_doc.rdod_name}}</td>
               
                                                                           {% with current_status=ofc_doc|doc_status:obj.id|doc_status_for_uni:each.university%}
                                                                           <td>
                                                                              {{current_status}}
                                                                           </td>
                                                                           {% if obj.created_by == request.user or obj.assign_to.id == request.user.id or request.user.is_staff %}
                                                                           <td>
                                                                              <select class="form-control" id="{{ofc_doc.id}}"
                                                                                 name="{{ofc_doc.id}}">
                                                                                 <option value>------------</option>
                                                                                 {% for status in ofc_doc.get_doc_status %}
                                                                                 <option value="{{status.id}}"
                                                                                    {% if current_status == status.doc_status_name %}selected{% endif %}>
                                                                                    {{status.doc_status_name}}</option>
                                                                                 {% endfor%}
                                                                              </select>
                                                                           </td>
                                                                           {% endif %}
                                                                           {% endwith %}
                                                                           {% with remark=ofc_doc|doc_status:obj.id|doc_status_remark_for_uni:each.university%}                                                            
                                                                              <td><textarea type="text" id="remarks" name="remarks">{{ remark|default_if_none:"" }}</textarea></td> 
                                                                           {% endwith %}
                                                                        </tr>
                                                                        {% endfor %}
                                                                     </tbody>
                                                                     <tfoot>
                                                                        <tr class="text-right">
                                                                           <td colspan="12">
                                                                              <input type="submit" value="Update ALL"
                                                                                 class="btn btn-primary btn-sm">
                                                                           </td>
                                                                        </tr>
                                                                     </tfoot>
                                                                  </table>
                                                               </form>
                                                            </div>
                                                            <!-- <div class="modal-footer">
                                                               <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                               <button type="button" class="btn btn-primary">Save changes</button>
                                                            </div> -->
                                                         </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                                
                                             </div>
                                             <div class="table-responsive">
                                                <form method="POST" id="save-office-status">
                                                   {% csrf_token %}
                                                   <table id="office-docs" class="table table-striped bg-light">
                                                      <thead class="bg-secondary text-white">
                                                         <tr>
                                                            <th scope="col">SN</th>
                                                            <th scope="col">Name</th>
                                                            <th scope="col">Status </th>
                                                            {% if obj.created_by == request.user or obj.assign_to.id == request.user.id or request.user.is_staff %}

                                                            <th scope="col">Update</th>
                                                            {% endif %}
                                                            <th scope="col">Remarks </th>
                                                         </tr>
                                                      </thead>
                                                      <tbody id="tbody2">
                                                         {% for ofc_doc in office_doc_lists %}
                                                         <tr id="{{ofc_doc.rdod_status.id}}"
                                                            value="{{ofc_doc.rdod_status.id}}">
                                                            <th scope="row">{{forloop.counter}}</th>
                                                            <td>{{ofc_doc.rdod_name}}</td>

                                                            {% with current_status=ofc_doc|doc_status:obj.id|doc_status_for_uni:each.university%}
                                                            <td>
                                                               {{current_status}}
                                                            </td>
                                                            {% if obj.created_by == request.user or obj.assign_to.id == request.user.id or request.user.is_staff %}
                                                            <td>
                                                               <select class="form-control" id="{{ofc_doc.id}}"
                                                                  name="{{ofc_doc.id}}">
                                                                  <option value>------------</option>
                                                                  {% for status in ofc_doc.get_doc_status %}
                                                                  <option value="{{status.id}}"
                                                                     {% if current_status == status.doc_status_name %}selected{% endif %}>
                                                                     {{status.doc_status_name}}</option>
                                                                  {% endfor%}
                                                               </select>
                                                            </td>
                                                            {% endif %}
                                                            {% endwith %}
                                                            {% with remark=ofc_doc|doc_status:obj.id|doc_status_remark_for_uni:each.university%}                                                            
                                                               <td><textarea type="text" id="remarks" name="remarks">{{ remark|default_if_none:"" }}</textarea></td> 
                                                            {% endwith %}
                                                         </tr>
                                                         {% endfor %}
                                                      </tbody>
                                                      <tfoot>
                                                         <tr class="text-right">
                                                            <td colspan="12">
                                                               <input type="submit" value="Update All"
                                                                  class="btn btn-primary btn-sm">
                                                            </td>
                                                         </tr>
                                                      </tfoot>
                                                   </table>
                                                </form>
                                             </div>
                                          </div>
                                          {%endifequal%}
                                          {% endfor %}

                                       </div>
                                    </div>
                                    <!-- --------------------- -->
                                 </div>
                              </div>
                           </div>
                           <!-- APPLIED UNI END -->
                        </div>
                     </div>
                  </div>
                  {% else %}
                  {% endif %}
                  <!-- follow up -->
                  <div class="row">
                     <div class="col-lg-12">
                        <div class="card">
                           <div id="accordion5" class="accordion" role="tablist" aria-multiselectable="true">
                              <div class="card">
                                 <div class="card-header bg-info" role="tab" id="headingTwo">
                                    <h5 class="mb-0">
                                       <a class='text-white' data-toggle="collapse" data-parent="#accordion5"
                                          href="#collapse5" aria-expanded="true" aria-controls="collapseTwo">
                                          Follow Up & Communications
                                       </a>
                                    </h5>
                                 </div>
                                 <div id="collapse5" class="collapse" role="tabpanel" aria-labelledby="headingTwo">
                                    <div class="card-body">
                                       {% if obj.assign_to.id == request.user.id or request.user.is_staff %}
                                       <form id="save_followup">
                                          {%if obj.enquiry_status == 'enq'%}
                                             {{followup_form}}<br />
                                          {%endif%}
                                          {{comment_form}}
                                          <!-- <input type="submit" class="btn btn-primary btn-sm" value="submit"> -->
                                          <input type="submit" id="submit_my_comment"
                                             onclick="event.preventDefault();send_comment()"
                                             class="btn btn-danger btn-sm" value="Post Comment">
                                       </form>
                                       {% endif %}

                                    </div>
                                    <div class="card-body">
                                       <!-- Categories: {{obj.followupcommunication_set.last}} -->
                                       <!-- {% if obj.assign_to.id == request.user.id or request.user.is_staff %}

                                       <form id="save_comment">
                                          {{comment_form}}<br />
                                          <input type="submit" id="submit_my_comment" onclick="event.preventDefault();send_comment()"
                                             class="btn btn-danger btn-sm" value="Post Comment">
                                       </form>
                                       {% endif %} -->
                                       <h6 id="last_comment">
                                          <h5>
                                             All Comment
                                          </h5>
                                          {% for comm in comments %}
                                          <div class="name_are" style="padding-bottom: 0.5rem;">
                                             <!-- {{comm.created_by}} -->
                                             {{comm.created_by.company_name}}
                                          </div>
                                          <p style="color: #FFF;background-color: gray; max-width: 50% !important; min-height: 2rem !important; overflow-wrap: break-word;padding-top: 0.5rem; padding-left: 0.5rem;">
                                             <span style="font-size:15px;  ">
                                                {{comm.post_comment|linebreaksbr}}
                                             </span>
                                          </p>
                                          <p>
                                             {{ comm.posted_date }} 
                                             {%if comm.note_of.followupcommunication_set.first.reminder_date %}
                                             | <b>Reminder Date:</b> {{comm.note_of.followupcommunication_set.first.reminder_date}}
                                             {%endif%}
                                          </p>
                                          <hr>
                                          {% endfor %}
                                       </h6>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <!-- <div class="row">
                     <div class="col-lg-12">
                        <div class="card">
                           <div id="accordion6" class="accordion" role="tablist" aria-multiselectable="true">
                              <div class="card">
                                 <div class="card-header bg-info" role="tab" id="headingTwo">
                                    <h5 class="mb-0">
                                       <a class="text-white" data-toggle="collapse" data-parent="#accordion6"
                                          href="#collapse6" aria-expanded="true" aria-controls="collapseTwo">
                                          Thread Discussion for Application No: ENQ-{{obj.id}}
                                       </a>
                                    </h5>
                                 </div>
                                 <div id="collapse6" class="collapse" role="tabpanel" aria-labelledby="headingTwo">
                                    <div class="card-body">
                                       
                                       <h6 id="last_comment">
                                          <h5>
                                             All Comment
                                          </h5>
                                          {% for comm in comments %}
                                          <div class="name_are" style="padding-bottom: 0.5rem;">
                                             {{comm.created_by}}
                                          </div>
                                          <p style="color: #FFF;background-color: gray; max-width: 50% !important; min-height: 2rem !important; overflow-wrap: break-word;padding-top: 0.5rem; padding-left: 0.5rem;">

                                             <span style="font-size:15px;  ">

                                                {{comm.post_comment|linebreaksbr}}
                                             </span>
                                          </p>
                                          <p>
                                             {{ comm.posted_date }}
                                          </p>
                                          <hr>
                                          {% endfor %}
                                       </h6>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div> -->
                  <div class="row">
                     <div class="col-lg-12">
                        <div class="card">
                           <div id="accordion7" class="accordion" role="tablist" aria-multiselectable="true">
                              <div class="card">
                                 <div class="card-header bg-info" role="tab" id="headingTwo">
                                    <h5 class="mb-0">
                                       <a class="text-white" data-toggle="collapse" data-parent="#accordion7"
                                          href="#collapse7" aria-expanded="true" aria-controls="collapseTwo">
                                          Recommended University
                                       </a>
                                    </h5>
                                 </div>
                                 <div id="collapse7" class="collapse" role="tabpanel" aria-labelledby="headingTwo">
                                    <div class="card-body">
                                       <!-- Categories: {{obj.followupcommunication_set.last}} -->
                                       <!-- <h6 id="last_comment"> -->
                                       {% for y in recommended_uni %}
                                       <div class="row">
                                          <div class="col-md-2">
                                             {% with z=y|first %} <b>{{z}}</b> {% endwith %}
                                          </div>
                                          <div class="col-md-10">
                                             <div class="row">
                                                {% for x in y %}
                                                <div class="col-md-1">
                                                   {{forloop.counter}}
                                                </div>
                                                <div class="col-md-2">
                                                   <p><b>UNIVERSITY: </b></p>
                                                   <p><b>Course:</b> </p>
                                                   <p><b>Program Level:</b></p>
                                                   <p><b>Program Details:</b></p>
                                                   <p><b>Application Fee:</b></p>
                                                   <p><b>Location:</b></p>
                                                   <p><b>Duration:</b></p>
                                                   <p><b>Tuition Fee: </b></p>
                                                   <p><b>Entry Req: </b></p>
                                                   <p><b>Test Score: </b></p>
                                                   <p><b>Application Deadline:</b></p>
                                                   <p><b>Scholarship Detail:</b></p>
                                                   <p><b>Remarks:</b></p>
                                                </div>
                                                <div class="col-md-9">
                                                   <p>{{x.uni_or_campus.name}}</p>
                                                   <p>{{x.course.name}}</p>
                                                   <p>{{x.program_level.name}}</p>
                                                   <p>{{x.concentration}}</p>
                                                   <p>{{x.application_fee}}</p>
                                                   <p>{{x.location}}</p>
                                                   <p>{{x.duration}}</p>
                                                   <p>{{x.tuition_fee}}</p>
                                                   <p>{{x.entry_req}}</p>
                                                   <p>{{x.test_score_req}}</p>
                                                   <p>{{x.application_deadline}}</p>
                                                   <p>{{x.scholarship_detail}}</p>
                                                   <p>{{x.remarks}}</p>
                                                </div>
                                                {% endfor %}
                                             </div>
                                          </div>
                                       </div>
                                       <hr>
                                       {% endfor %}

                                       <!-- </h6> -->
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="modal" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1"
                  aria-modal="true">
                  <div class="modal-dialog" role="document">
                     <div class="modal-content">
                        <div class="modal-header">
                           <h4 class="modal-title" id="exampleModalLabel1">Update Status</h4>
                           <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                 aria-hidden="true">×</span></button>
                        </div>
                        <div class="modal-body">
                           <div class="form-errors">{{ office_form_status.non_form_errors }}</div>
                           <form id="save_status_form" method="POST">
                              {% csrf_token %}
                              <div class="row">

                                 <div class="col-6">
                                    {{office_form_status.rdod_status}}
                                 </div>
                                 <div class="col-4">
                                    {{office_form_status.rdod_status_name}}
                                 </div>
                              </div>
                              <br />
                              <input type="submit" class="btn btn-info btn-sm" value="Submit">
                           </form>
                        </div>
                     </div>
                  </div>
                  <input type="hidden" id="current_obj_id" value="{{obj.id}}">
               </div>
               {% include 'enrollment.html' with id=obj.id %}
               {{ shareable_docs|json_script:"commondocs" }}
               {{ current_status|json_script:"current_status" }}
               {{ req_docs|json_script:"required_docs" }}
               {{ selected_required_docs|json_script:"selected_required_docs" }}
               {{ applied_uni_list|json_script:"applied_university" }}
               {{ all_status|json_script:"all_status"}}

               {% endblock %}
               {% block inline_javascript %}
               {{office_form_status.media}}
               {{ block.super }}
               <script src="{% static 'js/required_docs_post.js' %}"></script>
               <script src="{% static 'js/query/miniquery.js' %}">   </script>

               {% endblock %}
               {% block js %}
               <script>
                  var csrf = '{{csrf_token}}'
                  function send_comment() {
                     try{
                        let category = document.querySelector('#id_categories').value;
                        let status = document.querySelector('#id_status').value;
                        let reminder = document.querySelector('#id_reminder_date').value;
                        data = {
                           "csrfmiddlewaretoken": "{{csrf_token}}",
                           'id': $("#current_obj_id").val(),
                           "category": category,
                           "status": status,
                           "reminder": reminder
                        };
                     }
                     catch(err){
                        console.log("yo abroad wala ho mula");
                        data = {
                           "csrfmiddlewaretoken": "{{csrf_token}}",
                           'id': $("#current_obj_id").val(),
                        };
                     }
                     
                     //var category = $('#id_categories').val()
                     //var status = $('#id_status').val()
                     //console.log(category);
                     //console.log(status);
                     //console.log(reminder);

                     $.ajax({
                        url: `/followup/update/`,
                        method: 'POST',
                        data: data,
                        dataType: "json",
                        success: function (result) {

                           //window.location.reload();

                        }
                     });
                     // $("#saveform").attr("action","/followup/postcomment/")
                     // $("#saveform").submit()
                     // alert(1)

                     var comment = $("#id_post_comment").val();
                     //console.log(comment);
                     $.ajax({
                        url: '/followup/postcomment/',
                        type: "POST",
                        data: {
                           "csrfmiddlewaretoken": "{{csrf_token}}",
                           'id': $("#current_obj_id").val(),
                           "comment": comment
                        },
                        dataType: "json",
                        success: function (result) {
                           window.location = window.location.href;
                        }
                     });


                  }
                  $("#id_assign_to").addClass("form-select");
                  $("#id_application_status").addClass("form-select");
               </script>

               <script>
                  $(document).ready(function () {
                     $('.active').click();
                  });

                  $(function () {
                     let reminder = document.querySelector('#id_status').value;
                     if (reminder == "Reminder") {
                        $("#id_reminder_date").show();
                     }
                     $("#id_status").change(function () {
                        if ($(this).val() == "Reminder") {

                           $("#id_reminder_date").show();
                        } else {
                           $("#id_reminder_date").hide();
                        }
                     });
                  });
               </script>

               <!-- <script>
   $("#v-pills-tab").load("{% url 'enq:save-new-status' obj.id %}")   
</script> -->
               {% endblock %}