OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	05/19/2025 10:07:13 AM	rwxrwxr-x
📄 create_group.php	1006 bytes	05/19/2025 10:07:13 AM	rw-rw-r--
📄 db_connect.php	580 bytes	05/19/2025 10:07:13 AM	rw-rw-r--
📄 function.php	7.99 KB	05/19/2025 10:07:13 AM	rw-rw-r--
📄 group.php	4.6 KB	05/19/2025 10:07:13 AM	rw-rw-r--
📄 index.php	20.74 KB	05/19/2025 10:07:13 AM	rw-rw-r--
📄 memberSearch.php	1.32 KB	05/19/2025 10:07:13 AM	rw-rw-r--
📄 register.php	5.08 KB	05/19/2025 10:07:13 AM	rw-rw-r--
📄 sendreview.php	626 bytes	05/19/2025 10:07:13 AM	rw-rw-r--
📄 signin.php	5.52 KB	05/19/2025 10:07:13 AM	rw-rw-r--
📄 signout.php	295 bytes	05/19/2025 10:07:13 AM	rw-rw-r--
📄 test.php	2 KB	05/19/2025 10:07:13 AM	rw-rw-r--
📄 validate.logged.php	580 bytes	05/19/2025 10:07:13 AM	rw-rw-r--

Editing: group.php

<?php
include 'function.php';
include 'db_connect.php';

if (isset($_POST['user_id'])) {
    $user_id = $_POST['user_id'];
} else {
    $user_id = "9001";
}

if (isset($_POST['group_id'])) {
    $group_id = $_POST['group_id'];
} else {
    $group_id = "1001";
}

if (isset($_POST['user_name'])) {
    $user_name = $_POST['user_name'];
} else {
    $user_name = find_user($conn, $user_id);
}

$chat = [];
$chat = display_messages($conn, $group_id);

$group_name = display_group_name($conn, $group_id);

// echo $user_id . "<br>" . $user_name . "<br>" . $group_id . "<br>";

?>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
    .chat-box {
        flex: 1;
        padding: 10px;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
    }

.incoming {
        background-color: #f0f0f0;
        color: #333;
        align-self: flex-start;
        padding: 6px 14px;
        margin-block: 5px;
        border-radius: 5px;
    }

.message-input {
        display: flex;
        align-items: center;
        padding: 10px;
        border-top: 1px solid #ccc;
    }

textarea {
        flex: 1;
        resize: none;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-right: 10px;
    }

.chat-message {
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        width: 80%;
        max-width: 100%;
        height: 500px;
        display: flex;
        flex-direction: column;
    }

.message-input button {
        padding: 8px 16px;
        background-color: #007bff;
        color: #fff;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

.message-input button:hover {
        background-color: #0056b3;
    }

.message {
        border-radius: 8px;
        padding: 8px 12px;
        margin-bottom: 8px;
        max-width: 70%;
    }

.group-heading{
        padding: 10px 20px;
        font-weight: 600;
        font-family: sans-serif;
        color: black;
    }
</style>

<div class="post">
    <div class="group-heading">
        <h2><?php
            print_r($group_name);
            ?></h2>
    </div>
    
</div>
<div class="chat-box" id="chat-box">
    <?php
    // Sample messages array (could be fetched from database or API)

foreach ($chat as $message) {
        $messageText = htmlspecialchars($message['message']);
        $time = htmlspecialchars($message['time']);
        $user_name = htmlspecialchars($message['user_name']);

echo "<div class='incoming'>$messageText<br>$user_name<br>$time</div>";
    }
    ?>
</div>
<div class="message-input">
    <textarea id="message-input" placeholder="Type your message..."></textarea>
    <button onclick="sendMessage('<?php echo $group_id; ?>', '<?php echo $user_id; ?>', '<?php echo $user_name; ?>')">Send</button>
</div>

if (messageText === '') {
            return;
        }

var $chatBox = $('#chat-box');
        var $messageElement = $('<div></div>');

var messageHtml = `<div class='incoming'>${messageText}<br>${user_name}<br>${posted_on}</div>`;

$chatBox.append(messageHtml);

$('#message-input').val('').focus();

// Scroll to bottom of chat box
        $chatBox.scrollTop($chatBox.prop("scrollHeight"));

$.ajax({
            url: 'sendreview.php',
            method: 'POST',
            data: {
                group_id: group_id,
                userid: user_id,
                message: messageText,
                posted_on: posted_on
            },
            success: function(response) {
                // Handle the response
                alert('Message sent successfully!');
                console.log(response); // Log response to console
            },
            error: function(xhr, status, error) {
                // Handle errors
                console.error(xhr.responseText);
            }
        });

}
</script>