{% extends 'partials/base.html' %} {% load static %} {% load custom_filters %} {% block content %} 
  <!-- Page Wrapper -->
  <div class="page-wrapper">
    <div class="content">
      <!-- Page Header -->
      {% block pagetitle %}      
        {% include 'partials/page-title.html' with pagetitle='Dashboard' title='Student list'  %}
       

      {% endblock %}
      <!-- /Page Header -->
      
      <!-- Greeting Section -->
      <div class="row">
        {% include 'partials/error-meg.html' %}
        <!-- <div class="col-md-12 d-flex">
          <div class="card flex-fill bg-info bg-03">
            <div class="card-body">
              <h1 class="text-white mb-1">Good Morning {{request.user.first_name}} {{request.user.last_name}}</h1>
              <p class="text-white mb-3">Have a Good day at work</p>
              <p class="text-light">Notice : There is a staff meeting at 9AM today, Dont forget to Attend!!!</p>
            </div>
          </div>
        </div> -->
      </div>
      <!-- /Greeting Section -->

      <!-- Teacher-Profile -->
      <div class="row">
        <div class="col-xxl-8 col-xl-12">
        

          <div class="row">
            
        
          </div>
        </div>

        <!-- Schedules -->
        
        <!-- /Schedules -->
      </div>
      <!-- Teacher-profile -->

      <!-- Syllabus -->
      
      <!-- /Syllabus -->

      <div class="row">
        <!-- Student Marks -->
        <div class="col-xxl-12 col-xl-12 d-flex">
          <div class="card flex-fill">
            <div class="card-header d-flex align-items-center justify-content-between flex-wrap">
              <h4 class="card-title">Student List </h4>
              <div class="d-flex align-items-center">
                <div class="dropdown me-2">
                  
                  <h4 class="card-title">Total students: {{ total_students }}</h4>
                </div>
               
              </div>
            </div>
            <div class="card-body px-0">
              <div class="custom-datatable-filter table-responsive">
                <table class="table datatable">
                  <thead class="thead-light">
                    <tr>
                      <th>ID</th>
                      <th>Name</th>
                      <th>Email</th>
                      <!-- <th>Payment Confirmation</th> -->
                      <th>Fees Paid Status</th>                      
                      <th>Action</th>
                    </tr>
                  </thead>
                  <tbody>

                 
                    
                    {% if students_list %}                    
                   
                        {% for student in students_list %}
                        <tr>
                          <td>{{ forloop.counter }}</td> 
                          <td>{{ student.student.student_name }} {{ student.student.student_last }}</td>
                          <td>{{ student.student.student_email }}</td>                          
                          <!-- <td>{{ student.payment_confirmation }}</td> -->
                          <td>{{ student.student.fees_paid_status }}</td>
                          <td>
                            <div class="d-flex align-items-center">
                              <a href="{% url 'accountant_student_edit' id=student.student.encoded_id %}" id="dark-mode-toggle" class="dark-mode-toggle activate btn btn-outline-light bg-white btn-icon me-1">
                            <i class="ti ti-pencil"></i></a>
                              <a class="dark-mode-toggle activate btn btn-outline-light bg-white btn-icon me-1 deletestudent" data-id="{{student.student.encoded_id}}">
                              <i class="ti ti-trash-x"></i></a>   
                               {% if user.role == 'visa_manager' %}
                                 {%if student.visa.visa_process == "Prepare Final Admission Letter"%}
                                <a data-id="{{ student.student.encoded_id }}" class="btn btn-outline-light SendMailStudent">Send mail </a>  
                                {%endif%} 
                              {%endif%}                
                            </div>   
                          </td>                       
                        </tr>
                          
                        {% endfor %}
                   

                    {% else %}
                        <tr><td>No records found.</td><td></td><td></td><td></td><td></td></tr>
                    {% endif %}
                  </tbody>
                </table>
                {% comment %} <nav class="d-flex justify-content-end mt-3 mx-4">
                  <ul class="pagination">
                    {% if students_list.has_previous %}
                      <li class="page-item">
                        <a class="page-link" href="?page={{ students_list.previous_page_number }}">Previous</a>
                      </li>
                    {% endif %}
                
                    {% custom_page_range students_list as page_range %}
                    {% for page in page_range %}
                      {% if page == '...' %}
                        <li class="page-item disabled"><span class="page-link">...</span></li>
                      {% elif students_list.number == page %}
                        <li class="page-item active"><span class="page-link">{{ page }}</span></li>
                      {% else %}
                        <li class="page-item"><a class="page-link" href="?page={{ page }}">{{ page }}</a></li>
                      {% endif %}
                    {% endfor %}
                
                    {% if students_list.has_next %}
                      <li class="page-item">
                        <a class="page-link" href="?page={{ students_list.next_page_number }}">Next</a>
                      </li>
                    {% endif %}
                  </ul>
                </nav> {% endcomment %}
                
              </div>
            </div>
          </div>
        </div>
        <!-- /Student Marks -->

        <!-- Leave Status -->
        <!-- <div class="col-xxl-4 col-xl-5 d-flex">
          <div class="card flex-fill">
            <div class="card-header d-flex align-items-center justify-content-between">
              <h4 class="card-title">Leave Status</h4>
              <div class="dropdown">
                <a href="javascript:void(0);" class="bg-white dropdown-toggle" data-bs-toggle="dropdown"><i class="ti ti-calendar me-2"></i>This Month</a>
                <ul class="dropdown-menu mt-2 p-3">
                  <li>
                    <a href="javascript:void(0);" class="dropdown-item rounded-1">This Month</a>
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="dropdown-item rounded-1">This Year</a>
                  </li>
                  <li>
                    <a href="javascript:void(0);" class="dropdown-item rounded-1">Last Week</a>
                  </li>
                </ul>
              </div>
            </div>
            <div class="card-body">
              <div class="bg-light-300 d-sm-flex align-items-center justify-content-between p-3 mb-3">
                <div class="d-flex align-items-center mb-2 mb-sm-0">
                  <div class="avatar avatar-lg bg-danger-transparent flex-shrink-0 me-2">
                    <i class="ti ti-brand-socket-io"></i>
                  </div>
                  <div>
                    <h6 class="mb-1">Emergency Leave</h6>
                    <p>Date : 15 Jun 2024</p>
                  </div>
                </div>
                <span class="badge bg-skyblue d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Pending</span>
              </div>
              <div class="bg-light-300 d-sm-flex align-items-center justify-content-between p-3 mb-3">
                <div class="d-flex align-items-center mb-2 mb-sm-0">
                  <div class="avatar avatar-lg bg-info-transparent flex-shrink-0 me-2">
                    <i class="ti ti-medical-cross"></i>
                  </div>
                  <div>
                    <h6 class="mb-1">Medical Leave</h6>
                    <p>Date : 15 Jun 2024</p>
                  </div>
                </div>
                <span class="badge bg-success d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Approved</span>
              </div>
              <div class="bg-light-300 d-sm-flex align-items-center justify-content-between p-3 mb-3">
                <div class="d-flex align-items-center mb-2 mb-sm-0">
                  <div class="avatar avatar-lg bg-info-transparent flex-shrink-0 me-2">
                    <i class="ti ti-medical-cross"></i>
                  </div>
                  <div>
                    <h6 class="mb-1">Medical Leave</h6>
                    <p>Date : 16 Jun 2024</p>
                  </div>
                </div>
                <span class="badge bg-danger d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Declined</span>
              </div>
              <div class="bg-light-300 d-sm-flex align-items-center justify-content-between p-3">
                <div class="d-flex align-items-center mb-2 mb-sm-0">
                  <div class="avatar avatar-lg bg-danger-transparent flex-shrink-0 me-2">
                    <i class="ti ti-brand-socket-io"></i>
                  </div>
                  <div>
                    <h6 class="mb-1">Not Well</h6>
                    <p>Date : 16 Jun 2024</p>
                  </div>
                </div>
                <span class="badge bg-success d-inline-flex align-items-center"><i class="ti ti-circle-filled fs-5 me-1"></i>Approved</span>
              </div>
            </div>
          </div>
        </div> -->
        <!-- /Leave Status -->
      </div>
    </div>
  </div>
  <!-- /Page Wrapper -->

 
 
  
  <!-- /Add Event -->
{% endblock %}
{% block javascript %}
  {{ block.super }}  {# This keeps scripts from base.html #}
  <script>
     var baseUrl = window.location.origin + "/";
      $('.SendMailStudent').on('click', function (e) {
          e.preventDefault();

          var studentId = $(this).data('id');
           $('#loader').fadeIn();
          $.ajax({
              url: baseUrl + "sendmail-student/",
              method: "POST",
              data: { studentId: studentId },
              headers: { "X-CSRFToken": $('meta[name="csrf-token"]').attr("content") },
              success: function (response) {
              $('#loader').fadeOut();  
                  if (response.success) {
                      Swal.fire("Success", response.message, "success");
                  } else {
                      Swal.fire("Notice", response.message, "info");
                  }
              },
              error: function (xhr) {
                  let msg = "Something went wrong. Please try again.";
                  if (xhr.responseJSON && xhr.responseJSON.message) {
                      msg = xhr.responseJSON.message;
                  }
                  Swal.fire("Error", msg, "error");
              }
          });
      });

  </script>
{% endblock %}