{% block body %}
    <div class="banner-container">
        <div class="banner">
            <div class="galaxy-background"></div>
            <div class="banner-text" id="bannerText">Passion Retro</div>
            <div class="slogan">Bienvenue sur le portail web 100% Rétro ! Attention, ce site web n'est pas conseillé aux personnes nées après 2005 sous peine de crise existensielle.</div>
        </div>
    </div>
    <div class="row">
        <div class="col col-2">
            <div class="menu">
                <h2>Communauté</h2>
                <ul>
                    <li><a href="{% url 'home' %}">Accueil</a></li>
                    <li><a href="{% url 'forum_home' %}">Forum</a></li>
                    <li><a href="{% url 'portal_games' %}" class="new-item-menu">Portail des jeux</a></li>
                    <li><a href="{% url 'contribute' %}" class="btn btn-add">Contribuer</a></li>
                </ul>
            </div>
            <div class="menu">
                <h2>Jeux</h2>
                <ul>
                    {% for games in request.posts_games %}
                        <li><a href="{% url 'view_post' games.slug %}">{{ games.title }}</a></li>
                    {% endfor %}
                </ul>
            </div>
            <div class="menu">
                <h2>Films & Series</h2>
                <ul>
                    {% for movies in request.posts_movies %}
                        <li><a href="{% url 'view_post' movies.slug %}">{{ movies.title }}</a></li>
                    {% endfor %}
                </ul>
            </div>
            <div class="menu">
                <h2>Musique</h2>
                <ul>
                    {% for music in request.posts_music %}
                        <li><a href="{% url 'view_post' music.slug %}">{{ music.title }}</a></li>
                    {% endfor %}
                </ul>
            </div>
            <div class="menu">
                <h2>Technologies</h2>
                <ul>
                    {% for internet in request.posts_internet %}
                        <li><a href="{% url 'view_post' technology.slug %}">{{ internet.title }}</a></li>
                    {% endfor %}
                </ul>
            </div>
        </div>
        <div class="col col-7">
            {% if messages %}
                <div class="notification">
                    <ul class="messages">
                        {% for message in messages %}
                            <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
                        {% endfor %}
                    </ul>
                </div>
            {% endif %}
            {% block content %}{% endblock %}
        </div>
        <div class="col col-2">
            <div class="menu">
                <h2>Membre</h2>
                <ul>
                    <!-- Si le membre est connecté -->
                    {% if request.user.is_authenticated %}
                        <center><img src="/media/{{ request.user.avatar }}" style="width:150px;" alt="Avatar de {{ request.user.username }}"></center>
                        <li>Bonjour <strong>{{ request.user.username }}</strong></li>
                        <li><a href="{% url 'profile' %}">Mon Profil</a></li>
                        <li><a href="{% url 'contributions' %}">Mes contributions</a></li>
                        <li>
                            <form id="logout-form" action="{% url 'logout' %}" method="post" style="display: none;">
                                {% csrf_token %}
                            </form>
                            <a href="#" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Déconnexion</a>
                        </li>
                        <!-- Si c'est un admin -->
                        {% if request.user.is_staff %}
                            <li>
                                <a href="/admin/posts/post/?active__exact=0">
                                    Articles en attente
                                </a>
                                {% if pending_posts_count > 0 %}
                                    <span class="badge badge-warning">{{ pending_posts_count }}</span>
                                {% endif %}
                            </li>
                            <li><a href="/admin" target="_blank" class="danger">Administration</a></li>
                        {% endif %}
                    <!-- Si le membre n'est pas connecté -->
                    {% else %}
                        <li>
                            <form action="{% url 'login' %}" method="post" class="incol">
                                {% csrf_token %}
                                <input type="text" name="username" placeholder="Nom d'utilisateur">
                                <input type="password" name="password" placeholder="Mot de passe">
                                <button>Connexion</button>
                            </form>
                        </li>
                        <li><a href="{% url 'register' %}">Inscription</a></li>
                    {% endif %}
                </ul>
            </div>
            <div class="menu">
                <h2>Livre d'Or</h2>
                <ul class="guestbook">
                    {% for message in request.guestbook %}    
                        <li><span class="date">[{{ message.created }}]</span> <span class="author">{{ message.author }}</span> : {{ message.content }}</li>
                    {% endfor %}
                </ul>
                <ul>
                    <li>{{ request.total_guestbook }} messages dans le livre d'or</li>
                </ul>
                <center><a href="{% url 'guestbook_home' %}#form" class="btn btn-add">Laisser un message</a></center>
            </div>
            <div class="menu">
                <h2>Stats Site</h2>
                <ul>
                    <li>Membres : {{ request.total_users }}</li>
                    <li>Dernier inscrit : <a href="{% url 'profile' request.last_user.id %}">{{ request.last_user }}</a></li>
                    <li>Visiteurs : {{ request.visitor_count }}</li>
                    <li>Nombre de visites totales : {{ request.total_visitor_count }}</li>
                </ul>
            </div>
            <div class="menu">
                <h2>Stats Forum</h2>
                <ul>
                    <li>Messages : {{ request.total_posts }}</li>
                    <li>Sujets : {{ request.total_topics }}</li>
                    {% if request.last_topic %}
                        <li>Dernier Sujet créer : <a href="{% url 'post_list' request.last_topic.forum.id request.last_topic.id %}">{{ request.last_topic.title }}</a></li>
                    {% else %}
                        <li>Dernier Sujet créer : Aucun</li>
                    {% endif %}
                    {% if request.last_post %}
                        <li>Dernier Message : <a href="{% url 'post_list' request.last_post.topic.forum.id request.last_post.topic.id %}">{{ request.last_post.topic.title }}</a></li>
                    {% else %}
                        <li>Dernier Message : Aucun</li>
                    {% endif %}
                </ul>
            </div>
        </div>
    </div>
    <div class="footer"><p>
        www.passion-retro.com &copy;2024 - 2025. Icônes par icon8<br>
        Hebergé fièrement par <a href="https://www.toviohost.com" target="_blank">TovioHost</a> 
    </p></div>
{% endblock %}