{%include "header.html"%}

        <!-- Header Layout Content -->
        <div class="mdk-header-layout__content">

            <div class="mdk-drawer-layout js-mdk-drawer-layout" data-push data-responsive-width="992px">
                <div class="mdk-drawer-layout__content page">

                    <div class="container page__heading-container">
                        <div class="page__heading">
                            <nav aria-label="breadcrumb">
                                <ol class="breadcrumb mb-0">
                                    <li class="breadcrumb-item"><a href="#"><i
                                                class="material-icons icon-20pt">home</i></a></li>
                                    <li class="breadcrumb-item">Lead Follow Up</li>
                                    <li class="breadcrumb-item active" aria-current="page">Lead Follow Up</li>
                                </ol>
                            </nav>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-6">
                                <h1 class="heading">Lead Follow Up</h1>
                            </div>
                            <!-- <div class="col-lg-6 col-md-6 col-sm-12 ">
                                <div class="d-flex justify-content-end">
                                <label for="source" class="form-label"> Search Source</label> 
                                    <input type="serach" id="search" name="search" placeholder="Serach Source">
                                </div>
                            </div> -->

                        </div>
                    </div>



                    <div class="container page__container exam-module">
                        <div class="card card-form">
                            <div class="row no-gutters">

                                <div class="col-lg-12 card-form__body">
                                    <div class="table-responsive border-bottom" data-toggle="lists"
                                        data-lists-values='["js-lists-values-employee-name"]'>

                                        <table class="table mb-0 thead-border-top-0">
                                            <thead class="table-heading">
                                                <tr>
                                                    <th class="table-head">Sr. No </th>
                                                    <th class="table-head">Student Name</th>
                                                    <th class="table-head">Email</th>
                                                    <th class="table-head">mobile</th>
                                                    <th class="table-head"> Task Title </th>
                                                    <th class="table-head"> Task Date </th>
                                                    <th class="table-head"> Task Time </th>
                                                    <th class="table-head"> Action </th>
                                                                      
                                                </tr>
                                            </thead>
                                            <tbody class="list" id="staff">
                                                {% for task in all_followup %}
                                                <tr class="">   
                                                    <td>{{forloop.counter}}</td>
                                                    <td>
                                                        <div class="media align-items-center">
                                                            <div class="media-body">
                                                                <span
                                                                    class="js-lists-values-exam-name exam-name">{{ task.student.first_name }}
                                                                    {{ task.student.last_name }}
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </td>
    
                                                    <td>
                                                        <div class="media align-items-center">
                                                            <div class="media-body">
                                                                <span class="js-lists-values-exam-name exam-name"> {{ task.student.email }}
                                                                   </span>
                                                            </div>
                                                        </div>
                                                    </td>
    
                                                    <td>
                                                        <div class="media align-items-center">
                                                            <div class="media-body">
                                                                <span
                                                                    class="js-lists-values-exam-name exam-name"> {{ task.student.mobile }}</span>
                                                            </div>
                                                        </div>
                                                    </td>
    
                                                    <td>
                                                        <div class="media align-items-center">
                                                            <div class="media-body">
                                                                <span
                                                                    class="js-lists-values-exam-name exam-name"> {{ task.task_title }}</span>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="media align-items-center">
                                                            <div class="media-body">
                                                                <span
                                                                    class="js-lists-values-exam-name exam-name"> {{ task.follwup_date }}</span>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="media align-items-center">
                                                            <div class="media-body">
                                                                <span
                                                                    class="js-lists-values-exam-name exam-name"> {{ task.follwup_time }}</span>
                                                            </div>
                                                        </div>
                                                        
                                                    </td>
                                                    <td>
                                                        <div class="media align-items-center">
                                                            <div class="media-body">
                                                                <span class="badge badge-success view"><a
                                                                    href="/admin/lead-student-profile/{{task.student.id}}">view</a></span>
                                                      
                                                               </div>
                                                        </div>
                                                       
                                                    </td>
    
                                                   
    
                                                </tr>
                                                {% endfor %}
                                               </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-12 p-0">
                            <ul class="pagination m-0">
                                {% if student_list.has_previous %}
                                <li class="page-item ">
                                    <a class="page-link" href="?page={{ student_list.previous_page_number }}" aria-label="Previous">
                                        <span aria-hidden="true" class="material-icons">chevron_left</span>
                                        <span>Prev</span>
                                    </a>
                                </li>
                                {% endif %}
        
                                <li class="page-item active ">
                                    <a class="page-link" href="?page={{ student_list.number }}" aria-label="1">
                                        <span>{{ student_list.number }}</span>
                                    </a>
                                </li>
        
                                {% if student_list.has_next %}
        
                                <li class="page-item">
                                    <a class="page-link" href="?page={{ student_list.next_page_number }}" aria-label="Next">
                                        <span>Next</span>
                                        <span aria-hidden="true" class="material-icons">chevron_right</span>
                                    </a>
                                </li>
                                {% endif %}
                            </ul>
                        </div>

                    </div>

                </div>
                <!-- // END drawer-layout__content -->

                <!-- drawer -->
              {%include "sidebar.html"%}
                <!-- // END drawer -->
            </div>
            <!-- // END drawer-layout -->

        </div>
        <!-- // END header-layout__content -->

    </div>
    <!-- // END header-layout -->

  {%include "footer.html"%}
  <script>
    (function () {
        'use strict';
        // ENABLE sidebar menu tabs
        $('#sidebar-mini-tabs [data-toggle="tab"]').on('click', function (e) {
            e.preventDefault()
            $(this).tab('show')
        })
    })()
</script>


</body>



</html>