templates/boutiques/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Les boutiques!{% endblock %}
  5. {% block body %}
  6.     <main class="main pages mb-80">
  7.         <div class="page-header breadcrumb-wrap">
  8.             <div class="container">
  9.                 <div class="breadcrumb">
  10.                    <a href="{{ path('app_home_index') }}" rel="nofollow"><i class="fi-rs-home mr-5"></i>Accueil</a>
  11.                     <span></span> Liste des boutiques
  12.                 </div>
  13.             </div>
  14.         </div>
  15.         <div class="page-content pt-50">
  16.             <div class="container">
  17.                 <div class="archive-header-2 text-center">
  18.                     <h3 class="display-2 mb-50">Les boutiques/Agences</h3>
  19.                     <div class="row">
  20.                         <div class="col-lg-5 mx-auto">
  21.                             <div class="sidebar-widget-2 widget_search mb-50">
  22.                                 <div class="search-form">
  23.                                     <form action="#" method="POST">
  24.                                         <input type="text" name="searchText" placeholder="rechercher une boutique ou agence par nom..." />
  25.                                         <button type="submit"  style="background-color: #006266; color: #FFFFFF;"><i class="fi-rs-search"></i></button>
  26.                                     </form>
  27.                                 </div>
  28.                             </div>
  29.                         </div>
  30.                     </div>
  31.                 </div>
  32.             {% if app.user == null %}
  33.                 <div class="">
  34.                     <a href="{{path('app_login')  }}" id="connexion" class="btn btn-sm  ml-10"><i class="fi-rs-add"></i> Je crée ma boutique</a>
  35.                 </div>
  36.              {% endif %}
  37.               <hr/>
  38.                 <div class="row vendor-grid">
  39.                    {% for boutique in boutiques  %}
  40.                      {% if boutique.nom != null %}
  41.                     <div class="col-lg-4 col-md-4 col-6 col-sm-6">
  42.                         <div class="vendor-wrap style-2 mb-40">
  43.                             <div class="product-badges product-badges-position product-badges-mrg">
  44.                                 
  45.                             </div>
  46.                             <div class="vendor-img-action-wrap">
  47.                                 <div class="vendor-img">
  48.                                     <a href="#">
  49.                                     {% if boutique.logo != null %}
  50.                                         <img class="default-img" src="{{ asset('uploads/boutiques/'~ boutique.logo ) }}" alt="" />
  51.                                     {% else %}
  52.                                         <img class="default-img" src="assets/imgs/deals/shop.jpg" alt="" />
  53.                                     {% endif %}
  54.                                     </a>
  55.                                 </div>
  56.                                 <div class="mt-10 ">
  57.                                     <span class="font-small  alert-warning p-10  border-radius-10">Non certifié</span>
  58.                                 </div>
  59.                             </div>
  60.                             <div class="vendor-content-wrap">
  61.                                 <div class="mb-30">
  62.                                     <div class="product-category">
  63.                                         <span class="text-muted"></span>
  64.                                     </div>
  65.                                     <h4 class="mb-5"><a href="{{ path('app_home_boutique',{id: boutique.id} ) }}">{{boutique.nom}}</a></h4>
  66.                                     <div class="vendor-info d-flex justify-content-between align-items-end mt-30">
  67.                                         <ul class="contact-infor text-muted">
  68.                                             <li><img src="assets/imgs/theme/icons/icon-location.svg" alt="" /><strong></strong> <span>{{boutique.adresse}} {{boutique.ville}}</span></li>
  69.                                             <li><img src="assets/imgs/theme/icons/icon-contact.svg" alt="" /><strong></strong><span>{{boutique.telephone}}</span></li>
  70.                                         </ul>
  71.                                        
  72.                                     </div>
  73.                                      <a href="{{ path('app_home_boutique',{id: boutique.id} ) }}" class="btn btn-xs">Visiter<i class="fi-rs-arrow-small-right"></i></a>
  74.                                 </div>
  75.                             </div>
  76.                         </div>
  77.                     </div>
  78.                     {% endif %}
  79.                  {% endfor %}
  80.                     <!--end vendor card-->
  81.                 </div>
  82.           {% if boutiques is not null %}
  83.             <div class="pagination-area mt-20 mb-20">
  84.                 {{ knp_pagination_render(boutiques, 'paginator.html.twig') }}
  85.             </div>
  86.             {% endif %}
  87.             </div>
  88.         </div>
  89.     </main>
  90. {% endblock %}