<!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>Completed List</title>
    <!-- Meta -->



</head>

<body>




    <div class="content-body">
        <div class=" justify-content-between ">
            <div style="margin-top:-20px !important;margin-left:25px;">
                <h3 class="tx-24 mg-b-5"><strong><?= $page; ?> </strong></h4>
            </div>

        </div>

        <!-- 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>

                                </div>
                            </div>
                        </div>
                        <!--column-->
                        <div class="col-xl-12 wow fadeInUp" data-wow-delay="1.5s">

                            <div class="card-header ">
                                <div class="row d-flex justify-content-start">
                                    <div class='col-md-2'>
                                        <select name="courseId" id="courseId" class="form-control  filtercourse select2 ">
                                            <option value="">-- Filter Course --</option>
                                            <?php foreach ($courses as $row) { ?>
                                                <option value="<?php echo $row->short_name ?>"> <?php echo $row->short_name ?></option>
                                            <?php } ?>
                                        </select>
                                    </div>

                                    <div class='col-md-4'>
                                        <input type="checkbox" id="demandDraft" name="demandDraft" class="ml-2"><label class="mt-2"> &nbsp; Demand Draft</label>
                                        <input type="checkbox" id="scst" name="scst" class="ml-2"><label class="mt-2"> &nbsp; SC/ST</label>
                                    </div>
                                </div>

                            </div>
                            <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-20p">Ref.No</th>
                                            <th class="wd-25p">Name</th>
                                            <th class="wd-15p">Course Name</th>
                                            <!-- <th class="wd-15p">Fees</th>
                                    <th class="wd-15p">Mobile</th>
                                    <th class="wd-15p">staus</th> -->
                                            <th class="wd-15p">Email</th>

                                            <th class="wd-15p">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <?php
                                        foreach ($records as $i => $row) { ?>
                                            <tr>
                                                <td><?php if ($page != 'Shortlisted') { ?><?php } ?><?= $i + 1 ?></td>
                                                <td><?= $row->reference_no ?></td>
                                                <td><?= $row->first_name ?></td>
                                                <td><?= $row->short_name; ?></td>
                                                <!-- <td><?= $row->application_fees; ?></td>
                                        <td><?= $row->mobile; ?></td>
                                        <td> <form action="<?= base_url('ApplicationController/mailSendOnPendingList/') ?>" method="post"><input type="hidden" value="<?= $row->email ?>" name="email" id="email"><input type="hidden" value="<?= $row->first_name . ' ' . $row->middle_name . ' ' . $row->last_name ?>" name="uname" id="uname"><button class="btn " type="submit"><i class="ti-email text-info h4"></i></button></form></td>

                                        <td><?= ($row->apstatus == '1') ? 'Completed' : 'Pending' ?></td> -->
                                                <td><a title="Send Mail" href="<?= base_url('ApplicationController/mailSendOnShortlist/' . $row->appid) ?>"><i class="ti-email text-themecolor h5"></i></a>

                                                <td style="padding-right: 10px;">
                                                    <!-- <?php if ($row->payment_mode == 0 && $row->apstatus == 0) { ?>
                                                <a href="#" onclick="openPayment('<?= $row->appid ?>', <?= $row->user_id ?>, '<?= $row->payment_mode ?>')" id="opentutionModal"><i class="ti-money text-themecolor h5"></i></a>
                                            <?php } ?> -->
                                                    <a title="Preview" href="<?= base_url('ApplicationController/viewApplication/' . $row->user_id) ?>"><i class="ti-eye text-themecolor h5"></i></a>
                                                    <!-- <a title="Edit" href="<?= base_url('ApplicationController/applicationedit/' . $row->user_id) ?>" class=""><i class="ti-pencil-alt text-themecolor h5"></i></a> -->
                                                </td>
                                            </tr>
                                        <?php  }
                                        ?>
                                    </tbody>
                                </table>
                            </div>
                        </div>

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

        </div>
    </div>


</body>

</html>

<script>
    $(document).ready(function() {
            // When a link with the class "open-in-new-tab" is clicked
            $(".open-in-new-tab").click(function(event) {
                // Prevent the default behavior (opening the link in the current tab)
                event.preventDefault();

                // Get the URL from the href attribute of the clicked link
                var url = $(this).attr("href");

                // Open the URL in a new tab/window
                window.open(url, "_blank");
            });
        });

        function shortlist() {
            var checkedValues = [];
            $('.shortList:checked').each(function() {
                checkedValues.push($(this).val());
            });
            // alert(checkedValues);
            if (checkedValues) {
                $.ajax({
                    type: "POST",
                    url: "<?php echo base_url('ApplicationController/shortList'); ?>", // Corrected URL
                    data: {
                        id: checkedValues
                    },
                    success: function(respose) {
                        // alert('fggh');
                        window.location.reload();
                        // loadCourses(); // Reload the course list
                    },
                    error: function(error) {
                        console.error(error);
                    }
                });
            }
        }
        $(document).ready(function() {
            $('#dmstable').DataTable();
            // Add checkbox click event
            $('#dmstable tbody').on('click', 'input.checkbox', function() {
                var tr = $(this).closest('tr');
                if ($(this).prop('checked')) {
                    tr.addClass('selected');
                } else {
                    tr.removeClass('selected');
                }
            });

            $(".filtercourse").on("change", function() {
                // alert($(this).val());
                var columnIndex = 3;
                var filterValue = $(this).val();
                $('#dmstable').DataTable().column(columnIndex).search(filterValue).draw();
            });

            $(".filter").on("change", function() {
                // alert($(this).val());
                var columnIndex = 7;
                var filterValue = $(this).val();
                //    console.log("Column Index:", $(this).data("column"));
                // table.column(columnIndex).search(filterValue).draw();
                $('#dmstable').DataTable().column(columnIndex).search(filterValue).draw();

                // table.columns(7).search($(this).val()).draw();
                // dataTable.column($(this).data("column")).search(this.value).draw();
            });
            // table.buttons().container().appendTo("#dmstable .col-md-6:eq(0)");

        });

        function openPayment(appid, userId, paymentMode) {
            // alert(appid+' - '+userId+' - '+paymentMode)
            $("#tutionModal").show();
            $('#appid').val(appid);
            $('#userid').val(userId);
            $('#paymentmode').val(paymentMode);
            //         console.log("App ID:", appid);
            // console.log("User ID:", userId);
            // console.log("Payment Mode:", paymentMode);

        }
        $("#closemodel").click(function() {
            $('#tution_name_err').text(' ')
            $("#tutionModal").hide();
        });
        $(document).ready(function() {
            $('#tutionForm').validate({
                rules: {
                    name: {
                        required: true
                    },
                    bankname: {
                        required: true
                    },
                    transaction: {
                        required: true
                    },
                    date: {
                        required: true
                    },
                    amount: {
                        required: true,
                        number: true
                    }
                },
                messages: {
                    name: {
                        required: "Please enter your name"
                    },
                    bankname: {
                        required: "Please enter bank name"
                    },
                    transaction: {
                        required: "Please enter transaction number"
                    },
                    date: {
                        required: "Please enter date"
                    },
                    amount: {
                        required: "Please enter amount",
                        number: "Please enter a valid number"
                    }
                },
                errorClass: "error", 
                submitHandler: function(form) {
                    form.submit();
                }
            });
        });
</script>