<div class="content mt-3">
    <div class="col-sm-12 col-lg-12 p-0">
        <hr>
        <div class="bg-light shadow-lg p-2 mb-2">
            <p class="text-secondary"> 1. Class list by subject</p>
            <form class="form-horizontal form-material">
                <div class="form-group row">
                    <div class="col-6 col-sm-9 col-md-9 col-lg-9">
                        <select class="form-control">
                            <option selected disabled>Current form of study</option>
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                        </select>
                    </div>
                   <div class="col-6 col-sm-3 col-md-3 col-lg-3">
                       <button class="btn btn-primary" onclick="get_class_list_search_content_by_class()">
                            Get students
                        </button>
                    </div>
                </div>
            </form>
        </div>
        <div class="bg-light shadow-lg p-2">
            <p class="text-secondary mt-3"> 2. Class list by subject</p>
            <form class="form-horizontal form-material">
                <div class="form-group row">
                    <div class="col-6 col-sm-3 col-md-3 col-lg-3">
                        <select class="form-control">
                            <option selected disabled>Choose Subject</option>
                            <option>Biology</option>
                            
                        </select>
                    </div>
                    <div class="col-6 col-sm-3 col-md-3 col-lg-3">
                        <select class="form-control">
                            <option selected disabled>Current form of study</option>
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                        </select>
                    </div>
                    <div class="col-6 col-sm-3 col-md-3 col-lg-3">
                        <select class="form-control">
                            <option selected disabled>Term</option>
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                        </select>
                    </div>
                    
                    <div class="col-6 col-sm-3 col-md-3 col-lg-3">
                        <button class="btn btn-primary" onclick="get_class_list_search_content_by_subject()">
                            Get students
                        </button>
                    </div>
                </div>
            </form>
        </div>
        
    </div>
</div> <!-- .content -->

<div id="class_list_sub_content">
    
</div>

