templates/home/listeannonce.html.twig line 1

Open in your IDE?
  1. {% extends 'basefront.html.twig' %}
  3. {% block stylesheets %}
  4.     <style>
  6.         @media (min-width: 992px) {
  7.             .intro .intro-title {
  8.                 font-size: 3rem !important;
  9.             }
  11.         }
  13.         @media (max-width: 900px) {
  15.             #log {
  16.                 width: 40px !important;
  17.             }
  18.         }
  20.         @media (min-width: 900px) {
  22.             #log {
  23.                 width: 100px !important;
  24.             }
  25.         }
  26.     </style>
  27. {% endblock %}
  28.  {% block body %}
  29.      <nav class="navbar navbar-default navbar-trans navbar-expand-lg fixed-top"
  30.           style="padding-top: 0px !important;padding-bottom: 0px !important;">
  31.          <div class="container">
  32.              <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse"
  33.                      data-bs-target="#navbarDefault" aria-controls="navbarDefault" aria-expanded="false"
  34.                      aria-label="Toggle navigation">
  35.                  <span></span>
  36.                  <span></span>
  37.                  <span></span>
  38.              </button>
  39.              <a class="navbar-brand text-brand" href="/"><img id="log" src="{{ asset('image/logoestradori.png') }}"
  40.                                                               alt="Estate Immobilière">
  41.              </a>
  43.              <div class="navbar-collapse collapse justify-content-center" id="navbarDefault">
  44.                  <ul class="navbar-nav" style="font-size: 12px;font-weight: bold;">
  46.                      <li class="nav-item">
  47.                          <a class="nav-link active" href="/" style="font-size: 12px;font-weight: bold;">Accueil</a>
  48.                      </li>
  49.                      <li class="nav-item dropdown">
  50.                          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
  51.                             style="font-size: 12px;font-weight: bold;"
  52.                             data-bs-toggle="dropdown"
  53.                             aria-haspopup="true" aria-expanded="false">Location</a>
  54.                          <div class="dropdown-menu">
  55.                              {% for type in types %}
  56.                                  <a class="dropdown-item " style="font-size: 12px;font-weight: bold;"
  57.                                     href="{{ path('app_liste_type', {'id': type.id,'categorie':'location'}) }}">{{ type.nom }}</a>
  58.                              {% endfor %}
  59.                          </div>
  60.                      </li>
  61.                      <li class="nav-item dropdown">
  62.                          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
  63.                             style="font-size: 12px;font-weight: bold;"
  64.                             data-bs-toggle="dropdown"
  65.                             aria-haspopup="true" aria-expanded="false">Vente</a>
  66.                          <div class="dropdown-menu">
  67.                              {% for type in types %}
  68.                                  <a class="dropdown-item " style="font-size: 12px;font-weight: bold;"
  69.                                     href="{{ path('app_liste_type', {'id': type.id,'categorie':'vente'}) }}">{{ type.nom }}</a>
  70.                              {% endfor %}
  71.                          </div>
  72.                      </li>
  73.                      <li class="nav-item">
  74.                          <a class="nav-link " href="#" style="font-size: 12px;font-weight: bold;">Vacances</a>
  75.                      </li>
  76.                      <li class="nav-item">
  77.                          <a class="nav-link " href="/contact" style="font-size: 12px;font-weight: bold;">Contact</a>
  78.                      </li>
  79.                  </ul>
  80.                  <ul id="respMenu2" class="ace-responsive-menu float-right wa" data-menu-style="horizontal"
  81.                      style="font-size: 12px;font-weight: bold;">
  82.                      <li class="list-inline-item list_c"><a href="tel:0021629707148">
  83.                              <span class="bi bi-phone mr7"></span>/ <span class="bi bi-whatsapp mr7">
  85.                             </span> (+216) 29 707 148</a></li>
  86.                      <li class="list-inline-item list_c"><a href="mailto:eha.immobilier@gmail.com">
  87.                              <span class="bi bi-envelope mr7"></span>
  88.                              eha.immobilier@gmail.com</a></li>
  89.                  </ul>
  90.              </div>
  91.          </div>
  92.      </nav>
  94.      <main id="main">
  96.          <section class="intro-single">
  97.              <div class="container">
  98.                  <div class="row">
  99.                      <div class="col-md-12 col-lg-8">
  100.                          <div class="title-single-box">
  101.                              <h1 class="title-single">Liste des annonces</h1>
  102.                          </div>
  103.                      </div>
  104.                      <div class="col-md-12 col-lg-4">
  105.                          <nav aria-label="breadcrumb" class="breadcrumb-box d-flex justify-content-lg-end">
  106.                              <ol class="breadcrumb">
  107.                                  <li class="breadcrumb-item">
  108.                                      <a href="/">Accueil</a>
  109.                                  </li>
  110.                                  <li class="breadcrumb-item active" aria-current="page">
  111.                                      Liste des annonces
  112.                                  </li>
  113.                              </ol>
  114.                          </nav>
  115.                      </div>
  116.                  </div>
  117.              </div>
  118.          </section><!-- End Intro Single-->
  120.          <!-- =======  Blog Grid ======= -->
  121.          <section class="news-grid grid">
  122.              <div class="container">
  123.                  <div class="row">
  124.                      <div class="col-md-12">
  125.                          <div class="jumbotron">
  126.                              <div class="container">
  127.                                  {{ form_start(form) }}
  128.                                  <div class="row">
  129.                                      <div class="col-md-3">
  130.                                          {{ form_row(form.minsurface) }}
  131.                                      </div>
  132.                                      <div class="col-md-3">
  133.                                          {{ form_row(form.maxprice) }}
  134.                                      </div>
  135.                                      <div class="col-md-3">
  136.                                          {{ form_row(form.nbchambre) }}
  137.                                      </div>
  138.                                      <div class="col-md-3">
  139.                                          <button class="btn btn-primary">Rechercher</button>
  140.                                      </div>
  141.                                  </div>
  142.                                  {{ form_end(form) }}
  143.                              </div>
  144.                          </div>
  145.                      </div>
  146.                  </div>
  147.                  <div class="row">
  148.                      <div class="col-md-12">
  149.                          <hr>
  150.                      </div>
  151.                  </div>
  152.                  <div class="row mt-4">
  153.                      {% for annonce in annonces %}
  154.                          <div class="col-md-4">
  155.                              <div class="card-box-b card-shadow news-box">
  156.                                  <div class="img-box-b">
  157.                                      {% set i =0 %}
  158.                                      {% for image in annonce.images %}
  159.                                          {% if(i == annonce.images|length-1) %}
  160.                                              <img src="{{ asset('images/annonces/'~image.name) }}" alt=""
  161.                                                   class="img-a img-fluid">
  162.                                          {% endif %}
  163.                                          {% set i =i+1 %}
  164.                                      {% endfor %}
  165.                                  </div>
  166.                                  <div class="card-overlay">
  167.                                      <div class="card-header-b">
  168.                                          <div class="card-category-b">
  169.                                              <a href="{{ path('details_annonce', {'id': annonce.id}) }}"
  170.                                                 class="category-b"
  171.                                                 style="color: white !important;">{{ annonce.type }}</a>
  172.                                              <a href="{{ path('details_annonce', {'id': annonce.id}) }}"
  173.                                                 class="category-b"
  174.                                                 style="color: white !important;">{{ annonce.prix }} {{ annonce.devise }}</a>
  175.                                          </div>
  176.                                          <div class="card-title-b">
  177.                                              <h2 class="title-2">
  178.                                                  <a href="{{ path('details_annonce', {'id': annonce.id}) }}">{{ annonce.titre }} </a>
  179.                                              </h2>
  180.                                          </div>
  182.                                      </div>
  183.                                  </div>
  184.                              </div>
  185.                          </div>
  186.                      {% else %}
  187.                          <div class="row" style="    margin-left: auto;
  188.     margin-right: auto;">
  190.                              <div id="contenedor_busqueda_fallida" style="padding: 0 12.5px;
  191.     width: 100%;
  192.     margin: 100px auto;
  193.     max-width: 1165px;
  194.     margin: 0 auto;
  195.     position: relative;
  196.     overflow: hidden;
  197.     padding: 0 12.5px;
  198.     position: relative;
  199.     width: 100%;">
  200.                                  <div class="busqueda">
  201.                                      <img style="width: 250px; height: 200px;"
  202.                                           src="{{ asset('image/no_results_found.svg') }}" alt="">
  203.                                      <div class="text_fail_busqueda">
  204.                                          <p class="title">Aucun résultat trouvé</p>
  206.                                      </div>
  207.                                  </div>
  208.                              </div>
  211.                          </div>
  212.                      {% endfor %}
  213.                  </div>
  214.              </div>
  215.          </section>
  216.      </main>
  218.  {% endblock %}