{% extends 'FrontofficeAr/base.html.twig' %}
{% block activeCell %}main-menu-active{% endblock %}
{% block titre %}Commissions{% endblock %}
{% block body %}
<style>

li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}

li a.active1 {
  background-color: #04AA6D;
  color: white;
}

li a:hover:not(.active) {
  background-color: #555;
  color: white;
}
.yellowLine{
    height: 5px;
    background: gold;
    width: 60%;
    margin: 0% 20% 0% 20%;
    border-radius: 30px;
            
}
</style>

    <div class="actualites_title">
        <br/>
        <div class="text-center">
            <img src="{{ asset("/assets/Backoffice/images/logo-fcpm.png") }}" />
            <h3 class="title-page" style="color:white;">خليتي</h3>
        </div>
    </div>
    <div class="row block_ac" style="flex-direction: row-reverse;">
      <div class="col-md-12 contact" style='text-align:center;direction:rtl'>
                <ul style='list-style-type: none;margin: 0;padding: 0;background-color: #f1f1f1;overflow: auto;display: flex;justify-content: space-between;'>
                    <li><a href="/ar/cellules/">الخلايا</a></li>
                    <li><a href="/ar/cellule_membre/" class="active1">خليتي</a></li>
                    <li><a href="/ar/mes_publications/">منشوراتي</a></li>
                    <li><a href="/ar/add_pub/">إضافة منشور</a></li>
                    <li><a href="/ar/profil/" >معلوماتي</a></li>
                    <li><a href="/ar/deconnectMembre/">تسجيل الخروج</a></li>
                </ul>    
            </div>   

            <div class="text-center" style='margin-top:5%'>
                <div class='yellowLine'></div>
                <h5 class="titlee-page">خليتي</h5>
            </div>

            {% if publications|length == 0 %}
                لم يتم العثور على منشورات.
            {% else %}


                {% for p in publications %}
                <div class="col-md-5 panel panel-primary" style="padding-right: 0px;padding-left: 0px;margin: 1% 4%;">
                    <div class="post-item">
                        <div class="caption wrapper-lg" style='direction: rtl;'>
                            <h2 class="post-title" style='font-size:20px'><a href="/ar/details_publication_cellule/{{ p["pub"].id }}/">{{ p["pub"].titre }}</a></h2>
                            <div class="line line-lg"></div>
                            <div class="text-muted" style='display: flex;justify-content: space-evenly;'>
                                <div><i class="bi bi-person-fill icon-muted"></i> من طرف: {{ p["pub"].responsable }}</div>
                                <div><i class="bi bi-chat-dots icon-muted"></i> {{ p["nbrComment"] }} تعليقات</div>
                                <div><i class="bi bi-clock icon-muted"></i >  بتاريخ   {{ p["pub"].date|date("d-m-Y  H:i") }} </div>
                            </div>
                        </div>
                    </div>
                </div>    
                {% endfor %}


            {% endif %}

        </div>

    </div>
{% endblock %}