<!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>Application Fee</title>
    <!-- Meta -->



</head>

<body>

    <div class="content-body">
        <!-- row -->
        <div class="container-fluid">
            <!-- Row -->
            <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 Application Fee
                                    </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="example-student">
                                    <thead>

                                        <tr>
                                            <th class="wd-20p">S.No</th>
                                            <th class="wd-25p">Course Name</th>
                                            <th class="wd-25p">Application Fees</th>
                                            <th class="wd-15p">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <?php
                                        $i = 1;
                                        foreach ($records as $key => $row) {
                                        ?>
                                            <tr>
                                                <td><?= $i ?></td>
                                                <td><?= $row->course_name ?></td>
                                                <td><?= $row->fees ?></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->fees; ?>', '<?php echo $row->course; ?>')" 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>
                                </table>
                            </div>
                        </div>

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

        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="applicationModal" 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 Application Fees </h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form method="POST" id="feesForm" action="<?php echo base_url('ApplicationController/addEditFees'); ?>">
                        <input type="hidden" id='id' name='id'>


                        <div class="form-group">
                            <label class="tx-medium">Course <span class="text-danger">*</span></label>
                            <select name="courseId" id="courseId" class="form-control select2">
                                <option value="">--Select--</option>
                                <?php foreach ($courses as $row) { ?>
                                    <option value="<?php echo $row->id ?>"> <?php echo $row->course_name ?></option>

                                <?php } ?>
                            </select>
                        </div>


                        <div class="form-group">
                            <label class="tx-medium">Application Fees <span class="text-danger">*</span> </label>
                            <input type="text" class="form-control" id="fees" name="fees" placeholder="Course Name" required>
                            <!-- <p class="text-danger mt-2" id="fees_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 " 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='rowId' name='id'>
                        <input type="hidden" id='rowStatus' name='status'>
                        <input type="hidden" id='table' name='table' value="application_fees">
                        <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>
    function edit(id, feesVal, courseId) {
        $('#course_name_err').text(' ')
        $('#fees_err').text(' ')

        $('#id').val(id)
        $('#fees').val(feesVal)
        $('#courseId').val(courseId)
        $('#courseId').val(courseId).trigger('change');
        $('#formTitle').text('Edit Course')

        $("#applicationModal").modal('show');
        $("#courseId").select2({
            width: '100%',
        });

    }

    function deleteCourse(id, status) {

        $('#rowId').val(id)
        $('#rowStatus').val(status)
        $("#statusModal").show();
    }

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

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

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

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