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

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

{% set current_page = 'homepage' %}

{% block subHeader %}
    <div id="slider_limousin" class="owl-carousel">
        <div>
            <img src="/images/consommez-rhones-alpes-slider-1.jpg" alt="Consommez Rhone-Alpes, les commerçants de la région" />
        </div>
        <div>
            <img src="/images/consommez-rhones-alpes-slider-2.jpg" alt="vos commerçants sur la plateforme consommez-rhone-alpes" />
        </div>
        <div>
            <img src="/images/consommez-rhones-alpes-slider-3.jpg" alt="Consommez Rhône-Alpes le carrefour de l'europe en ligne" />
        </div>
        <div>
            <img src="/images/consommez-rhones-alpes-slider-4.jpg" alt="Retrouvez tous les produits de la région en ligne" />
        </div>
        <div>
            <img src="/images/consommez-rhones-alpes-slider-5.jpg" alt="Retrouvez tous les produits de la région en ligne" />
        </div>
        <div>
            <img src="/images/consommez-rhones-alpes-slider-6.jpg" alt="Retrouvez tous les produits de la région en ligne" />
        </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=""><img class="hover" src="/images/m-alim-h.png" alt=""></a>
            <a href="/shopping/restauration/"><img src="/images/m-resto.png" alt=""><img class="hover" src="/images/m-resto-h.png" alt=""></a>
            <a href="/shopping/mode/"><img src="/images/m-mode.png" alt=""><img class="hover" src="/images/m-mode-h.png" alt=""></a>
            <a href="/shopping/puericulture/"><img src="/images/m-pueri.png" alt=""><img class="hover" src="/images/m-pueri-h.png" alt=""></a>
            <a href="/shopping/beaute-bien-etre/"><img src="/images/m-beaute.png" alt=""><img class="hover" src="/images/m-beaute-h.png" alt=""></a>
            <a href="/shopping/auto-moto-2/"><img src="/images/m-auto.png" alt=""><img class="hover" src="/images/m-auto-h.png" alt=""></a>
            <a href="/shopping/maison-jardin/"><img src="/images/m-maison.png" alt=""><img class="hover" src="/images/m-maison-h.png" alt=""></a>
            <a href="/shopping/loisirs/"><img src="/images/m-loisirs.png" alt=""><img class="hover" src="/images/m-loisirs-h.png" alt=""></a>
            <a href="/shopping/sport-2/"><img src="/images/m-sport.png" alt=""><img class="hover" src="/images/m-sport-h.png" alt=""></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 Rhône-Alpes</u>.<br />
        En quelques clics je peux <u>commander en ligne</u> et acheter moins cher mes produits et services dans les boutiques internet des commercants.</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 Rhône-Alpes</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="http://www.consommez-en-france.com/parrainage/"></a>
   <object type="application/x-shockwave-flash" data="/images/parrainage.swf" width="728" height="90">
     <param name="movie" value="/images/parrainage.swf" />
   </object>
   <br />
   <br />
   <br />
                      
   <p style="font-size:15px;color:#333;line-height:28px;width:900px;" id="text-bas">
   Consommez-Rhône-Alpes 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</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 de proximité</strong>, Consommez-Rhône-Alpes permet aux internautes de faire leurs courses en ligne auprès des <strong>commerçants de proximité</strong> en toute simplicité. 
<br /><em>Faire ses courses en ligne</em> devient un service accessible à <u>tous les commerçants</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-Rhône-Alpes !
<br />
<br />
Pour vous faciliter vos <strong>achats en ligne</strong> sur proxishop, tous vos commerces de proximité sont réunis sur la même plateforme e-commerce, 
pour vous assurer d'<strong>acheter moins cher</strong> en ligne en réalisant de très <em>bonnes affaires</em>. 
Acheter ses produits du quotidien, réserver ses services en ligne ou effectuer des demandes de devis auprès des <u>artisans</u> agréés Consommez-Rhône-Alpes.
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 <strong>achats en ligne</strong> en toute sérénité.
</p>
   </center>
{% endblock %}

{% block append_javascript %}
<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 %}