OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	06/17/2025 10:17:24 AM	rwxrwxr-x
📄 b_group.php	13.6 KB	05/19/2025 10:07:13 AM	rw-rw-r--
📄 b_index.php	25.61 KB	05/19/2025 10:07:13 AM	rw-rw-r--
📄 back_create_group.php	9.22 KB	05/19/2025 10:07:13 AM	rw-r--r--
📁 backup	-	05/19/2025 10:07:13 AM	rwxrwxr-x
📄 broadcast.php	22.48 KB	05/19/2025 10:07:13 AM	rw-rw-r--
📄 create_broadcast.php	19.39 KB	05/19/2025 10:07:13 AM	rw-rw-r--
📄 create_group.php	18.06 KB	05/19/2025 10:07:13 AM	rw-rw-r--
📁 dump	-	05/19/2025 10:07:13 AM	rwxrwxr-x
📄 group.php	21.38 KB	05/19/2025 10:07:13 AM	rw-rw-r--
📁 inc	-	05/19/2025 10:07:13 AM	rwxrwxr-x
📄 index.php	13.38 KB	05/19/2025 10:07:13 AM	rw-rw-r--
📄 join_now.php	7.77 KB	05/19/2025 10:07:13 AM	rw-rw-r--
📄 new2_index.php	17.63 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 new_index.php	17.11 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 sidebar.php	5.07 KB	05/19/2025 10:07:13 AM	rw-r--r--
📄 testing.php	3.32 KB	05/19/2025 10:07:13 AM	rw-rw-r--
📁 trash	-	05/19/2025 10:07:13 AM	rwxrwxr-x
📄 z_index.php	4.83 KB	05/19/2025 10:07:13 AM	rw-r--r--

Editing: back_create_group.php

<?php
include '../assets/php/validate.logged.php';
include '../assets/php/function.php';
include '../inc/config.php';

include 'inc/db_connect.php';
include 'inc/function.php';

if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $group_name = $_POST['group_name'];
    $group_description = $_POST['group_description'];
    $owner_id = $gUserId; // Assuming you get this from the session or user input
    $group_image = $_POST['group_image']; // Assuming you get this from user input
    $group_membersId = $_POST['selected_members'];
    $group_membersId = convertStringToArray($group_membersId);
    create_group($conn, $group_name, $group_description, $owner_id, $group_membersId, $group_image);
    echo '<script>alert("Group Created Successfully...");setTimeout(function() { window.location.href = "index.php"; }, 100);</script>';
    exit;
}
?>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Create Group &bull; Knobly Cream</title>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

body.dark-mode .group-item a .broadcast-item a .broadcast-name a {
            padding: 5px 20px;
            color: whitesmoke;
        }

body.dark-mode #create-chat h2,
        body.dark-mode #create-group-form {
            color: #212529;
        }

/* Color only */
        body.light-mode .group-item a,
        body.light-mode .broadcast-item a,
        body.light-mode .broadcast-name a {
            color: #212529 !important;
        }

/* Padding only for link elements */
        body.light-mode .group-item a,
        body.light-mode .broadcast-item a,
        body.light-mode .broadcast-name a {
            padding: 5px 20px;
        }

body.light-mode #layoutSidenav_nav {
            background-color: white;
        }

body.dark-mode #layoutSidenav_nav {
            background-color: #212529;
        }

.nav-link active {
            color: #ccc;
        }

.selected-options {
            border: 1px solid #ccc;
            padding: 10px;
            border-radius: 4px;
            margin-bottom: 15px;
            margin-top: 20px;
            width: 35vw;
        }
    </style>

</head>

<body class="sb-nav-fixed">
    <? include '../assets/php/navbar.php' ?>
    <div id="layoutSidenav">
        <? include 'inc/sidebar.php' ?>
        <div id="layoutSidenav_content">
            <main>
                <div id="panelContent" class="container-fluid"></div>
                <div class="create-chat" id="create-chat">
                    <h2>Create a New Group</h2>
                    <form id="create-group-form" method="post" action="create_group.php">
                        <label for="group_name">Group Name:</label><br>
                        <input type="text" id="group_name" name="group_name" required><br><br>
                        <label for="group_description">Group Description:</label><br>
                        <textarea id="group_description" name="group_description" required></textarea><br><br>
                        <label for="members_list">Add Members:</label><br>
                        <input type="text" id="search-input" placeholder="Search by name...">
                        <div class="scrollable-list">
                            <?
                            $members = display_all_members($conn);
                            foreach ($members as $member) {
                            ?>
                                <div class="scrollable-list-item">
                                    <a href="#" class="member-link" data-user_id="<?= htmlspecialchars($member['user_id']) ?>" data-user_name="<?= htmlspecialchars($member['user_name']) ?>"><?= htmlspecialchars($member['user_name']) ?>, <?= htmlspecialchars($member['user_email']) ?></a>
                                </div>
                            <? } ?>
                        </div>
                        <br>

<div class="selected-options">
                            <h3>Selected Members:</h3>
                            <div id="selected-members-info">
                                <p>No members selected.</p>
                            </div>
                            <input type="hidden" name="selected_members" id="selected-members-hidden" value="">
                        </div>
                        <br>

<label for="group_image">Group Image URL:</label><br>
                        <input type="text" id="group_image" name="group_image" oninput="previewImage('group')"><br><br>
                        <img id="imagePreview" alt="Image Preview">

</main>

</div>
    </div>

<ul id="context-menu" class="context-menu">
        <li class="delete-group"><a href="#">Delete Group</a></li>
        <li class="exit-group"><a href="#">Exit Group</a></li>
    </ul>
</body>

$('#search-input').on('input', function() {
            var searchText = $(this).val().trim().toLowerCase(); // Get input value and normalize

if (searchText === '') {
                $('.scrollable-list').hide(); // Hide the div if search text is empty
            } else {
                $('.scrollable-list').show();
                // Iterate over each div with class scrollable-list-item
                $('div.scrollable-list-item').each(function() {
                    var memberName = $(this).find('a.member-link').text().trim().toLowerCase(); // Get member name

// Check if member name contains the search text
                    if (memberName.includes(searchText)) {
                        $(this).show(); // Show the div if it matches
                    } else {
                        $(this).hide(); // Hide the div if it does not match
                    }
                });
            }
        });

// Click handler for member links
        $('.member-link').on('click', function(event) {
            event.preventDefault();
            $(this).toggleClass('selected');
            updateSelectedMembersInfo();
        });

// Submit handler for create group form
        $('#create-group-form').on('submit', function(event) {
            var json_data = $('#selected-members-hidden').val();
            event.preventDefault(); // Prevent default form submission

// Submit the form programmatically
            this.submit(); // This refers to the form element
        });

// Click handler for selected members info (to remove selection)
        $('#selected-members-info').on('click', 'p', function(event) {
            event.preventDefault();
            const selectedMember = $(this).text().trim();
            $('.member-link').each(function() {
                if ($(this).data('user_name') === selectedMember) {
                    $(this).removeClass('selected');
                    return false; // Exit the loop once found
                }
            });
            updateSelectedMembersInfo(); // Update display and hidden input
        });

});
</script>

</html>