EVOLUTION-NINJA

Edit File: add_student_batch.php

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

.checkmark {
        display: block;
        width: 30px;
        height: 30px;
        background-color: #ddd;
        border-radius: 10px;
        position: relative;
        transition: background-color 0.4s;
        overflow: hidden;
        cursor: pointer;
    }

.check:checked~.checkmark {
        background-color: #08bb68;
    }

.checkmark::after {
        content: "";
        position: absolute;
        width: 5px;
        height: 10px;
        border-right: 3px solid #fff;
        border-bottom: 3px solid #fff;
        top: 44%;
        left: 50%;
        transform: translate(-50%, -50%) rotateZ(40deg) scale(10);
        opacity: 0;
        transition: all 0.4s;
    }

.check:checked~.checkmark::after {
        opacity: 1;
        transform: translate(-50%, -50%) rotateZ(40deg) scale(1);
    }
    .new-btn{
        background-color: rgba(0, 72, 76, 1);
    padding: 10px;
    border-radius: 10px;
    color: white;
    border: 0px;
    /* float: right; */
    margin-top: 25px;
    }

#datatable thead tr {
        /* background-color: #9191a1 !important; */
        background-color: #053F5E !important;
        color: white;
    }
</style>

<div class="col-sm-12">
                
                <section class="fee-structure">
                    <h3 style="color: rgba(0, 72, 76, 1);">Add Students - <span><?php echo $batch_no;?></span></h3>
                    <button class="btn back-butt" onclick="goBack()"><i class="fa fa-arrow-left"
                            aria-hidden="true"></i>&nbsp;Back</button>
                </section>
                <div class="table-div">
                    <form id="selectstudent">
                        <input type="hidden" name="batch_id" value="<?php echo $id;?>" id="">
                        <table id="datatable" class="display" style="width:100%">
                            <thead>
                                <tr>
                                    <th>SL no</th>
                                    <th>ID</th>
                                    <th>Admission No</th>
                                    <th>Name</th>
                                    <th>Mobile No</th>
                                    <th>Header</th>
                                    <th>Value Name</th>
                                    <th>Total Fees</th>
                                    <th>Paid </th>
                                    
                                    <th>Select</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>

<div class="row">
                            <div class="col-sm-10"></div>
                            <div class="col-sm-2">
                                <button type="submit" id="add-btn" class="new-btn">Add students</button>
                            </div>
                        </div>
                    </form>
                    <br />
                    <div id="resultID"></div>
                </div>
            </div>
        </div>
    </div>

</main>
</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">

const rightDivHeight = rightDiv.offsetHeight;

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

</script>

<script>
    function goBack() {
        window.location.href = "<?php echo base_url('add-batch');?>";
    }
</script>

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