59 lines
2.0 KiB
PHP
59 lines
2.0 KiB
PHP
<?php
|
|
session_start();
|
|
|
|
// If user is not logged in, redirect to login page
|
|
if (!isset($_SESSION['user_id'])) {
|
|
header("Location: login.php");
|
|
exit;
|
|
}
|
|
|
|
include 'header.php';
|
|
?>
|
|
|
|
<main class="container flex-grow-1 my-5">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
Conversations
|
|
</div>
|
|
<ul class="list-group list-group-flush">
|
|
<li class="list-group-item"><a href="#">User 1</a></li>
|
|
<li class="list-group-item"><a href="#">User 2</a></li>
|
|
<li class="list-group-item"><a href="#">User 3</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
Chat with User 1
|
|
</div>
|
|
<div class="card-body" style="height: 400px; overflow-y: auto;">
|
|
<!-- Chat messages will go here -->
|
|
<div class="d-flex justify-content-end mb-3">
|
|
<div class="bg-primary text-white p-2 rounded">
|
|
Hello!
|
|
</div>
|
|
</div>
|
|
<div class="d-flex justify-content-start mb-3">
|
|
<div class="bg-light p-2 rounded">
|
|
Hi there!
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer">
|
|
<form>
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" placeholder="Type a message...">
|
|
<button class="btn btn-primary" type="button">Send</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<?php include 'footer.php'; ?>
|