{% extends 'front.html.twig' %}
{% block title %} College {% 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 bg-text-new">College Endocrino</h2>
                            <ol class="breadcrumb text-center text-black mt-10">
                                <li><a href="{{ path('home') }}">Accueil</a></li>
                                <li class="bg-text-new">College Endocrino</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div class="container">
            <!-- form search -->
            <div class="row" id="searchconf">
                <div class="col-md-6 col-md-offset-3">
                    <!-- Mailchimp Subscription Form-->
                    <form id="" class="newsletter-form mt-40" method="get"  autocomplete="off"
                          action="{{ path('college_search') }}">
                        <div class="row">

                        </div>
                        <div class="">
                            <div class="form-group">
                                <input name="type" class="form-control" type="hidden"
                                       value="college">
                            </div>
                        </div>
                        <div class="col-sm-5">
                            <div  id="basicExample" class="input-group ">
                                <input  type="text" class="form-control input-search date " name="date" value="">
                                <div class="input-group-addon" style="background-color: #118d8c; color: white;">
                                    <span class="glyphicon glyphicon-calendar "></span>
                                </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 nbrCollege == 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 bg-text-new line-height-1">Aucune <span class="">donnée disponible</span>
                                        </h3>
                                    </div>
                                </div>
                            </div>
                        </section>
                    {% else %}
                        {% for coll in colleges %}
                            <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-graduation-cap  text-white font-30"></i>
                                        </div>
                                        <h4 class="text-uppercase bg-text-new">{{ coll.title }}</h4>

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

                                        </div>
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-12" >
                                                <a class="btn bg-new mt-10 mb-0 pull-left flip  mt-10 mb-0 pull-left flip"
                                                   href="{{ asset('uploads/images/'~coll.file) }}"
                                                   target="_blank" title="telecharger">
                                                    Télécharger <i class="fa fa-download"></i>
                                                </a>
                                                <a class="btn bg-new mt-10 mb-0 pull-right flip"
                                                   href="{{ path('college_detail', {'id': coll.id}) }}">Détails <i
                                                            class="fa fa-angle-double-right"></i></a>
                                            </div>
                                        </div>


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

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