{% extends "::layout.html.twig" %}

{% block title %} {{ parent() }} {% endblock %}

{% block perform_stylesheets %}
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
{% endblock perform_stylesheets %}

{% block subHeader %}
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-sm-12 sep-top1 min-col-home"><a href="/annuaire/alphabetique"><img class="img-responsive" src="/images/big-img.jpg" /></a></div>
            <div class="col-lg-4 col-sm-6 sep-top1 min-col-home"><a href="/annuaire/alphabetique"><img class="img-responsive" src="/images/normal-img.jpg" /></a></div>
            <div class="col-lg-4 col-sm-6 sep-top1 min-col-home"><a href="/annuaire/alphabetique"><img class="img-responsive" src="/images/normal-img-1.jpg" /></a></div>
            <div class="col-lg-4 col-sm-6 sep-top1 min-col-home"><a href="/annuaire/alphabetique"><img class="img-responsive" src="/images/normal-img-2.jpg" /></a></div>
            <div class="col-lg-4 col-sm-6 sep-top1 min-col-home"><a href="/annuaire/alphabetique"><img class="img-responsive" src="/images/normal-img-3.jpg" /></a></div>
        </div>
    </div>
{% endblock %}

{% block container %}
    <div class="container homepage-part2">
        <div class="row">
            <!-- Nav tabs -->
            <ul class="nav nav-tabs homepage" role="tablist">
                <li role="presentation" class="active"><a href="#produits" aria-controls="produits" role="tab" data-toggle="tab">Produits</a></li>
                <li role="presentation"><a href="#services" aria-controls="services" role="tab" data-toggle="tab">Services</a></li>
                <li role="presentation"><a href="#boutiques" aria-controls="boutiques" role="tab" data-toggle="tab">Boutiques</a></li>
            </ul>
            <!-- Tab panes -->
            <div class="tab-content homepage">
                <div role="tabpanel" class="tab-pane active listvignettes" id="produits">
                    {% for item in produits %}
                        <div class="col-md-3" onclick="linkAction('{{ path('you_product_page',{boutique:item.boutique.slug,produit:item.slug}) }}');">
                            <a href="{{ path('you_product_page',{boutique:item.boutique.slug,produit:item.slug}) }}">
                                <img class="img-responsive" src="http://{{ picthost }}/{{ item.image.webMediumPath }}" width="205" height="205" alt="acheter en ligne ce produit shopping" title=" {{ item.titre }}"/>
                            </a>
                            <h3>
                                <a href="{{ path('you_product_page',{boutique:item.boutique.slug,produit:item.slug}) }}" title="Acheter en ligne {{ item.titre }}">
                                    {{ item.titre }}
                                </a>
                            </h3>
                            <p class="par_produit">
                                par <a href="{{ path('you_boutique_afficher',{slug:item.boutique.slug}) }}" title="Boutique {{ item.boutique.nom }}" class="boutique">{{ item.boutique.nom }}</a>
                            </p>
                            {% set distance = ''|distance(item.boutique.latitude,item.boutique.longitude)|tokm %}
                            {% if distance == false %}
                                <p class="map"><a href="#">définir ma position</a></p>
                            {% else %}
                                <p class="map">{{ distance }}</p>
                            {% endif %}
                            <p class="prix">
                                {% if (item.promos is not null and item.promos.valeur > 0) %}
                                    {% if item.promos.type == '0' %}
                                        <span>-{{ item.promos.valeur|toeuro }}</span>
                                    {% else %}
                                        <span>-{{ item.promos.valeur }}%</span>
                                    {% endif %}
                                {% endif %}
                                {% if item.material.currentprix is defined %}
                                    {{ item.material.currentprix|toeuro(' ') }}
                                {% endif %}
                            </p>
                        </div>
                    {% endfor %}
                </div>
                <div role="tabpanel" class="tab-pane listvignettes" id="services">
                    {% for item in services %}
                        <div class="col-md-3" onclick="linkAction('{{ path('you_product_page',{boutique:item.boutique.slug,produit:item.slug}) }}');">
                            <a href="{{ path('you_product_page',{boutique:item.boutique.slug,produit:item.slug}) }}">
                                <img class="img-responsive" src="http://{{ picthost }}/{{ item.image.webMediumPath }}" width="205" height="205" alt="acheter en ligne ce produit shopping" title=" {{ item.titre }}"/>
                            </a>
                            <h3>
                                <a href="{{ path('you_product_page',{boutique:item.boutique.slug,produit:item.slug}) }}" title="Acheter en ligne {{ item.titre }}">
                                    {{ item.titre }}
                                </a>
                            </h3>
                            <p class="par_produit">
                                par <a href="{{ path('you_boutique_afficher',{slug:item.boutique.slug}) }}" title="Boutique {{ item.boutique.nom }}" class="boutique">{{ item.boutique.nom }}</a>
                            </p>
                            {% set distance = ''|distance(item.boutique.latitude,item.boutique.longitude)|tokm %}
                            {% if distance == false %}
                                <p class="map"><a href="#">définir ma position</a></p>
                            {% else %}
                                <p class="map">{{ distance }}</p>
                            {% endif %}
                            <p class="prix">
                                {% if (item.promos is not null and item.promos.valeur > 0) %}
                                    {% if item.promos.type == '0' %}
                                        <span>-{{ item.promos.valeur|toeuro }}</span>
                                    {% else %}
                                        <span>-{{ item.promos.valeur }}%</span>
                                    {% endif %}
                                {% endif %}
                                {% if item.material.currentprix is defined %}
                                    {{ item.material.currentprix|toeuro(' ') }}
                                {% endif %}
                            </p>
                        </div>
                    {% endfor %}
                </div>
                {# boutiques #}
                <div role="tabpanel" class="tab-pane listvignettes" id="boutiques">
                    {% for item in boutiques %}
                        <div class="col-md-3" onclick="linkAction('{{ path('you_boutique_afficher',{slug:item.slug}) }}');">
                            <a href="{{ path('you_boutique_afficher',{slug:item.slug}) }}">
                                <img class="img-responsive" src="http://{{ picthost }}/{{ item.presentation.logo.webMediumPath }}" title="Logo {{ item.nom }}" alt="Logo boutique {{ item.nom }}"/>
                            </a>
                            <h3>
                                <a href="{{ path('you_boutique_afficher',{slug:item.slug}) }}" title="Visitez boutique {{ item.nom }}">
                                    {{ item.nom }}</a>
                            </h3>
                            <p class="description">
                                <a href="{{ path('you_boutique_afficher',{slug:item.slug}) }}">
                                    {{ item.presentation.presentation|replace({'<script>':'[script]', '</script>':'[/script]'})|raw }}
                                </a>
                            </p>
                        </div>
                    {% endfor %}
                </div>
            </div>
        </div>
        <hr>
    </div>
	
	 <div class="container">
        <div class="row">
            <div class="col-lg-8 col-sm-12 sep-top1 min-col-home"><a href="/annuaire/alphabetique"><img class="img-responsive" src="/images/big-img.jpg" /></a></div>
            <div class="col-lg-4 col-sm-6 sep-top1 min-col-home"><a href="/annuaire/alphabetique"><img class="img-responsive" src="/images/normal-img.jpg" /></a></div>
        </div>
    </div>
	
    <div class="container homepage-part3">
        <h2>Découvrez l'actualité des professionnels de notre région</h2>
        <div class="row sep-top1">
            {% for fiche in fiches %}
                {% if fiche.etat %}
                    <div class="col-md-3 fiche" style="overflow:auto;">
                        {% if fiche.image %}
                            <img src="http://{{ picthost }}/{{ fiche.image.webPath }}" alt="image présentation" title="image de présentation" class="img-responsive" >
                        {% else %}
                            <img src="http://{{ picthost }}/images/defaultFicheImage.png" alt="image présentation" title="image de présentation" class="img-responsive">
                        {% endif %}
                        <div class="caption">
                            <h3>{{ fiche.titre }}</h3>
                            <p>{{ fiche.description|replace({'<script>':'[script]', '</script>':'[/script]'})|slice(0, 350)|raw }}...</p>
                        </div>
                        <a href="{{ path('you_boutique_boutique_afficher_fiche',{slug:fiche.boutique.boutique.slug,fiche:fiche.slug}) }}" title="En savoir plus sur {{ fiche.titre }}">Lire plus</a>
                    </div>
                {% endif %}
            {% endfor %}
        </div>
    </div>
	
	 

{% endblock %}