<!DOCTYPE html>
<html lang="en">


<!-- Mirrored from akademi.dexignlab.com/codeigniter/demo/student by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 06 Mar 2024 10:51:33 GMT -->
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->

<head>
    <!-- Title -->
    <title>Course</title>
    <!-- Meta -->



</head>

<body>

    <?php
    if ($this->session->flashdata('alert_success')) {
    ?>
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">×</span>
            </button>
            <?php echo $this->session->flashdata('alert_success'); ?>
        </div>
    <?php
    }

    if ($this->session->flashdata('alert_danger')) {
    ?>
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">×</span>
            </button>
            <?php echo $this->session->flashdata('alert_danger'); ?>
        </div>
    <?php
    }
    ?>
    <div class="content-body">
    
        <div class="container-fluid">
            <div class="row">
                <div class="col-xl-12">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="page-title flex-wrap">
                                <div class="input-group search-area mb-md-0 mb-3">
                                    <input type="text" class="form-control" placeholder="Search here...">
                                    <span class="input-group-text"><a href="javascript:void(0)">
                                            <svg width="15" height="15" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M17.5605 15.4395L13.7527 11.6317C14.5395 10.446 15 9.02625 15 7.5C15 3.3645 11.6355 0 7.5 0C3.3645 0 0 3.3645 0 7.5C0 11.6355 3.3645 15 7.5 15C9.02625 15 10.446 14.5395 11.6317 13.7527L15.4395 17.5605C16.0245 18.1462 16.9755 18.1462 17.5605 17.5605C18.1462 16.9747 18.1462 16.0252 17.5605 15.4395V15.4395ZM2.25 7.5C2.25 4.605 4.605 2.25 7.5 2.25C10.395 2.25 12.75 4.605 12.75 7.5C12.75 10.395 10.395 12.75 7.5 12.75C4.605 12.75 2.25 10.395 2.25 7.5V7.5Z" fill="#01A3FF" />
                                            </svg>
                                        </a></span>
                                </div>
                                <div>

                                    <!-- Button trigger modal -->
                                    <button type="button" class="btn btn-primary" id="open-modal">
                                        + New Course
                                    </button>
                                </div>
                            </div>
                        </div>
                        <!--column-->
                        <div class="col-xl-12 wow fadeInUp" data-wow-delay="1.5s">
                            <div class="table-responsive full-data">
                                <table class="table-responsive-lg table display dataTablesCard student-tab dataTable no-footer" id="dmstable">
                                    <thead>
                                        <tr>
                                            <th class="wd-20p">S.No</th>
                                            <th class="wd-25p">Short Name</th>
                                            <th class="wd-15p">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <?php
                                        $i = 1;
                                        foreach ($records as $key => $row) {
                                        ?>
                                            <tr>
                                                <td><?= $i ?></td>
                                                <td><?= $row->short_name ?></td>
                                                <td>
                                                    <a data-toggle="tooltip" id="edit" data-placement="top" title="Edit" data-original-title="Edit" onclick="edit('<?php echo $row->id; ?>', '<?php echo $row->course_name; ?>', '<?php echo $row->short_name ?>')" class="btn btn-sm btn-info"><i class="ti ti-pencil"></i></a>
                                                    <a data-toggle="tooltip" data-placement="top" title="Delete" data-original-title="Delete" onclick="deleteCourse('<?php echo $row->id; ?>','<?php echo $row->status; ?>')" class="btn btn-sm <?php echo $row->status == 1 ? 'btn-primary' : 'btn-danger' ?> text-white"><?php echo $row->status == 1 ? 'Active' : 'In-Active' ?></a>
                                                </td>
                                            </tr>
                                        <?php $i++;
                                        }  ?>
                                    </tbody>


                                    </tbody>
                                </table>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="courseModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-center">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Add New Course </h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form method="POST" action="<?php echo base_url('ApplicationController/Course'); ?>" id="courseForm">
                        <input type="hidden" id='id' class="id" name='id'>
                        <div class="form-group">
                            <label class="tx-medium">Course <span class="text-danger">*</span></label>
                            <input type="text" class="form-control course_name" id="course_name" name="course_name" placeholder="Course Name">
                            <p class="text-danger mt-2" id="course_name_err"></p>
                        </div>

                        <div class="form-group">
                            <label class="tx-medium">Short Name <span class="text-danger">*</span></label>
                            <input type="text" class="form-control short_name" id="short_name" name="short_name" placeholder="Short Name">
                            <p class="text-danger mt-2" id="course_name_err"></p>
                        </div>

                        <div class="modal-footer">
                            <button type="submit" class="btn ripple btn-primary" id="save">Save</button>
                            <button type="button" class="btn ripple btn-secondary closemodel" id="closemodel" data-bs-dismiss="modal">Close</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="modal show" id="statusModal" style="display: none;" aria-modal="true" role="dialog">
        <div class="modal-dialog " role="document">
            <div class="modal-content modal-content-demo">
                <div class="modal-header">
                    <h6 class="modal-title" id="formTitle">Change Status</h6>

                </div>
                <div class="modal-body">
                    <form method="POST" action="<?php echo base_url('ApplicationController/commonStatusChange/') ?>" id="courseForm">
                        <input type="hidden" id='courseId' name='id'>
                        <input type="hidden" id='table' name='table' value="course">
                        <input type="hidden" id='courseStatus' name='status'>
                        <div class="form-group">
                            <h4>Are You Sure you want to change the status?</h4>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn ripple btn-primary">Yes</button>
                            <button type="button" class="btn ripple btn-secondary closemodel" id="closemodel" data-bs-dismiss="modal">Close</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>



</body>

</html>

<script>

      

$(document).ready(function() {
        $('#dmstable').DataTable();  
});
    function edit(id, name, shortname) {

        $('#course_name_err').text(' ')

        $('#id').val(id)
        $('#course_name').val(name)
        $('#short_name').val(shortname)
        $('#formTitle').text('Edit Course')

        $("#courseModal").modal('show');

    }

    function deleteCourse(id, status) {

        $('#courseId').val(id)
        $('#courseStatus').val(status)
        $("#statusModal").show();

    }

    $('#open-modal').on('click', function() {

        $("#courseModal").modal('show');
    });

    $('.closemodel').on('click', function() {

        $("#statusModal").hide();
    });
</script>