EVOLUTION-NINJA

Edit File: roleCreation1.php

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

<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" aria-label="Default select example"
                                id="Role_Name" name="role" required>
                                
                            
                            </select>
                        </div>
                        <div class="col-sm-4">
                        <label for="APM" class="form-label inpfieldname">Admin</label><br>
                        <select class="form-select form-control fieldsbox" aria-label="Default select example"
                                id="Admin" name="admin" >
                                <option value="">Select Admin</option>
                                <option value="APM 1">APM 1</option>
                                <option value="APM 1">APM 1</option>
                                <option value="APM 1">APM 1</option>
                                <option value="APM 1">APM 1</option>
                            </select>
                        </div>
                    </div>
                    <div class="constuencydetail row">
                        <div class="col-sm-4">
                        <label for="Supervisor" class="form-label inpfieldname">APM</label><br>
                        <select class="form-select form-control fieldsbox" aria-label="Default select example"
                                id="APM" name="apm" >
                                <option value="">Select APM</option>
                                <option value="Supervisor 1">Supervisor 1</option>
                                <option value="Supervisor 1">Supervisor 1</option>
                                <option value="Supervisor 1">Supervisor 1</option>
                                <option value="Supervisor 1">Supervisor 1</option>
                            </select>
                        </div>
                        <div class="col-sm-4">
                        <label for="Engineer" class="form-label inpfieldname">Supervisor </label><br>
                            <select class="form-select form-control fieldsbox" aria-label="Default select example"
                                id="Supervisor" name="supervisor" >
                                <option value="">Select Supervisor</option>
                                <option value="APM 1">APM 1</option>
                                <option value="APM 1">APM 1</option>
                                <option value="APM 1">APM 1</option>
                                <option value="APM 1">APM 1</option>
                            </select>
                        </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:" name="remarks" required></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 buttns-cnl">
            <button type="submit" class="submit" id="app-btn">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">

$(document).ready(function () {
        $('#formRoleCreation').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-creation");?>',
                data: formdata,
                contentType: false,
                processData: false,
                success: function (response) {
                    if (response.result == 1) {
                        Swal.fire({ icon: "success", title: response.message, showConfirmButton: false, timer: 2000 });
                        $('#formRoleCreation')[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>

$.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.role}">${value.role}</option>`;
            });
            $('#Role_Name').html(options); 
        } else {
            alert('No roles found');
        }
    },
    error: function (xhr, status, error) {
        console.error("Error fetching department:", error);
    }
});
});

</script>
<script>
document.getElementById('Role_Name').addEventListener('change', function() {
    var selectedRole = this.value;

// Get dropdown elements
    var adminDropdown = document.getElementById('Admin');
    var apmDropdown = document.getElementById('APM');
    var supervisorDropdown = document.getElementById('Supervisor');

if (selectedRole === 'Admin') {

adminDropdown.disabled = true;
        apmDropdown.disabled = true;
        supervisorDropdown.disabled = true;

}
  else if (selectedRole === 'APM'){
    adminDropdown.disabled = false;
        apmDropdown.disabled = true;
        supervisorDropdown.disabled = true;
  }
   
   else if(selectedRole === 'Supervisor'){
    adminDropdown.disabled = false;
        apmDropdown.disabled = false;
        supervisorDropdown.disabled = true;

} 
   else if(selectedRole === 'Engineer'){
    adminDropdown.disabled = false;
        apmDropdown.disabled = false;
        supervisorDropdown.disabled = false;

} 
    else {

adminDropdown.disabled = false;
        apmDropdown.disabled = false;
        supervisorDropdown.disabled = false;

adminDropdown.value = '';
        apmDropdown.value = '';
        supervisorDropdown.value = '';
    }
});

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