EVOLUTION-NINJA

Edit File: Internship-letter.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="internship">
                        <div class="add-batch">
                            <div class="row">
             
                            <div class="col-sm-3">
                              <label for="name">Enter Name</label>
                              <input type="text" id="name" name="name" class="inp-boxes-addHeader form-control" placeholder="" />
                             </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() {
    $('#internship').submit(function(event) {
        event.preventDefault();
        
        let name = $('#name').val();

console.log(name);

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

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

</script>

const rightDivHeight = rightDiv.offsetHeight;

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

</script>

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