EVOLUTION-NINJA
Edit File: certificate.php
<?php echo view('includes/home_sidebar');?> <!-- jQuery --> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <!-- jQuery UI CSS --> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <!-- jQuery UI JS --> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> <style> #leftDiv { height: 960px !important; } .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> 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> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.10.8/dist/sweetalert2.all.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.10.8/dist/sweetalert2.min.css" rel="stylesheet"> <script> function previewImage(event) { var reader = new FileReader(); reader.onload = function() { var output = document.getElementById('uploaded-photo'); output.src = reader.result; }; reader.readAsDataURL(event.target.files[0]); } </script> <script> $(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> <script> $(document).ready(function () { var isToggled = false; $('#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> <script> window.onload = function () { const leftDiv = document.getElementById('leftDiv'); const rightDiv = document.getElementById('rightDiv'); const rightDivHeight = rightDiv.offsetHeight; leftDiv.style.height = rightDivHeight + 'px'; }; </script> <script> function goBack() { window.location.href = 'dashboard'; } </script> <?php echo view('includes/footer'); ?>