byp4a55 professor6T9

Linux premium133.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64
LiteSpeed
162.0.232.69

File Name : create_member.php

<?php

include "includes/head.php";

include "includes/menu.php";
  include "includes/sidebar.php";
  include "database/config.php";

function generateRandomLetters($length = 5) {
    $randomLetters = '';
    for ($i = 0; $i < $length; $i++) {
        $randomLetters .= chr(rand(65, 90)); // Uppercase letters (A-Z)
    }
    return $randomLetters;
  }

$matriculeNumber = 'LTM'.rand(80,5).generateRandomLetters(2).rand(80,5) ;

error_reporting(0);

$get_url = $_GET["search"] ;

// Set timezone
  date_default_timezone_set('Africa/Douala');

$expiration_date_formatted = date('Y-m-d'); // Output as "Month Day, Year"
?>

<main id="main" class="main">
    <div class="pagetitle">
        <h1>Add Member</h1>
        <nav>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                <li class="breadcrumb-item">Add Member</li>
            </ol>
        </nav>
    </div>

<form id="wizard-form">
                                
                                <div class="step active" id="step-1">
                                    <h1>Personal Information</h1>
                                    <p>Please carefully Enter all the information of the member in the field as required. </p>
                                    <br>
                                    <div class="row g-3">
                                        <div class="col-md-4">
                                            <div class="form-floating">
                                                <input type="text" class="form-control" id="matricule_number" value="<?= $matriculeNumber ?>" placeholder="Your Name" readonly>
                                                <label for="floatingName">Matricule No.</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating">
                                                <select type="text" class="form-control" id="member_title" placeholder="Your Email" required>
                                                    <option value="St.">St.</option>
                                                    <option value="Pst.">Pst.</option>
                                                    <option value="Rev.">Rev.</option>
                                                    <option value="Mommy">Mommy</option>
                                                    <option value="Daddy">Daddy</option>
                                                </select>
                                                <label for="floatingEmail">Member Title</label>
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="form-floating">
                                                <input type="text" class="form-control" autocomplete="off" id="member_name" placeholder="Your Name" required>
                                                <div id="suggestions" class="suggestion-box"></div>
                                                <label for="floatingName">Member Name</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating">
                                                <input type="email" class="form-control" id="member_email" placeholder="Your Email" required>
                                                <label for="floatingEmail">Member Email</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating">
                                                <input type="password" class="form-control" id="member_password" value="<?= $matriculeNumber ?>" placeholder="Password" required>
                                                <label for="floatingPassword">Password (Same as contract No. by default)</label>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-floating">
                                                <input type="number" class="form-control" id="member_phone" placeholder="Your Email" required>
                                                <label for="floatingEmail">Member Phone</label>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-floating">
                                                <input type="file" class="form-control" id="member_profile" value="<?= $matriculeNumber ?>" placeholder="Password">
                                                <label for="floatingPassword">Member Profile</label>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-floating">
                                                <select class="form-control" id="age_range" value="<?= $matriculeNumber ?>" placeholder="Password" required>
                                                    <option value="Below 18">Below 18</option>
                                                    <option value="18+">18+</option>
                                                </select>
                                                <label for="floatingPassword">Member Age Range</label>
                                            </div>
                                        </div>
                                        <div class="col-md-12" style="display:none" id="id_upload">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="">
                                                        <img id="frontblah" class="blahimg" src="" alt="Front ID card">
                                                        <label for="member_id_front" href="#" class="id_card_upload" title="Upload new profile image"><i class="bi bi-upload" style="color:black"></i> <br> Front ID Card</label>
                                                        <input type="file" accept="image/*" name="member_id_front" class="form-control" id="member_id_front"  style="display:none">
                                                        <span id="selected-file" style="display:none"></span>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="">
                                                        <img id="backblah" class="blahimg" src="" alt="Back ID card">
                                                        <label for="member_id_back" href="#" class="id_card_upload" title="Upload new profile image"><i class="bi bi-upload" style="color:black"></i><br>Back ID Card</label>
                                                        <input type="file" accept="image/*" name="member_id_back" id="member_id_back" class="form-control" id=""  style="display:none">
                                                        <span id="selected-file" style="display:none"></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <br>
                                            <div class="col-md-6">
                                                <div class="form-floating">
                                                    <input type="text" class="form-control" id="member_nid_number" placeholder="Member's ID No" >
                                                    <label for="floatingEmail">NID Number</label>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-floating">
                                                    <select type="text" class="form-control" id="member_sex" placeholder="Gendar" required>
                                                        <option value="Male">Male</option>
                                                        <option value="Female">Female</option>
                                                    </select>
                                                    <label for="floatingEmail">Gendar</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <br>
                                    <button type="button" class="btn btn-primary next-btn" data-next-step="2" disabled>Next</button>
                                </div>

<div class="step" id="step-2">
                                    <h1>Localisation / Professional Details</h1>
                                    <p>In this section, you are expected to enter all details related to the Member place of residence and profession/occupation. </p>
                                    <br>
                                    <div class="row g-3">
                                        <div class="col-md-6">
                                            <div class="form-floating">
                                                <input type="text" class="form-control" id="member_town" placeholder="Your Name" required>
                                                <label for="floatingName">Member Town</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating">
                                                <input type="text" class="form-control" id="member_quarter"  required>
                                                <label for="floatingName">Member Quarter</label>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-floating">
                                                <input type="text" class="form-control" id="location_description" required>
                                                <label for="floatingEmail">Location Description</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating">
                                                <input type="text" class="form-control" id="member_occupation" placeholder="Your Name" required>
                                                <label for="floatingName">Occupation</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating">
                                                <input type="text" class="form-control" id="member_company"  required>
                                                <label for="floatingName">Company name</label>
                                            </div>
                                        </div>
                                    </div>
                                    <br>
                                    <br>
                                    <button type="button" class="btn btn-secondary prev-btn" data-prev-step="1">Previous</button>
                                    <button type="button" class="btn btn-primary next-btn" data-next-step="3" disabled>Next</button>
                                </div>

<div class="step" id="step-3">
                                    <h4>Departmental Details</h4>
                                    <p>Add full deatils about this Member's Departmental participation. </p>
                                    <br>
                                    <div class="row g-3">
                                        <div class="col-md-6">
                                            <div class="form-floating">
                                                <select type="text" class="form-control" id="member_department" placeholder="Your Name" readonly>
                                                    <option value="" disabled selected>Select Department</option>
                                                    <?php

$select_departmental_query = "SELECT * FROM departments";
                                                        $select_departmental_query_result = mysqli_query($conn, $select_departmental_query);

while($department = mysqli_fetch_assoc($select_departmental_query_result)){

$department_id = $department['id'];
                                                        $department_name = $department['dept_name'];
                                                    ?>
                                                        <option value="<?= $department_id ?>"><?= $department_name ?></option>
                                                    <?php } ?>
                                                </select>
                                                <label for="floatingName">Member Department</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating">
                                                <select type="text" class="form-control" id="member_status" required >
                                                    <option value="Active">Active</option>
                                                    <option value="Inactive">Inactive</option>
                                                    <option value="lukewarm">lukewarm</option>
                                                </select>
                                                <label for="floatingEmail">Member's Status</label>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-floating">
                                                <select type="text" class="form-control" id="member_position" required >
                                                    <option value="Leader">Leader</option>
                                                    <option value="Ass. Leader">Ass. Leader</option>
                                                    <option value="Secretary">Secretary</option>
                                                    <option value="Ass. Secretary">Ass. Secretary</option>
                                                    <option value="Treasurer">Treasurer</option>
                                                    <option value="Ass. Secretary">Ass. Secretary</option>
                                                    <option value="Member">Member</option>
                                                </select>
                                                <label for="floatingEmail">Member's Position</label>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-floating">
                                                <input type="date" class="form-control" value="<?php echo date("Y-m-d"); ?>" id="registration_date" required>
                                                <label for="floatingEmail">Registration Date</label>
                                            </div>
                                        </div>
                                    </div>
                                    <br>
                                    <button type="button" class="btn btn-secondary prev-btn" data-prev-step="2">Previous</button>
                                    <button id="add_member_btn" type="button" class="btn btn-success" onclick=addNewMember()>Register</button>
                                    <button id="add_member_progress_btn" style="display: none" class="btn btn-success" type="button" disabled>
                                        <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
                                        Proccessing...
                                    </button>
                                </div>

</form>
                            <br><br>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<button data-toggle="modal" data-target=".successRegisterModal" type="button" id="register_success_modal" style="display:none"></button>
    <div  class="modal fade successRegisterModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <form action="verification/e-receipt?" method="GET">
                <div class="modal-content w3-animate-bottom" style="display: inline-grid; justify-content: center;">
                    <div class="modal-body text-center">
                        <img src="assets/img/success.gif" alt="successGif">
                        <br><br>
                        <div class="modal-buttons">
                            <button type="button" class="btn btn-danger" onclick="window.location.href='create_member'">Create Another</button>
                            <button type="button" class="btn btn-danger" onclick="window.location.href='./'">Home</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

</main>

$("#member_id_front").change(function() {
        readURL(this);
        });

document.getElementById("member_id_front").addEventListener("change", function() {
            var selectedFile = this.files[0];
            var selectedFileText = selectedFile ? selectedFile.name : "No file chosen";
            document.getElementById("selected-file").innerText = selectedFileText;
    });

member_id_back.onchange = evt => {
        const [file] = member_id_back.files
        if (file) {
            backblah.src = URL.createObjectURL(file)
        }
        }

$("#member_id_back").change(function() {
        readURL(this);
        });

document.getElementById("member_id_back").addEventListener("change", function() {
            var selectedFile = this.files[0];
            var selectedFileText = selectedFile ? selectedFile.name : "No file chosen";
            document.getElementById("selected-file").innerText = selectedFileText;
    });

document.getElementById('age_range').addEventListener('change', function () {
        var age_range = this.value;
        
        // Hide all divs first
        document.getElementById('id_upload').style.display = 'none';

// Show the selected div based on the input
        if (age_range === '18+') {
            document.getElementById('id_upload').style.display = 'block';
        } else if (age_range === 'Below 18') {
            document.getElementById('id_upload').style.display = 'none';
        }
    });
</script>

if (query != '') {
            $.ajax({
                url: "api/get_Member.php", // PHP script to fetch data
                method: "POST",
                data: {query: query},
                success: function(data) {
                    $('#suggestions').fadeIn();
                    $('#suggestions').html(data); // Display the suggestions
                }
            });
        } else {
            $('#suggestions').fadeOut(); // Hide the suggestions when input is cleared
        }

// Set selected suggestion to the input field
        $(document).on('click', 'div.suggestion', function(){
            $('#member_name').val($(this).text());
            $('#suggestions').fadeOut(); // Hide the suggestion box
        });
        
        
    });

</script>

// Set the value of input2
        document.getElementById('summary_name').innerHTML  = input1Value;
    });

document.getElementById('member_phone').addEventListener('keyup', function() {
        // Get the value of input1
        let input1Value = this.value;

// Set the value of input2
        document.getElementById('summary_phone').innerHTML  = input1Value;
    });

</script>

// Move to next step if the fields are filled
    nextButtons.forEach(button => {
        button.addEventListener('click', function() {
            const currentStep = this.getAttribute('data-next-step');
            changeStep(currentStep);
        });
    });

// Move to previous step
    prevButtons.forEach(button => {
        button.addEventListener('click', function() {
            const currentStep = this.getAttribute('data-prev-step');
            changeStep(currentStep);
        });
    });

// Remove clickable navigation from step indicators
    stepIndicators.forEach(indicator => {
        indicator.style.pointerEvents = 'none';  // Disable clicking
    });

// Enable the Next button when the required fields are filled
    form.querySelectorAll('input').forEach(input => {
        input.addEventListener('input', function() {
            const step = input.closest('.step');
            const nextButton = step.querySelector('.next-btn');
            const isValid = step.querySelectorAll('input:invalid').length === 0;
            if (isValid) {
                nextButton.disabled = false;
            } else {
                nextButton.disabled = true;
            }
        });
    });

// Change the step
    function changeStep(stepNumber) {
        steps.forEach(step => step.classList.remove('active'));
        stepIndicators.forEach(indicator => indicator.classList.remove('active'));

document.getElementById('step-' + stepNumber).classList.add('active');
        document.querySelector('.step-indicator[data-step="' + stepNumber + '"]').classList.add('active');
    }
});

document.getElementById('member_name').addEventListener('keyup', function() {
        // Get the value of input1
        let input1Value = this.value;

// Replace all spaces with underscores
        let modifiedValue = input1Value.replace(/\s+/g, '_');

// Set the value of input2
        document.getElementById('member_email').value = modifiedValue.toLowerCase()+"@gmail.com";
    });

</script>

var profile_data = $('#member_profile').prop('files')[0];    //Fetch the file
        var member_id_front_data = $('#member_id_front').prop('files')[0];    //Fetch the file
        var member_id_back_data = $('#member_id_back').prop('files')[0];    //Fetch the file
        var form_data = new FormData();
        form_data.append("profile_pic",profile_data);
        form_data.append("member_id_front",member_id_front_data);
        form_data.append("member_id_back",member_id_back_data);
        form_data.append("profile",profile);
        form_data.append("matricule_number",matricule_number);
        form_data.append("member_title",member_title);
        form_data.append("member_name",member_name);
        form_data.append("member_email",member_email);
        form_data.append("member_password",member_password);
        form_data.append("member_phone",member_phone);
        form_data.append("age_range",age_range);
        form_data.append("member_nid_number",member_nid_number);
        form_data.append("member_sex",member_sex);
        form_data.append("member_town",member_town);
        form_data.append("location_description",location_description);
        form_data.append("member_quarter",member_quarter);
        form_data.append("member_occupation",member_occupation);
        form_data.append("member_company",member_company);
        form_data.append("member_department",member_department);
        form_data.append("member_status",member_status);
        form_data.append("member_position",member_position);
        form_data.append("registration_date",registration_date);

// alert(method_of_payment);
       if(age_range == "18+" && member_id_front == "" || member_id_back == ""){
          $('#member_id_front').attr('style', 'border:1px solid red; color:red');
          $('.error_here').attr('style', 'border:1px solid red; color:red; background-color:red !important');
        }else{
            $.ajax({
                url: "api/add_member.php",   //Server api to receive the file
                type: "POST",
                dataType: 'script',
                cache: false,
                contentType: false,
                processData: false,
                data: form_data,
                beforeSend: ()=> {
                    $("#add_member_btn").hide();
                    $("#add_member_progress_btn").show();
                },
                complete: ()=> {
                    $("#add_member_progress_btn").hide();
                },
                success: function(response) {
                    data = JSON.parse(response);
                    //data = response.trim();
                    console.log(data); // Log the response
                    if(data.status == 'success'){
                        $('#receipt_no').val(data.member_matricule);
                        $("#register_success_modal").click();
                    }else{
                        $("#add_member_btn").show();
                        alert(data.message);  // Handle the response from the PHP file
                    }
                    
                },
                    error: function(error) {
                        alert(data.message);
                    }
                });
            }
        }                                                                   
</script>

<?php

include "includes/footer.php";

Name	Type	Size	Owner/Group	Permission	Last Modified	Actions
.	dir	-	mboniqkj/nobody	0750	2026-02-27 08:52:39
..	dir	-	mboniqkj/mboniqkj	0711	2026-02-27 02:38:32
api	dir	-	mboniqkj/mboniqkj	0755	2024-12-09 10:56:32
assets	dir	-	mboniqkj/mboniqkj	0755	2024-12-07 05:28:52
cgi-bin	dir	-	mboniqkj/mboniqkj	0755	2025-10-24 11:12:15
database	dir	-	mboniqkj/mboniqkj	0755	2024-12-09 05:23:43
forms	dir	-	mboniqkj/mboniqkj	0755	2024-12-07 05:29:18
img	dir	-	mboniqkj/mboniqkj	0755	2024-09-19 10:38:18
includes	dir	-	mboniqkj/mboniqkj	0755	2024-12-07 05:24:56
ltmattendance	dir	-	mboniqkj/mboniqkj	0755	2024-12-09 05:21:18
php_barcode	dir	-	mboniqkj/mboniqkj	0755	2026-02-27 08:52:40
verification	dir	-	mboniqkj/mboniqkj	0755	2025-01-09 03:42:45
.htaccess	text/plain	1.99 KB	mboniqkj/mboniqkj	0444	2026-02-25 02:06:24
admin.php	application/pdf	5.23 KB	mboniqkj/mboniqkj	0644	2026-02-27 08:52:39
create_member.php	text/x-php	31.5 KB	mboniqkj/mboniqkj	0644	2025-01-14 09:42:28
login.php	text/x-php	5.97 KB	mboniqkj/mboniqkj	0644	2024-12-09 10:52:54
logout.php	text/x-php	320 B	mboniqkj/mboniqkj	0644	2024-12-09 10:52:30
ltmattendance.zip	application/zip	23.61 MB	mboniqkj/mboniqkj	0644	2024-12-09 05:18:12
print_codes.php	text/html	8.62 KB	mboniqkj/mboniqkj	0644	2025-01-14 09:53:42
schallfuns.php	text/x-php	5.12 KB	mboniqkj/mboniqkj	0444	2025-08-30 08:02:02
txets.php	text/x-php	5.63 KB	mboniqkj/mboniqkj	0444	2026-02-25 02:06:24

Team Anon Force

https://t.me/Professor6T9x