<div id="add_course" class="modal fade bs-example-modal-lg" role="dialog" >
    <div class="modal-dialog modal-lg" style="border: 10px solid #8CC73F;border-radius: 10px">
        <div class="modal-content" id="new_course">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <hr>
            </div>
            <div class="modal-body">

                <div class="col-sm-12"><br></div>
                <div class="col-sm-12" style='padding: 5px'>
                    <div class="col-sm-3">
                        <div class="row">
                            <p class="bg-primary lead" style="text-align: center;background-color: #8CC73F">Category</p>
                            <div class="list-group text-left" id="course_cetegory" style="height: 250px; overflow-y: auto;">

                                <?php
                                if ($course_category != '') {
                                    foreach ($course_category as $course_category_value) {
                                        ?>
                                        <a href="javascript:void(0)" onclick="selectCategoryCourse('<?php echo base_url() . 'get-selected-course-by-category-id' ?>', '<?php echo $course_category_value->course_category_id; ?>');"
                                           class="list-group-item"> <?php echo $course_category_value->course_category_name; ?></a>
                                           <?php
                                       }
                                   } else {
                                       echo 'You have no Course Category';
                                   }
                                   ?>
                                <div id="new_category">

                                </div>
                            </div>
                            <span id="course_category_id_message" style="color:red;"><?php echo form_error('course_category_id'); ?></span>
                        </div>
                    </div>
                    <div class="col-sm-9" >
                        <form name="selectCourseForm" id="formID4" action="#" method="post" >
                            <div class="radio radio-success col-sm-12" id="category_course" style="display: block">

                            </div>
                        </form>
                        <div class="col-sm-12 pull-left gray_ttc" id="newCourse" style="display: none">
                        </div>
                    </div>

                </div>

            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-danger pull-right" data-dismiss="modal" >Close</button>
            </div>
        </div>
    </div>
</div>