{% extends 'base.html.twig' %}
{% block title %}Les boutiques!{% endblock %}
{% block body %}
<main class="main pages mb-80">
<div class="page-header breadcrumb-wrap">
<div class="container">
<div class="breadcrumb">
<a href="{{ path('app_home_index') }}" rel="nofollow"><i class="fi-rs-home mr-5"></i>Accueil</a>
<span></span> Liste des boutiques
</div>
</div>
</div>
<div class="page-content pt-50">
<div class="container">
<div class="archive-header-2 text-center">
<h3 class="display-2 mb-50">Les boutiques/Agences</h3>
<div class="row">
<div class="col-lg-5 mx-auto">
<div class="sidebar-widget-2 widget_search mb-50">
<div class="search-form">
<form action="#" method="POST">
<input type="text" name="searchText" placeholder="rechercher une boutique ou agence par nom..." />
<button type="submit" style="background-color: #006266; color: #FFFFFF;"><i class="fi-rs-search"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
{% if app.user == null %}
<div class="">
<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>
</div>
{% endif %}
<hr/>
<div class="row vendor-grid">
{% for boutique in boutiques %}
{% if boutique.nom != null %}
<div class="col-lg-4 col-md-4 col-6 col-sm-6">
<div class="vendor-wrap style-2 mb-40">
<div class="product-badges product-badges-position product-badges-mrg">
</div>
<div class="vendor-img-action-wrap">
<div class="vendor-img">
<a href="#">
{% if boutique.logo != null %}
<img class="default-img" src="{{ asset('uploads/boutiques/'~ boutique.logo ) }}" alt="" />
{% else %}
<img class="default-img" src="assets/imgs/deals/shop.jpg" alt="" />
{% endif %}
</a>
</div>
<div class="mt-10 ">
<span class="font-small alert-warning p-10 border-radius-10">Non certifié</span>
</div>
</div>
<div class="vendor-content-wrap">
<div class="mb-30">
<div class="product-category">
<span class="text-muted"></span>
</div>
<h4 class="mb-5"><a href="{{ path('app_home_boutique',{id: boutique.id} ) }}">{{boutique.nom}}</a></h4>
<div class="vendor-info d-flex justify-content-between align-items-end mt-30">
<ul class="contact-infor text-muted">
<li><img src="assets/imgs/theme/icons/icon-location.svg" alt="" /><strong></strong> <span>{{boutique.adresse}} {{boutique.ville}}</span></li>
<li><img src="assets/imgs/theme/icons/icon-contact.svg" alt="" /><strong></strong><span>{{boutique.telephone}}</span></li>
</ul>
</div>
<a href="{{ path('app_home_boutique',{id: boutique.id} ) }}" class="btn btn-xs">Visiter<i class="fi-rs-arrow-small-right"></i></a>
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
<!--end vendor card-->
</div>
{% if boutiques is not null %}
<div class="pagination-area mt-20 mb-20">
{{ knp_pagination_render(boutiques, 'paginator.html.twig') }}
</div>
{% endif %}
</div>
</div>
</main>
{% endblock %}