EVOLUTION-NINJA

Edit File: certificate.php

<?php echo view('includes/home_sidebar');?>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

.add-batch-block {
        display: flex;
        justify-content: space-between;
        padding: 8px;
        border-bottom: 3px solid #8D8D8D;
    }

.add-batch-heading {
        margin: 0;
        padding: 3px;
        align-self: center;
        color: #003352;
        font-size: 20px;
        font-weight: 600;

}

.back-butt {
        color: #606060;
        font-size: 21px;
        font-weight: 500;
        outline: none;
        border: none
    }

.add-batch {
        background-color: #EFF3FC;
        padding: 15px 25px;
    }

.add-batch label {
        padding: 5px 10px;
        font-size: 15px;
        margin-block: 4px;
        font-weight: 500;
        color: #606060;
    }

.star-mad {
        color: #c83434;
        font-size: 20px;
        position: relative;
        top: 2px;
    }

.inp-boxes-addbatch {
        border: none;
        box-shadow: 0px 0px 3px #ccc;
        background-color: white !important;
    }

</style>

<main id="rightDiv">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
          
                <section class="fee-structure">
                    <h3 style="color: rgba(0, 72, 76, 1);">Certificate Issue</h3>
                    <button class="btn back-butt" onclick="goBack()"><i class="fa fa-arrow-left"
                            aria-hidden="true"></i>&nbsp;Back</button>
                </section>
                <section>
                    <form id="certificate">
                        <div class="add-batch">
                            <div class="row">
             
                <div class="col-sm-3">
                    <label>Admission No</label><input type="text" placeholder=""
                     id="admission_no" name="admission_no" class="inp-boxes-addHeader form-control" />
                  </div>          
                </div>
                         <br><br>
                            <div class="row">
                            <div class="col-sm-1 ">
                                    <button type="submit" class="submit-student-form view-submit-button "
                                        id="app-btn">Submit</button>   
                                </div>
                          </div>
                        </div>
                    </form>

</div>

</section>

$(document).ready(function() {
    $('#certificate').submit(function(event) {
        event.preventDefault();
        
        let admission_no = $('#admission_no').val();

console.log(admission_no);

if (!admission_no) {
            alert('All fields are required.');
            return;
        }

window.location.href = "<?php echo base_url('get-certificate-data'); ?>?admission_no=" + admission_no;
    });
});

</script>

$('#admission_no').autocomplete({
        source: function (request, response) {
            $.ajax({
                url: '<?php echo base_url("autocomplete-admission-no"); ?>',
                dataType: "json",
                data: {
                    term: request.term
                },
                success: function (data) {
                    response(data);
                }
            });
        },
        minLength: 2 
    });

});
</script>

const rightDivHeight = rightDiv.offsetHeight;

leftDiv.style.height = rightDivHeight + 'px';
    };

</script>

<?php echo view('includes/footer'); ?>