{% extends 'front.html.twig' %}
{% block title %} Cas Cliniques {% 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>Cas Cliniques</h3>
                        <ul>
                            <li><a href="">Home</a></li>
                            <li>/</li>
                            <li class="active">Cas Cliniques</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-12 col-md-12">
                    <div class="row">
                    {%  if posts is empty %}
                        <div class="error" align="center">
                            <p align="center"><h4>No Clinical Case</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 style="margin-bottom: 10px;"><a href="{{ path('cas_clinique_detail', {'id': post.id }) }}">{{ post.title }}</a></h3>
                                    <a href="{{ path('cas_clinique_detail', {'id': post.id }) }}" class="read-more-btn">
                                        <span class="left"><i class="fa fa-chevron-circle-right"></i></span>
                                        En Savoir Plus
                                        <span class="right"><i class="fa fa-chevron-circle-right"></i></span>
                                    </a>
                                </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 %}