templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %} HomePage {% endblock %}
  3. {% block body %}
  4. <div class="container text-dark py-3" xmlns="http://www.w3.org/1999/html">
  5.   {# --- Conteneur pour afficher les résultats de recherche --- #}
  6.   <div id="search-results" class="search-results" style="display: none;"></div>
  7.     <div class="jumbotron text-justify mt-3">
  8.         <h3 class="text-center"> {{ content }} </h3>
  9.         <p class="lead">
  10.             Nous sommes une agence de publication d'annonces des concours dont les utilisateurs peuvent
  11.             poster des annonces de concours (pétanque, longue,tenis, etc) et de pouvoir effectuer des
  12.             recherches par département. Nous avons aussi un système de notification en place afin d’avertir
  13.             les utilisateurs de la présence d’un nouvel événement dans leur département.
  14.         </p>
  15.         <hr class="my-4">
  16.         <p>
  17.             Vous avez besoins de publier une annonce concernant un concours que souhaiter orginiser dans votre
  18.             département, alors n'hésitez plus ! Rendez-vous sur notre site internet dédié à ces genres
  19.             d'événement. C'est gratuit, sécurisé et flexibles.
  20.         </p>
  21.         <p>
  22.             Ou encore, vous voulez savoir les derniers ou prochains concours dans votre département, alors
  23.             connectez sur notre plateforme en savoir plus.
  24.         </p>
  25.        
  26.     </div>
  27.     <h2 class="text-info">Nos événements stars</h2>
  28.     <div class="row mt-3">
  29.         {% for ad in ads | slice (0, 6) %}
  30.             <div class="col-md-6 col-lg-4 text-justify">
  31.                 <div class="card badge-light mb-3">
  32.                     <div class="card-header text-center">
  33.                         <p class="text-justify">
  34.                         {{ ad.title }} Dans le département de <strong>{{ ad.ville.departements.name| upper}}</strong>
  35.                         prévu le <span class="text-danger"> <strong>{{ ad.createdAt |date('d/m/Y à I:m') }}</strong></span>
  36.                             ,type de concours :{{  ad.typeConcours }}
  37.                         </p>
  38.                    {#
  39.                         {% if cmt.note | length > 0 %}
  40.                         {% for  commnt in cmt.note  %}
  41.                             <small>It y a {{ cmt.note | length }} notes
  42.                                 laissées par les utilisateur</small>
  43.                         {% endfor %}
  44.                         {% endif %}
  45.                     #}
  46.                     </div>
  47.                     <a href="/uploads/{{ ad.image }} ">
  48.                     <img src="uploads/{{ ad.image }}" alt="Image l'annonce" style="width:100% ; height:250px ;display:block">
  49.                     </a>
  50.                     <div class="card-body">
  51.                         <a  href="{{ path('annonces_show', {'id': ad.id }) }}">
  52.                             {{ ad.title | raw }}
  53.                         </a>
  54.                         <p class="card-text">{{ ad.content | raw }}</p>
  55.                         <a class="btn btn-primary" href="{{ path('annonces_show', {'id':ad.id}) }}" role="button">
  56.                             <i class="fas fa-eye"></i></a>
  57.                         {% if app.user and app.user == ad.author %}
  58.                             <a class="btn btn-secondary" href="{{ path('annonces_edit', {'id': ad.id}) }}">
  59.                                 <i class="fas fa-edit"></i>
  60.                             </a>
  61.                             {% else %}
  62.                         {% endif %}
  63.                     </div>
  64.                 </div>
  65.             </div>
  66.         {% endfor %}
  67.     </div>
  68.     <h2 class="text-info">Nos utilisateurs stars</h2>
  69.     <div class="row mt-3">
  70.         {% for ad in ads | slice (0, 6)%}
  71.             <div class="col-md-6 col-lg-4">
  72.                 <div class="card border-secondary mb-3">
  73.                     <div class="card-body">
  74.                         <h4 class="card-title">{{ ad.author.firstName }} {{ ad.author.lastName }}</h4>
  75.                         <hr>
  76.                         <div class="card-text text-justify">
  77.                             <img src="usersimages/{{ ad.author
  78.                             .picture }}" alt="phote de l'auteur" class="avatar float-left mr-3">
  79.                             <a class="btn btn-success float-right" href="{{ path('annonces_show', {'id': ad.id }) }}">
  80.                                 <i class="fas fa-eye"></i>
  81.                             </a>
  82.                             {% if app.user and app.user == ad.author %}
  83.                                 <a class="btn btn-primary float-right mr-1" href="{{ path
  84.                                     ('annonces_edit', {'id': ad.id}) }}">
  85.                                     <i class="fas fa-edit">
  86.                                     </i></a>
  87.                                 {% else %}
  88.                             {% endif %}
  89.                         </div>
  90.                     </div>
  91.                 </div>
  92.             </div>
  93.         {% endfor %}
  94.     </div>
  95. </div>
  96. {% endblock %}