    <div class="container">
       
       <div class="row mentor-filter">
            
            <div class="col-sm-12 col-md-6">
                <label class="bold mt-10">Programme</label>
               <select class="js-example-basic-single" id="programme" name="programme">
                        {{{programme}}}
               </select>
            </div>
            <div class="col-sm-12 col-md-6">
                <label class="bold mt-10">Stream</label>
               <select class="js-example-basic-single" id="stream" name="stream">
                        {{{branchname}}}
               </select>
            </div>
            <div class="col-sm-12 col-md-6">
                <label class="bold mt-10">Semester</label>
               <select class="js-example-basic-single" id="semester" name="semester">
                        {{{semester}}}
               </select>
            </div>
            <div class="col-sm-12 col-md-6">
                <label class="bold mt-10">Year</label>
               <select class="js-example-basic-single" id="year" name="year">
                        {{{year}}}
               </select>
            </div>
            <div class="col-sm-12 col-md-6">
            <label class="bold mt-10">Courses</label>
                    <select class="js-example-basic-single coursedata" id="college_course" name="course" >
                        {{{course}}}
                    </select>
            </div>
           <div class="col-sm-12 col-md-6" style="display: grid;">
                <label class="bold mt-10">Session</label>
               <select class="js-example-basic-single " id="session" name="session">
                        {{{session}}}
               </select>
            </div>
            
            <div class="col-sm-12 text-center mt-50">
                <button class="btn btn-primary" id="searchbtn">Search</button>
            </div>
            <div class="col-sm-12">
                <div class="d-flex al-center justify-content-between mt-30 mb-30">
                    <div class="bulkdownload-report">
                        <button class="btn btn-default report_attendance_download">
                            Download Report
                        </button>
                        <i class="fa fa-download" aria-hidden="true"></i>
                    </div>
                </div>
            </div>    
        </div>
        
        <div class="row stat-card">
            <div class="col-sm-12 p0 ">
                <h3>List of Attendees</h3>
                <table class="table table-striped student-info" id="userlist_table">
                    <thead>
                        <tr>
                            
                            <td>Name</td>
                            <td>Role</td>
                            <td>Session Start Date</td>
                            <td>actual Session Start Date</td>
                            <td>Session End Date</td>                            
                            <td>Start Time</td>                          
                            <td>End Time</td>                        
                            <td>Join Time(hr)</td>
                            <td>Left Time(hr)</td>
                            
                            <td>IP Address</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="10">No Data Available</td>
                            
                        </tr>
                        
                    </tbody>
                </table>
            </div>
        </div>
    </div>
