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

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

{% set current_page = 'homepage' %}

{% block subHeader %}
    <div id="slider_limousin" class="owl-carousel">
        <div>
            <a href="#" onclick="$('#searchZone').toggle(); $('#searchZone').load('{{ path('you_geo_page_popup') }}');">
				<img src="/images/hallal/zone-geo1.jpg" alt="zone geographique" />
			</a>
        </div>
		<div>
            <img src="/images/hallal/produits-hallal-1.jpg" alt="produits hallal" />
        </div>
		<div>
            <img src="/images/hallal/produits-hallal-2.jpg" alt="produits hallal" />
        </div>
        <div>
            <img src="/images/hallal/produits-hallal-3.jpg" alt="produits 100% hallal" />
        </div>
		<div>
            <a href="ambassadeurs-consommez-halal.html"><img src="/images/hallal/produits-hallal-ambassadeur1.jpg" alt="deviens ambassadeur" /></a>
        </div>
        <div>
            <img src="/images/hallal/produits-hallal-4.jpg" alt="boucherie hallal" />
        </div>
        <div>
            <img src="/images/hallal/produits-halal-6.jpg" alt="tenu djellaba musulmane" />
        </div>
		<div>
            <img src="/images/hallal/produits-hallal-5.jpg" alt="mouton fête musulmane" />
        </div>
    </div>
{% endblock %}

{% block container %}
	<div class="row" id="homepage">


        <div class="menu-limousin">
            <a href="/shopping/alimentation/"><img src="/images/m-alim-halal.png" alt="produits halal"><img class="hover" src="/images/m-alim-halal-h.png" alt="catégorie alimentation"></a>
            <a href="/shopping/restauration/"><img src="/images/m-resto-halal.png" alt="restaurant halal"><img class="hover" src="/images/m-resto-halal-h.png" alt="catégorie restauration"></a>
            <a href="/shopping/culture-religion/"><img src="/images/m-culture-halal.png" alt=""><img class="hover" src="/images/m-culture-halal-h.png" alt="catégorie puériculture"></a>
			<a href="/shopping/mode/"><img src="/images/m-mode.png" alt="mode halal"><img class="hover" src="/images/m-mode-h.png" alt="catégorie mode vêtements"></a>
            <a href="/shopping/maison-jardin/"><img src="/images/m-maison.png" alt=""><img class="hover" src="/images/m-maison-h.png" alt="catégorie maison & jardin"></a>
            <a href="/shopping/beaute-bien-etre/"><img src="/images/m-beaute.png" alt=""><img class="hover" src="/images/m-beaute-h.png" alt="catégorie beauté & bien-être"></a>
			<a href="{{ path('you_boutique_afficher_services_category',{categorie:'voyages-2'}) }}"><img src="/images/m-services-halal.png" alt=""><img class="hover" src="/images/m-services-halal-h.png" alt="catégorie beauté & bien-être"></a>
            <!--<a href="/shopping/auto-moto-2/"><img src="/images/m-auto.png" alt=""><img class="hover" src="/images/m-auto-h.png" alt="catégorie auto & moto"></a>
            
            <a href="/shopping/loisirs-high-tech/"><img src="/images/m-loisirs.png" alt=""><img class="hover" src="/images/m-loisirs-h.png" alt="catégorie loisirs"></a>
            <a href="/shopping/sport-2/"><img src="/images/m-sport.png" alt=""><img class="hover" src="/images/m-sport-h.png" alt="catégorie sport"></a>-->
        </div>


        <h1 class="span12" style="font-weight:normal;font-size:16px;text-align:center;margin-bottom:35px;margin-top:20px;">Acheter des <strong>produits halal</strong> facilement en ligne.<br />
		Trouvez les magasins qui vendent près de chez vous des <i>produits halal</i>.</h1>

		<a href="{{ path('you_boutique_afficher_category',{categorie:'alimentation'}) }}" class="span4 infos" title="Acheter des produits hallal en ligne">

            <h2 class="shopping" title="acheter des produits hallal en ligne">Produits Halal</h2>
            <ul>
                <li><em>Acheter des produits halal</em> depuis chez moi</li>
                <li>Je paye en ligne en toute sécurité</li>
                <li><u>Je me fais livrer</u> ou je passe en magasin</li>
            </ul>

		</a>

        <a href="{{ path('you_boutique_afficher_services_category',{categorie:'restaurant'}) }}" class="span4 infos" title="Réserver un service en ligne">

            <h2 class="services" title="Commandez vos services en ligne">Service en ligne</h2>
            <ul>
                <li>J’affiche les entreprises halal</li>
                <li>Je compare les <u>produits halal</u></li>
                <li>Je règle en ligne</li>
            </ul>

        </a>

        <a href="{{ path('you_devis_afficher_category',{categorie:'service-a-la-personne'}) }}" class="span4 infos" title="Obtenir des devis en ligne">

            <h2 class="devis" title="Obtenir des devis">Devis des commercants de proximité</h2>
            <ul>
                <li>Je décris mon projet en quelques mots</li>
                <li>Les professionels de ma région me contactent</li>
                <li><u>Je fais mon choix parmi les devis reçus</u></li>
            </ul>

        </a>


	
	</div>
	
	
	{% import 'YOUBoutiqueBundle:Category:vignettes.html.twig' as vignette %}


	 <div class="row homepageliste">
	 	<div id="listArticleEqualize">
	 	{% for row in shopping %}
	 		{% for p in row %}
		 		{% if loop.first %}
		 			<h3>{{ p.domaine.title }}</h3><ul class="thumbnails listvignettes">
		 		{% endif %}
	
		 		                {{ vignette.produit(p) }}
	
		 		{% if loop.last %}
		 		</ul>
		 		{% endif %}
	 		{% endfor %}
	 	{% endfor %}
			 	
     {% for row in service %}
	 		{% for p in row %}
		 		{% if loop.first %}
		 			<h3>{{ p.domaine.title }}</h3><ul class="thumbnails listvignettes">
		 		{% endif %}
	
		 		                {{ vignette.produit(p) }}
	
		 		{% if loop.last %}
		 		</ul>
		 		{% endif %}
	 		{% endfor %}
	 	{% endfor %}
	 		 	
          <!--{% for row in promos %}
	 		{% for p in row %}
		 		{% if loop.first %}
		 			<h3>Promotions</h3><ul class="thumbnails listvignettes">
		 		{% endif %}
	            {% if p.material %}
	                {{ vignette.produit(p) }}
	            {% else %}
	                {{ vignette.service(p) }}
	            {% endif %}
		
		 		{% if loop.last %}
		 		</ul>
		 		{% endif %}
	 		{% endfor %}
	 	{% endfor %}
	 	-->
	 </div>
<div class="boutique">

	 	{% for row in boutiques %}
	 		{% for b in row %}
		 		{% if loop.first %}
		 			<h3>Les boutiques</h3><ul class="thumbnails listvignettes">
		 		{% endif %}

	                {{ vignette.miniboutique(b) }}
		
		 		{% if loop.last %}
		 		</ul>
		 		{% endif %}
	 		{% endfor %}
	 	{% endfor %}
	 </div></div>
   
   <br />
   <br />
   
   <center id="bloc-center">
   <a style="display:block;position:absolute;z-index:9000;pointer:cursor;width:780px;height:90px;" href="http://www.Consommez-hallal.com/ambassadeurs-consommez-halal.html"></a>
	<img src="http://www.consommez-hallal.com/images/hallal/deviens-ambassadeur.jpg" alt="deviens ambassadeur"/>
   <br />
   <br />
   <br />
                      
   <p style="font-size:15px;color:#333;line-height:28px;width:900px;font-weight:normal;" id="text-bas">
   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 />
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 />
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 /> 
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.
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 />
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>
   </center>
{% endblock %}

{% block append_javascript %}
    {% javascripts output="js/carousel.js"
        '../../apps/region/Resources/public/js/owl.carousel.min.js'
    %}
        <script src="{{ asset_url }}" type="text/javascript"></script>
    {% endjavascripts %}
<script>

    function setMaxHeightListeVignette(){
        maxheight = 0;
        $('#listArticleEqualize li').each(function(){

            if(maxheight < $(this).height()){
                maxheight = $(this).height();
            }

        });
        if(maxheight > 200){
            $('#listArticleEqualize li').animate({height:maxheight},0);
        }
    }

    setMaxHeightListeVignette();
    setTimeout(setMaxHeightListeVignette,250);
    setTimeout(setMaxHeightListeVignette,500);
    setTimeout(setMaxHeightListeVignette,750);
    setTimeout(setMaxHeightListeVignette,1000);
    setTimeout(setMaxHeightListeVignette,1500);
    setTimeout(setMaxHeightListeVignette,2000);
    setTimeout(setMaxHeightListeVignette,2500);


    var protectLinkActionState = false;
    function protectLinkAction(val){
        if(val == false){
            setTimeout(function(){protectLinkAction(false);},50);
        }
        protectLinkActionState = val;
    }

    function linkAction(link){
        if(!protectLinkActionState){
            document.location.href = link;
        }
    }

    $(document).ready(function($) {
        $(".owl-carousel").owlCarousel({singleItem:true,autoPlay:5000,stopOnHover:true});
    });

</script>
{% endblock %}