{% extends 'front.html.twig' %}
{% block title %} Referentiel {% endblock %}
{% block stytesheets %}
    {{ parent() }}
{% endblock %}
{% block body %}

    <div class="main-content">
        <section class="inner-header divider parallax layer-overlay overlay-white-8">
            <div class="container pt-60 pb-60">
                <!-- Section Content -->
                <div class="section-content">
                    <div class="row">
                        <div class="col-md-12 text-center" style="margin-top: -45px;">
                            <h2 class="title">Referentiels et Recommandations</h2>
                            <ol class="breadcrumb text-center text-black mt-10">
                                <li><a href="{{ path('home') }}">Accueil</a></li>
                                <li class="active text-theme-colored">Referentiels et Recommandations</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    <div class="container">
        <!-- form search -->
        <div class="row" id="searchconf">
            <div class="col-md-12 col-md-offset-3">
                <!-- Mailchimp Subscription Form-->
                <form id="" class="newsletter-form mt-40" method="get" autocomplete="off"
                      action="{{ path('referentiel_search') }}">
                    <div class="row">

                    </div>
                    <div class="">
                        <div class="form-group">
                            <input name="type" class="form-control" type="hidden"
                                   value="referentiel">
                        </div>
                    </div>
                    {#<div class="col-sm-5">#}
                        {#<div class="form-group">#}
                            {#<div class="input-group date" data-provide="datepicker">#}
                                {#<input type="text" class="form-control" name="date">#}
                                {#<div class="input-group-addon" style="background-color: #20529c; color: white;">#}
                                    {#<span class="glyphicon glyphicon-calendar "></span>#}
                                {#</div>#}
                            {#</div>#}
                        {#</div>#}
                    {#</div>#}
                    <div class="col-sm-7">
                        <div class="input-group">
                            <input type="text" id="search" data-path="" data-height="45px"
                                   class="form-control input-search input-lg" placeholder="Recherche"
                                   name="search" value="">
                            <span class="input-group-btn">
                                                          <button type="submit"

                                                                  id="btn-search"
                                                                  class="btn   btn-lg m-0"
                                                                  data-height="45px"><i
                                                                      class="fa fa-search"></i> </button>
                                                     </span>
                        </div>
                    </div>

                </form>


            </div>
        </div>
    </div>

    <section>
    <div class="container pb-0 pt-110">
    <div class="row equal-height-inner">
    {% if nbrReferentiel == 0 %}
        <section class="noData">
            <div class="section-title text-center">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2">
                        <h3 class="text-uppercase mt-0 line-height-1">Aucune <span class="text-theme-colored2">donnée disponible</span>
                        </h3>
                    </div>
                </div>
            </div>
        </section>
    {% else %}
        {% for ref in referentiels %}
            <div class="col-md-4" id="blogConf">
                <div class="divRevue">
                    <div class="feature-icon-box p-30 fixheiblogReferentiel" style="background-color: #f7f7f7;">
                        <div class="feature-icon bg-theme-colored">
                            <i class="fa fa-comments-o  text-white font-30"></i>
                        </div>
                        <h6 class="text-uppercase">{{ ref.title }}</h6>

                        {#<h4 class="text-uppercase">#}
                            {#<i class="fa fa-calendar mr-5"></i> {{ ref.date| date('M') }} {{ ref.date| date('d') }}#}
                            {#/{{ ref.date| date('Y') }}#}
                            {#<i class="fa fa-map-marker mr-5"></i> {{ ref.lieu }}#}
                        {#</h4>#}
                        <div class="desc_referentiel">
                            {{ ref.description[:250] | raw }}
                        </div>
                        <div class="" style="    margin-bottom: 23px;">
                            <a class="btn btn-theme-colored2 mt-10 mb-0 pull-left flip  mt-10 mb-0 pull-left flip"
                               href="{{ asset('uploads/images/'~ref.file) }}"
                               target="_blank" title="telecharger">
                                Télecharger <i class="fa fa-download"></i>
                            </a>
                            <a class="btn btn-theme-colored2 mt-10 mb-0 pull-right flip"
                               href="{{ path('referentiel_detail', {'id': ref.id}) }}">Détails <i
                                        class="fa fa-angle-double-right"></i></a>
                        </div>
                        <br>

                    </div>
                </div>
            </div>
        {% endfor %}
        {% endif %}

        </div>
        </div>

        </section>
        <section class="container">
            <div class="row price_padng pull-down-20 pull-right">
                <div class="col-md-12 col-xs-12">
                    <nav class="pdg-tp-20 " aria-label="Page navigation">
                        {{ knp_pagination_render(referentiels) }}
                    </nav>
                </div>
            </div>
        </section>
        </div>
        {% endblock %}

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