{% extends 'front.html.twig' %}
{% block title %} Enseignement Post Universitaire {% endblock %}
{% block stytesheets %}
    {{ parent() }}
{% endblock %}
{% block body %}
<!-- Start Main Banner -->
<div class="page-title">
    <div class="d-table">
        <div class="d-table-cell">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 col-md-12">
                        <h3 style="font-size:30px;">Enseignement Post Universitaire</h3>
                        <ul>
                            <li><a href="">Home</a></li>
                            <li>/</li>
                            <li> Activité Educationnelle</li>
                            <li>/</li>
                            <li class="active">Enseignement Post Universitaire</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Main Banner -->

    <!-- Start Blog Area -->
    <section class="blog-section ptb-80">
        <div class="container">
            <div class="row">
               {# <div class="col-lg-4 col-md-4">
                    <div class="side-bar mb-0">
                        <div class="widget search-box">
                            <form action="#">
                                <input type="text" class="form-control" id="search-box" name="search" placeholder="Search for...">
                                <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i></button>
                            </form>
                        </div>
                        <div class="widget categories">
                            <h3 class="title">Latest EPU</h3>
                            <ul>
                                {% for lastpost in lastposts %}
                                    <li><a href="{{ path('epu_detail',{'id': lastpost.id}) }}"><i class="fa fa-angle-double-right"></i> {{ lastpost.title }}</a></li>
                                {% endfor %}
                            </ul>
                        </div>

                        <div class="widget sidebar-testimonials mb-0">
                            <div class="sidebar-testimonial-slider">
                                {% for lastpost in lastposts %}
                                    <div class="feedback" style="height: 240px;">
                                        <span><i class="fa fa-calendar"></i></span>
                                        <a href=""><p>{{ lastpost.title }}</p></a>
                                    </div>
                                {%  endfor %}
                            </div>
                        </div><br/>

                        <div class="widget quick-contact mb-0">
                            <h4>Quick contact to help?</h4>
                            <p>Excepteur sint occaecat non proident, sunt in culpa officia deserunt mollit anim id est laborum.</p>
                            <a href="{{ path('contact') }}" class="read-more-btn">
                                <span class="left"><i class="fa fa-angle-double-right"></i></span>
                                Contact Us
                                <span class="right"><i class="fa fa-angle-double-right"></i></span>
                            </a>
                        </div>
                    </div>
                </div>#}
                <div class="col-lg-12 col-md-12">
                    <div class="row">
                    {%  if posts is empty %}
                        <div class="error" align="center">
                            <p align="center"><h4>No EPU</h4></p>
                        </div>
                    {%  else %}
                        {% for post in posts %}
                        <div class="col-lg-12 col-md-12">
                            <div class="single-blog-post">
                                <div class="post-content" style="margin-top: -50px;">
                                    <h3><a href="{{ path('epu_detail', {'id': post.id }) }}">{{ post.title }}</a></h3>
                                        <span style="color: #c61617;"><b>{{ post.service }}</b></span>
                                        <span style="color: #8c8c8c; font-size: 14px;"><b> | {{ post.datePub | date('d/m/Y') }}</b>
                                        <div align="justify">
                                        {{ post.content[:350] | raw }}
                                        </div>
                                        <div class="gq-au-btn" align="right">
                                            <a href="{{ path('epu_detail', {'id': post.id }) }}" class="btn btn-primary">Détails <span class="fa fa-arrow-circle-right" style="color:white"></span></a>
                                            {%  if date() < post.datePub %}
                                            <a href="{{ path('register_epu', {'id': post.id}) }}" class="btn btn-primary btn-color">Inscription <span class="fa fa-arrow-circle-right" style="color:white"></span></a>
                                            {% endif %}
                                        </div>
                                </div>
                            </div>
                        </div>
                        {%  endfor %}
                        <div class="col-lg-12 col-md-12">
                            <div  class="pagination-area">
                                <nav aria-label="Page navigation">
                               {{ knp_pagination_render(posts) }}
                                </nav>
                            </div>
                        </div>
                    {%  endif %}
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Blog Area -->

{% endblock %}

{% block javascripts %}
    {{ parent() }}
{% endblock %}