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

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

{% block subHeader %}
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-sm-12 sep-top1 min-col-home">
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">
                        <div class="item active">
                            <img class="img-responsive" src="/images/hallal/consommez-halal-1.jpg" />
                        </div>
                        <div class="item">
                            <img class="img-responsive" src="/images/hallal/consommez-halal-2.jpg" />
                        </div>
						<div class="item">
                            <img class="img-responsive" src="/images/hallal/consommez-halal-3.jpg" />
                        </div>
						<div class="item">
                            <img class="img-responsive" src="/images/consommez-halal-4.jpg" />
                        </div>
                    </div>
                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
            {# <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="#" onclick="$('#searchZone').toggle(); $('#searchZone').load('{{ path('you_geo_page_popup') }}');"><img class="img-responsive" src="/images/entreprises-halal.jpg" /></a></div>
            <div class="col-lg-4 col-sm-6 sep-top1 min-col-home"><a href="/shopping/alimentation/poulet/"><img class="img-responsive" src="/images/poulet-halal-home.jpg" /></a></div>
            <div class="col-lg-4 col-sm-6 sep-top1 min-col-home"><a href="/shopping/alimentation/viande/"><img class="img-responsive" src="/images/viande-halal-home.jpg" /></a></div>
            <div class="col-lg-4 col-sm-6 sep-top1 min-col-home"><a href="/services/organisation/"><img class="img-responsive" src="/images/reservation-salle-mariage.jpg" /></a></div>
        </div>
    </div>
{% endblock %}

{% block container %}
    <div class="container homepage-part2">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 sep-top1 min-col-home">
                <div class="row">
                    <div class="col-md-6">
                        <!-- 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">Prestations</a></li>
                            <li role="presentation"><a href="#boutiques" aria-controls="boutiques" role="tab" data-toggle="tab">Boutiques</a></li>
                        </ul>
                        <!-- Tab panes -->
                        <center><div class="tab-content homepage">
                                <div role="tabpanel" class="tab-pane active listvignettes" id="produits">
                                    {% for item in produits %}
                                        {{ include('YOUMainBundle::single-product-half.html.twig') }}
                                    {% endfor %}
                                </div>
                                <div role="tabpanel" class="tab-pane listvignettes" id="services">
                                    {% for item in services %}
                                        {{ include('YOUMainBundle::single-service-half.html.twig') }}
                                    {% endfor %}
                                </div>
                                {# boutiques #}
                                <div role="tabpanel" class="tab-pane listvignettes" id="boutiques">
                                    {% for item in boutiques %}
                                        {{ include('YOUMainBundle::single-boutique-half.html.twig') }}
                                    {% endfor %}
                                </div>
                            </div></center>
                    </div>
                    <div class="col-md-6 col-sm-12 sep-top1 min-col-home">     
                        <div>
                            <a href="/annuaire/alphabetique"><img class="img-responsive" src="/images/epices-halal-home.jpg" /></a>
                        </div>
                        <div class="sep-top1">
                            <a href="/annuaire/alphabetique"><img class="img-responsive" src="/images/reservation-restaurant-halal.jpg" /></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <hr>
    <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/ambassadeur-halal.jpg" /></a></div>
            <div class="col-lg-4 col-sm-6 sep-top1 min-col-home"><a href="/fetes-musulmanes.html"><img class="img-responsive" src="/images/fete-mouton.jpg" /></a></div>
        </div>
    </div>

    <br />

    <div class="container">
        <div class="row">
            <div class="col-lg-9 col-sm-12 sep-top1 min-col-home homepage-part3">
                <h2>LES NOUVELLES DU HALAL EN FRANCE</h2>
                <br />
                <div class="row">
                    {% for fiche in fiches %}
                        {% if fiche.etat %}
                            <div class="col-md-4 col-sm-12 col-xs-12 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>
            <div class="col-lg-3 col-sm-12 sep-top1 min-col-home homepage-part3"><img class="img-responsive" src="/images/afficher-produits-halal.jpg" /></div>            
        </div>
    </div>
    <br />
    <hr>
    <br />
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-sm-12 sep-top1">
                <img src="/images/logoT-consommez-halalB-400.png" alt="logo consommez Halal" />
            </div>
            <div class="col-lg-8 col-sm-12 sep-top1">
                <p style="text-align:justify;">Consommez-Hallal est un site internet e-commerce, développé par la société MYNS-Developpement.<br /> 
				Il permet la mise en relation de commerçants vendant des <strong>produits hallal</strong> et d’internautes désireux d’acheter en 
				ligne des <strong>produits halal</strong> en ligne.
			    <br /><br />
				Pour développer le marché du hallal en ligne, 
				Consommez-Hallal.com permet aux internautes de faire leurs courses en ligne auprès des commerçants qui proposent 
				des <strong> produits hallals</strong> 
				en toute simplicité. 
				<br /><em>Acheter des produits halals</em> devient un service accessible à tous les <u>musulmans</u> de France. 
				<br />
				<br />
				Pour vous faciliter vos achats en ligne de <strong>Viande Halal</strong>, tous vos commerces de proximité sont réunis sur la 
				même plateforme e-commerce, 
				pour vous assurer d'<strong>acheter halal</strong> en ligne en réalisant de bonnes affaires.<br /> <br />
				Acheter ses produits du quotidien, réserver ses services en ligne ou effectuer des demandes de devis auprès des 
				<u>entreprises hallal</u> agréés Consommez-Hallal.<br />
				<br />
				Choisissez vos produits hallals, ajoutez-les à votre panier, puis réglez, il vous suffira de suivre les indications pour 
				aller récupérer vos <strong>produits hallals</strong> à la <em>boutique du commerçant</em> ou à votre domicile selon son 
				mode de livraison/expédition.<br />
				<br />
				Grâce au système de paiement bancaire 100% sécurisé, vous pourrez réaliser vos achats de <strong>viande halal</strong> 
				en ligne en toute sérénité auprès des <strong>entreprises hallal</strong> de France.
				</p>
            </div>
        </div>
    </div>

{% endblock %}