{% extends 'front.html.twig' %}
{% block title %} Allocation {% 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">Allocation de Recherche</h2>
                            <ol class="breadcrumb text-center text-black mt-10">
                                <li><a href="{{ path('home') }}">Accueil</a></li>
                                <li class="active text-theme-colored">Allocation de Recherche</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="container">
            <!-- form search -->
            <div class="row" id="searchconfAll">
                <div class="col-md-6 col-md-offset-3">
                    <!-- Mailchimp Subscription Form-->
                    <form id="" class="newsletter-form mt-80" method="get" autocomplete="off"
                          action="{{ path('allocation_search') }}">
                        <div class="row">

                        </div>
                        <div class="">
                            <div class="form-group">
                                <input  name="type" class="form-control input-search" type="hidden"
                                        value="recherche">
                            </div>
                        </div>
                        <div class="col-sm-5">
                            <div class="form-group">
                                <div class="input-group  date " data-provide="datepicker" id="">
                                    <input type="text" class="form-control datepicker input-search" 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>


        <div class="container pb-0 pt-100">
            <div class="row equal-height-inner">

                {% if nbAll == 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 allR in allocations %}
                        <div class="col-md-4" id="blogConf">
                            <div class="divRevue">
                                <div class="feature-icon-box p-30 fixheiblogConf" style="background-color: #f7f7f7;">
                                    <div class="feature-icon bg-theme-colored">
                                        <i class="fa fa-search  text-white font-30"></i>
                                    </div>
                                    <h6 class="text-uppercase">{{ allR.title }}</h6>

                                    <h4 class="text-uppercase">
                                        <i class="fa fa-calendar mr-5"></i>  {{ allR.date| date('d/m/Y') }}  <i class="fa fa-map-marker mr-5"></i> {{ allR.lieu }}
                                    </h4>
                                    <div class="desc_ids">
                                        {{ allR.description[:250] | raw }}

                                    </div>
                                    <div class="">
                                        <a class="btn btn-theme-colored2 mt-10 mb-0 pull-left flip  mt-10 mb-0 pull-left flip"
                                           href="{{ asset('uploads/images/'~allR.file) }}"
                                           target="_blank" title="telecharger">
                                            Télécharger <i class="fa fa-download"></i>
                                        </a>
                                        <a class="btn btn-theme-colored2 mt-10 mb-0 pull-right flip"
                                           href="{{ path('allocation_detail', {'id': allR.id}) }}">Détails <i
                                                    class="fa fa-angle-double-right"></i></a>
                                    </div>

                                </div>

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

                {% endif %}


            </div>
        </div>

        <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(allocations) }}
                    </nav>
                </div>
            </div>
        </section>
    </div>
{% endblock %}

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