<script src="<?php echo base_url(); ?>back_end_resource/manage_video_section/manage_video_section.js" type="text/javascript"></script>
<div class="col-sm-8">
    <div class="row">
        <div class="col-sm-12 padding-zero">
            <div class="col-sm-12">
                <div class="col-sm-4 form-group">
                    <a href="javascript:void(0)" onclick="add_section()" class="btn btn-sm btn-success"><i class="fa fa-plus-circle" title="Add Section"></i></a>
                </div>
                
                <div class="col-sm-6 form-group">                
                    <div class="input-group">
                        <input type="text"
                               class="form-control" 
                               id="search_video_section"
                               name="search_video_section"
                               oninput="search_video_course_section(this.value,'<?php echo base_url().'search-video-section'?>')"
                               placeholder="Search here..."> 
                               
                        <span class="input-group-addon"><i class="fa fa-search"></i></span>
                    </div>                
                </div>
                
            </div>
        </div>
        <div class="col-sm-12">
            <?php
            $person_id = $this->session->userdata('person_id');
            $video_course_id = $video_course_id;
            ?>
            <input type="hidden" id="baseUrl" value="<?php echo base_url(); ?>">
            <input type="hidden" id="section_id_indivisual_video_course" value="<?php echo $video_course_id; ?>">
            <input type="hidden" id="person_id" value="<?php echo $person_id; ?>">
            
             <!-- --------------------Video Course Add Section Area Start-------------------- -->
            <div class="col-sm-12 gray_ttc add_div" id="add_video_course_section">
                <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
                    <h3 class="text-left label add_update_title">Add Video Course Section</h3>
                </ul>

                <div id="my-tab-content" class="tab-content">
                    <div class="tab-pane active">
                        <div class="tab-content panel-body">
                            <div class="col-sm-12">
                                <div class="col-sm-12"><br></div>
                                <div class="form-group col-sm-10">
                                    <div class="input-group">
                                        <input type="text" 
                                               placeholder="Please type Video Course Section Name"
                                               class="form-control"
                                               id="video_course_section_name"
                                               name="video_course_section_name"
                                               oninput="check_section_name(this.value)"
                                               value="">
                                        <span class="input-group-addon" title="Please type Video Course Section Name"><i class="fa fa-clone"></i></span>
                                    </div>
                                    <span class="add_edit_error" id="video_section_error"></span>
                                </div>
                                <div class="form-group col-sm-2">
                                    <button type="submit" onclick="add_video_section()" class="btn btn-default"><i class="fa fa-save" title="Add Section"></i></button>
                                </div>

                            </div>
                        </div>   
                    </div>
                </div>
            </div>
            <!-- --------------------Video Course Add Section Area End-------------------- --> 

            <!-- --------------------Video Course Edit Section Area Start-------------------- -->
            <div class="col-sm-12 gray_ttc edit_div" id="update_video_course_section">
                <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
                    <h3 class="text-left label add_update_title">Update Video Course Section</h3>
                </ul>

                <div id="my-tab-content" class="tab-content">
                    <div class="tab-pane active">
                        <div class="tab-content panel-body">
                            <div class="col-sm-12">
                                <div class="col-sm-12"><br></div>
                                <div class="form-group col-sm-10">
                                    <div class="input-group">
                                        <input type="text" 
                                               placeholder="Please type Video Course Section Name"
                                               class="form-control"
                                               id="update_video_course_section_name"
                                               name="update_video_course_section_name"
                                               oninput="check_section_name(this.value)"
                                               value="">
                                        <span class="input-group-addon" title="Please type Video Course Section Name"><i class="fa fa-clone"></i></span>
                                    </div>
                                    <span class="add_edit_error" id="edit_video_section_error"></span>
                                </div>
                                <input type="hidden" id="section_id_of_video_course" name="section_id_of_video_course">
                                <div class="form-group col-sm-2">
                                    <button type="submit" onclick="update_video_section()" class="btn btn-default"><i class="fa fa-save" title="Update Section"></i></button>
                                </div>

                            </div>
                        </div>   
                    </div>
                </div>
            </div>
            <!-- --------------------Video Course Edit Section Area End-------------------- --> 
        </div>
        <div class="col-sm-12"><br></div>
        <div class="col-sm-12" id="all_manage_video_course_section">
            <script type="text/javascript">
                manage_section_by_ajax();
            </script>
        </div>
        <span class="add_edit_error" id="manage_video_section_error"></span>
    </div>    
</div>


<link href="<?php echo base_url(); ?>back_end_resource/manage_video_section/manage_video_section.css" rel="stylesheet" type="text/css"/>
