templates/etablissement/recherche.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}CEP-I Liste des établissements{% endblock %}
  5. {% block stylesheets %}
  6.   <link rel="shortcut icon" type="image/x-icon" href="/assets/images/favicon.ico">
  7.   <link rel="stylesheet" type="text/css" href="/assets/vendor/magnific-popup.css">
  8.   <link rel="stylesheet" type="text/css" href="/assets/vendor/slick-master/slick/slick.css">
  9.   <link rel="stylesheet" type="text/css" href="/assets/vendor/selectric/public/selectric.css">
  10.   <link rel="stylesheet" type="text/css" href="/assets/css/bundle.css">
  11. {% endblock %}
  13. {% block breadcrumps %}
  14.   <div class="breadcrumps breadcrumps--primary">
  15.     <div class="shell">
  16.       <ul>
  17.         <li>
  18.           <a href="/">Accueil</a>
  19.         </li>
  21.         <li>
  22.           <a href="/">Qui sommes-nous ?</a>
  23.         </li>
  25.         <li>
  26.           <a href="{{ path('etablissements') }}">Liste des établissements</a>
  27.         </li>
  28.       </ul>
  29.     </div><!-- /.shell -->
  30.   </div><!-- /.breadcrumps -->
  31. {% endblock %}
  33. {% block body %}
  36.   <section class="section-teritary">
  37.     <div class="shell">
  38.       <header class="section__head">
  39.         <h2>
  40.           Qui sommes nous ?
  42.           <span>Liste des établissements</span>
  43.         </h2>
  44.       </header><!-- /.section__head -->
  46.       <div class="section__body">
  47.         <div class="form-primary">
  48.           <form action="" method="post">
  49.             <div class="form__head">
  50.               <h4>Recherche</h4>
  52.               <p>Vous recherchez un établissement CEP I, Choisissez votre département</p>
  53.             </div><!-- /.form__head -->
  55.             <div class="form__body">
  56.               <label for="f_field1">Départements</label>
  58.               <div class="select-custom">
  59.                 <select class="field field--alt" name="departement" id="f_field1">
  60.                   <option value="">- Sélectionnez -</option>
  62.                   {% set departements = util_service.getDepartementsLabel() %}
  63.                   {% for value, label in departements %}
  64.                     <option {{ departement == value ? 'selected' : '' }} value="{{ value }}">{{ value ~ ' - ' ~ label }}</option>
  65.                   {% endfor %}
  66.                 </select>
  67.               </div><!-- /.form__controls -->
  69.               <button class="btn">
  70.                 <i class="ico-arrow-white"></i> Rechercher
  71.               </button>
  72.             </div><!-- /.form__body -->
  73.           </form>
  74.         </div><!-- /.form-primary -->
  75.       </div><!-- /.section__body -->
  76.     </div><!-- /.shell -->
  77.   </section><!-- /.section -->
  79.   <section class="section section--articles-def">
  80.     <div class="shell">
  81.       <header class="section__head">
  82.         {% set nb = etablissements|length %}
  83.         {% if nb > 0 %}
  84.           <h2 class="title">Résultat{{ nb > 1 ? 's' : '' }} Trouvé{{ nb > 1 ? 's' : '' }} ({{ nb }})</h2>
  85.         {% else %}
  86.           <h2 class="title">Aucun résultat</h2>
  87.         {% endif %}
  88.       </header><!-- /.section__head -->
  90.       <div class="section__body">
  91.         <div class="articles articles--secondary">
  93.           {% for etablissement in etablissements %}
  95.           <div class="article article--secondary">
  96.             <div class="article__inner">
  97.               <div class="article__image">
  98.                 <div class="article__image-inner" {% if etablissement.image %} style="background-size : contain;background-position: center; background-repeat: no-repeat; background-image: url(/assets/uploads/etablissement/{{ etablissement.id }}/{{ etablissement.image }});" {% endif %}></div>
  99.               </div><!-- /.article__image -->
  101.               <div class="article__body" style="min-height: 379px;">
  102.                 <ul class="list-infos">
  103.                   <li>
  104.                     <p>
  105.                       <strong>Nom de l’établissement</strong>
  106.                       {{ etablissement.name }}
  107.                     </p>
  108.                   </li>
  110.                   {% if etablissement.cycle %}
  111.                   <li>
  112.                     <p>
  113.                       <strong>Cycles d'enseignement</strong>
  114.                         {{ etablissement.cycle }}
  115.                     </p>
  116.                   </li>
  117.                   {% endif %}
  119.                   {% if etablissement.adress or etablissement.city or etablissement.postalCode %}
  120.                   <li>
  121.                     <p>
  122.                       <strong>Adresse</strong>
  123.                       {% if etablissement.adress %}{{ etablissement.adress }}<br>{% endif %}
  124.                       {% if etablissement.postalCode %}{{ etablissement.postalCode }}<br>{% endif %}
  125.                         {{ etablissement.city }}
  126.                     </p>
  127.                   </li>
  128.                   {% endif %}
  130.                   {% if etablissement.phoneNumber %}
  131.                   <li>
  132.                     <p>
  133.                       <strong>Téléphone</strong>
  134.                       <a href="tel:{{ etablissement.phoneNumber }}">{{ etablissement.phoneNumber }}</a>
  135.                     </p>
  136.                   </li>
  137.                   {% endif %}
  139.                   {% if etablissement.website %}
  140.                   <li>
  141.                     <p>
  142.                       <strong>Site web</strong>
  143.                       <a target="_blank" href="{{ etablissement.website }}">{{ etablissement.website }}</a>
  144.                     </p>
  145.                   </li>
  146.                   {% endif %}
  147.                 </ul><!-- /.list-infos -->
  149.               </div><!-- /.article__body -->
  150.             </div><!-- /.article__inner -->
  151.           </div><!-- /.article -->
  153.           {% endfor %}
  155.         </div><!-- /.articles -->
  156.       </div><!-- /.section__body -->
  157.     </div><!-- /.shell -->
  158.   </section><!-- /.section -->
  161.     {% include '__includes__/newsletterForm.html.twig' %}
  163. {% endblock %}
  165. {% block javascripts %}
  166.   <script src="/assets/vendor/jquery-3.1.1.min.js"></script>
  167.   <script src="/assets/vendor/magnific-popup.js"></script>
  168.   <script src="/assets/vendor/slick-master/slick/slick.min.js"></script>
  169.   <script src="/assets/vendor/selectric/public/jquery.selectric.min.js"></script>
  170.   <script src="/assets/vendor/jquery-scrollLock.min.js"></script>
  171.   <script src="/assets/vendor/validator.js"></script>
  172.   <script src="/assets/js/bundle.js"></script>
  173. {% endblock %}