EVOLUTION-NINJA

Edit File: instruction.php

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

<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">Instruction</h1>
        </div>
    </div>
    
  <form id="notification-form" class="form">
    <div class="row m-0">
        <div class="constuency_page"> 
            <div class="constuencydetails">
                <div class="constuencydetail row">
                    <div class="col-sm-4">
                        <label for="roleSelect" class="form-label inpfieldname">Role</label><br>
                        <select id="roleSelect" class="form-select form-control fieldsbox" aria-label="Select Role">
                            <option value="apm">APM</option>
                            <option value="engineer">Engineer</option>
                            <option value="supervisor">Supervisor</option>
                        </select>
                    </div>
                    <div class="col-sm-4">
                        <label for="constituency" class="form-label inpfieldname">Sending To</label><br>
                        <select class="form-select form-control fieldsbox" id="users" name="users[]" multiple>
                            <option value=""></option>
                        </select>
                    </div>
                    <div class="col-sm-4">
                        <label><input type="checkbox" id="selectAll"> Select All</label>
                    </div>
                </div>
            </div>
            
            <div class="constuencydetail row">
                <div class="col-sm-8">
                    <label for="message" class="form-label inpfieldname">Message</label><br>
                    <textarea name="message" id="message" class="form-control textfields projectinputs" required style="resize:none"></textarea>
                </div>
            </div>

<div class="col-sm-6 buttns-cnl">
                <button type="submit" class="submit">Send</button>
                <button type="button" class="cancel" id="btn-cancel">Cancel</button>
            </div>
        </div>
    </div>
</form>

$('#btn-cancel').click(function (e) {
            e.preventDefault();
            $('#notification-form')[0].reset();
        })
    })
</script>

$('#selectAll').on('change', function() {
        if (this.checked) {
            $('#users option').prop('selected', true); // Select all options
        } else {
            $('#users option').prop('selected', false); // Deselect all options
        }
    });

populateUsers('all');
    
    function populateUsers(role) {
        $.ajax({
            url: 'getUsersByRole',
            type: 'POST',
            data: {role: role},
            dataType: 'json',
            success: function(response) {
                $('#users').empty();
                $('#users').append('<option value="">Select User</option>'); 
                $.each(response, function(index, user) {
                    $('#users').append('<option value="' + user.id + '">' + user.username + '</option>');
                });
            }
        });
    }
});

</script>

var formdata = new FormData($(this)[0]);
            $('#app-btn').text('Sending...');
            $('#app-btn').attr('disabled', 'disabled');
            $.ajax({
                type: 'post',
                url: '<?php echo base_url("send-notification");?>',
                data: formdata,
                contentType: false,
                processData: false,
                success: function (response) {
                    if (response.result == 1) {
                        Swal.fire({ icon: "success", title: response.message, showConfirmButton: false, timer: 2000 });
                        $('#notification-form')[0].reset();

</script>

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