    <div class="container">
       <div class="row mentor-filter">
            <div class="col-sm-12 col-md-6">
                <lable class="bold">College</lable>
                    <select class="js-example-basic-single" id ="college" name="college">
                        {{{college}}}
                    </select>
            </div>
            <div class="col-sm-12 col-md-6">
                <label class="bold">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" >
                        {{{coursename}}}
                    </select>
            </div>
           
<!--            <div class="col-sm-12 col-md-6">
                <label class="bold mt-10">Date</label>
                <input type="date" class="form-control" id="date">
            </div>-->
            
            <div class="col-sm-12 text-center mt-10">
                <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-10 mb-10">
                    <div class="bulkdownload-report">
                        <button class="btn btn-default report_menual_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 livetable">
                <h3>List of Students</h3>
                <table class="table table-striped student-info" id="userlist_table">
                    <thead>
                        <tr>
                            
                            <td>Name</td>
                            <td>Email</td>
                            <td>Present</td>
                            <td>Late</td>
                            <td>Excuse</td>
                            <td>Absent</td>
                            

                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="10">No data available</td>
                        </tr>
                        
                    </tbody>
                </table>
            </div>
        </div>
    </div>
<style>
.page-header .breadcrumb {
    margin-top: 0;
    margin-bottom: 29px;
}
</style>