{% extends 'base.html' %}

{% block title %}Welcome{% endblock %}

{% block content %}
<div class="app-container">
    <div class="sidebar left-sidebar">
        <div class="sidebar-header">
            <h2>Channels</h2>
        </div>
        <div class="sidebar-content">
            <p>Channel list will go here.</p>
        </div>
        <div class="sidebar-footer">
            <p>{{ user.username }}</p>
            <a href="{% url 'logout' %}">Logout</a>
        </div>
    </div>
    <div class="main-content">
        <div class="main-header">
            <h2>Main Chat</h2>
        </div>
        <div class="chat-window">
            <p>Messages will appear here.</p>
        </div>
        <div class="chat-input">
            <input type="text" placeholder="Type a message...">
        </div>
    </div>
    <div class="sidebar right-sidebar">
        <div class="sidebar-header">
            <h2>Details</h2>
        </div>
        <div class="sidebar-content">
            <p>User or channel details.</p>
        </div>
    </div>
</div>
{% endblock %}
