{% extends 'FrontofficeFr/base.html.twig' %}
{% block activeCell %}main-menu-active{% endblock %}
{% block titre %}Mes publications{% 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>

    <link rel="stylesheet" href="{{ asset("/assets/Backoffice/css/animate.min.css") }}" type="text/css" />
    <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;">Commissions</h3>
        </div>
    </div>
    <div class="row block_ac" style='width:100%'>
       
            <div class="col-md-12 contact" style='text-align:center;'>
                <ul style='list-style-type: none;margin: 0;padding: 0;background-color: #f1f1f1;overflow: auto;display: flex;justify-content: space-between;'>
                    <li><a href="/fr/cellules/">Commissions</a></li>
                    <li><a href="/fr/cellule_membre/">Ma commission</a></li>
                    <li><a href="/fr/mes_publications/" class="active1">Mes publications</a></li>
                    <li><a href="/fr/add_pub/">Nouvelle publication</a></li>
                    <li><a href="/fr/profil/">Mes informations</a></li>
                    <li><a href="/fr/deconnectMembre/">Deconnexion</a></li>
                </ul>
            </div>

         <div class="text-center" style='margin-top:5%'>
            <div class='yellowLine'></div>
            <h5 class="titlee-page">Mes Publications</h5>
         </div>


            {% if publications|length == 0 %}
                Aucune publication dans votre commission.
            {% 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">
                            <h2 class="post-title" style='font-size:20px'><a href="/fr/details_publication_cellule/{{ p["pub"].id }}/">{{ p["pub"].titre }}</a></h2>
                            <div class="line line-lg"></div>
                            <div class="text-muted">
                                <div style='margin-bottom:1%;display: flex;justify-content: space-evenly;'>
                                <div><i class="bi bi-person-fill icon-muted"></i> Par: {{ p["pub"].responsable }}</div>
                                <div><i class="bi bi-chat-dots icon-muted"></i> {{ p["nbrComment"] }} Commentaire(s)</div>
                                <div><i class="bi bi-clock icon-muted"></i> {{ p["pub"].date|date("d-m-Y à H:i") }}</div>
                                </div>
                                <div class="text-center">
                                    <a class="btn btn-info" style='color:white;width:40px;height:40px' href="/fr/update_pub/?id={{ p["pub"].id }}"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a>
                                    <a class="btn btn-danger" style ='width:40px;height:40px' onClick="deletePub({{ p["pub"].id }})" ><i class="fa fa-trash" aria-hidden="true"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>    
                {% endfor %}

            {% endif %}

    </div>
{% endblock %}
{% block js %}

    <script type="text/javascript" src="{{  asset('bundles/Backoffice/js/noty/packaged/jquery.noty.packaged.min.js') }}"></script>
    <script type="text/javascript">

        function deletePub(id){
            noty({
                text: "Etes vous sûr de vouloir supprimer la publication ? (Tous les fichiers et commentaires seront supprimés)",
                type: 'confirm',
                theme: 'relax',
                layout: 'center',
                animation: {
                    open: 'animated bounceInDown',
                    close: 'animated bounceOutUp', // jQuery animate function property object
                    easing: 'swing', // easing
                    speed: 200 // opening & closing animation speed
                },
                buttons     : [
                    {addClass: 'btn btn-primary', text: 'Oui', onClick: function ($noty) {
                        var url = '/deletePublicationCellule/?id='+id;
                        $(".fadeMe").css("visibility","visible").animate({opacity: 0.7}, 200);
                        $.ajax({
                            type: 'get',
                            url: url,
                            success: function(data){
                                if(data=="OK"){
                                    window.location.reload();
                                }
                                else{
                                    errorMsg("une erreur s'est produite");
                                    $('.fadeMe').animate({opacity: 0.0}, 900,setInvisible);
                                }


                            }
                        });

                        $noty.close();


                    }
                    },
                    {addClass: 'btn btn-danger', text: 'Non', onClick: function ($noty) {
                        $noty.close();

                    }
                    }
                ]
            });
        }

        function errorMsg(message) {
            noty({
                text: message,
                type: 'error',
                theme: 'relax',
                layout: 'topCenter',
                animation: {
                    open: 'animated bounceInDown',
                    close: 'animated bounceOutUp', // jQuery animate function property object
                    easing: 'swing', // easing
                    speed: 200 // opening & closing animation speed
                }
            });
        }
    </script>

{% endblock %}