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

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

{% set current_page = 'homepage' %}

{% block subHeader %}
    <div id="slider_limousin" class="owl-carousel">
        <div>
            <a href="/annuaire/alphabetique" title="les entreprises sur consommez-limousin"><img src="/images/lim-slider-6.jpg" alt="image annuaire" /></a>
        </div>
		<div>
            <img src="/images/lim-slider-1.jpg" alt="" />
        </div>
        <div>
            <img src="/images/lim-slider-2.jpg" alt="" />
        </div>
        <div>
            <img src="/images/lim-slider-3.jpg" alt="" />
        </div>
        <div>
            <img src="/images/lim-slider-4.jpg" alt="" />
        </div>        
    </div>
{% endblock %}

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


        <div class="menu-limousin">
            <a href="/shopping/alimentation/"><img src="/images/m-alim.png" alt="produits locaux alimentaires"><img class="hover" src="/images/m-alim-h.png" alt="catégorie alimentation"></a>
            <a href="/shopping/restauration/"><img src="/images/m-resto.png" alt="restaurant limoges"><img class="hover" src="/images/m-resto-h.png" alt="catégorie restauration"></a>
            <a href="/shopping/mode/"><img src="/images/m-mode.png" alt="mode limoges"><img class="hover" src="/images/m-mode-h.png" alt="catégorie mode vêtements"></a>
            <a href="/shopping/puericulture/"><img src="/images/m-pueri.png" alt="produits pour bébé"><img class="hover" src="/images/m-pueri-h.png" alt="catégorie puériculture"></a>
            <a href="/shopping/beaute-bien-etre/"><img src="/images/m-beaute.png" alt="produits beauté"><img class="hover" src="/images/m-beaute-h.png" alt="catégorie beauté & bien-être"></a>
            <a href="/shopping/auto-moto-2/"><img src="/images/m-auto.png" alt="pièce automobile"><img class="hover" src="/images/m-auto-h.png" alt="catégorie auto & moto"></a>
            <a href="/shopping/maison-jardin/"><img src="/images/m-maison.png" alt="meubles limoges"><img class="hover" src="/images/m-maison-h.png" alt="catégorie maison & jardin"></a>
            <a href="/shopping/loisirs-high-tech/"><img src="/images/m-loisirs.png" alt="loisirs"><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="sport"><img class="hover" src="/images/m-sport-h.png" alt="catégorie sport"></a>
        </div>


        <h1 class="span12" style="font-size:16px;text-align:center;margin-bottom:35px;margin-top:20px;">Commandez en toute simplicité auprès de vos <u>commerces de proximité du Limousin</u>.<br />
        En quelques clics je peux commander en ligne et acheter moins cher mes produits et services dans les boutiques internet des <u>commercants limousins</u>.</h1>

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

            <h2 class="shopping" title="Achat en ligne auprès des commerçants de proximité">Acheter en Ligne</h2>
            <ul>
                <li><em>Je fais mes courses</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 professionnels du Limousin</li>
                <li><u>Je compare leurs offres</u></li>
                <li>Je réserve 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="/parrainage/"></a>
   <object type="application/x-shockwave-flash" data="/images/banniere-parrainage.gif" width="728" height="90">
     <param name="movie" value="/images/banniere-parrainage.gif" />
   </object>
   <br />
   <br />
   <br />
                      
   <p style="font-size:15px;color:#333;line-height:28px;width:900px;" id="text-bas">
   Consommez-Limousin est un site internet e-commerce, développé par la société MYNS-Developpement.<br /> 
   Il permet la mise en relation de <strong>commerçants du limousin</strong> et d’internautes désireux d’<strong>acheter en ligne</strong> des produits sur des boutiques internet.
   <br />
Pour développer le <strong>commerce du Limousin</strong>, Consommez-Limousin permet aux internautes de faire leurs courses en ligne auprès des <strong>commerçants limousins</strong> en toute simplicité. 
<br /><em>Faire ses courses en ligne</em> devient un service accessible à tous les <u>commerçants limousin</u> de notre commune, acheter son pain, 
prendre rendez-vous chez le coiffeur ou encore effectuer une <strong>demande de devis</strong> pour une terrasse, tout est possible sur Consommez-Limousin !
<br />
<br />
Pour vous faciliter vos achats en ligne sur <strong>Consommez-Limousin</strong>, tous vos commerces de proximité sont réunis sur la même plateforme e-commerce, 
pour vous assurer d'<strong>acheter moins cher en Limousin</strong> en ligne en réalisant de très <em>bonnes affaires en Limousin</em>. 
Acheter ses produits du quotidien, réserver ses services en ligne ou effectuer des demandes de devis auprès des <u>artisans limousins</u> agréés Consommez-Limousin.
Sélectionnez l'article désiré, ajoutez-le à votre panier, puis réglez, il vous suffira de suivre les indications pour aller récupérer votre produit à la <em>boutique du commerçant</em> ou à votre domicile selon son mode de livraison/expédition.
Grâce au système de paiement bancaire 100% sécurisé, vous pourrez réaliser vos achats en ligne en toute sérénité auprès des <strong>entreprises du Limousin</strong>.
</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 %}