EVOLUTION-NINJA

Edit File: roles.php

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

<script type="text/javascript" src="<?php echo base_url('public/assets/js/jquery-3.6.0.min.js'); ?>"></script>
        <script src="<?php echo base_url('public/assets/toastr/toastr.min.js');?>"></script>
        <link rel="stylesheet" href="<?php echo base_url('public/assets/toastr/toastr.min.css');?>">
<style>
    
</style>
<section class="home-section fullpage">
    <div class="home-content">
        <i class='bx bx-menu'></i>
        
    </div>
    <div class="row m-0">
        <div class="col-sm-12">
            <h1 class="crt-pjt">Roles</h1>
        </div>
    </div>
    
    <form id="formrole">

<div class="row m-0">
            <div class="constuency_page">
                <div class="constuencydetails">
                    <div class="constuencydetail row">
                        <div class="col-sm-4">
                        <label for="Role_Name" class="form-label inpfieldname">Role Name</label><br>
                        <select class="form-select form-control fieldsbox" name="role_name" id="Role_Name" aria-label="Default select example"
                                 required>
                               
                            </select>
                        </div>
                        <div class="col-sm-4">
                             
                        </div>
                    </div>
                    
                    <div class="constuencydetail row">
                        <div class="col-sm-12">
                            <label for="Remarks" class="form-label inpfieldname">Remarks</label><br>
                            <textarea name="remarks" id="Remarks" class="form-control textfields" style="border-radius: 14px:" required></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<div class="col-sm-6 buttns-cnl">
            <button type="submit" class="submit">Submit</button>
            <button type="button" class="cancel">Cancel</button>
        </div>
        </div>
    </form>
</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>
$(document).ready(function () {
        $('#formrole').submit(function (e) {
            e.preventDefault();
      
            var formdata = new FormData($(this)[0]);
            $('#app-btn').text('Sumitting...');
            $('#app-btn').attr('disabled', 'disabled');
            $.ajax({
                type: 'post',
                url: '<?php echo base_url("add-roles");?>',
                data: formdata,
                contentType: false,
                processData: false,
                success: function (response) {
                    if (response.result == 1) {
                        Swal.fire({ icon: "success", title: response.message, showConfirmButton: false, timer: 2000 });
                        $('#formrole')[0].reset();
                      
                       
                        window.location.href = '<?php echo base_url("roles");?>';
                    } else {
                        Swal.fire({ icon: "error", title: response.message, showConfirmButton: false, timer: 1000 });
                    }
                    $('#app-btn').removeAttr('disabled').text("SUBMIT");
                },
                error: function (xhr, textStatus, errorThrown) {
                    console.error(xhr.responseText);
                    Swal.fire({ icon: "error", title: "An error occurred", showConfirmButton: false, timer: 1000 });
                },
                complete: function () {
                    $('#app-btn').removeAttr('disabled').text("SUBMIT");
                }
            });
        });
    });
   
</script>
<script>
    let arrow = document.querySelectorAll(".arrow");
    for (var i = 0; i < arrow.length; i++) {
        arrow[i].addEventListener("click", (e) => {
            let arrowParent = e.target.parentElement.parentElement;
            arrowParent.classList.toggle("showMenu");
        });
    }
    let sidebar = document.querySelector(".sidebar");
    let sidebarBtn = document.querySelector(".bx-menu");
    console.log(sidebarBtn);
    sidebarBtn.addEventListener("click", () => {
        sidebar.classList.toggle("close");
    });
</script>
<script>
$(document).ready(function () {

$.ajax({
    url: '<?php echo base_url("fetch-roles"); ?>', 
    method: 'GET',
    success: function (response) {
      
        if (response.length > 0) {
            var options = '<option value="">Select Role</option>'; 
           
            $.each(response, function (key, value) {
                options += `<option value="${value.id}">${value.role}</option>`;
            });
            $('#Role_Name').html(options); 
        } else {
            alert('No roles found');
        }
    },
    error: function (xhr, status, error) {
        console.error("Error fetching department:", error);
    }
});
});

</script>

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