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

{% block container %}

<div class="container-fluid padded">
    <div class="row-fluid">

            
            <div class="span9">
            
                <h2 class="bienvenu">Bienvenue !</h2>
                <p>Votre boutique est actuellement fermée. Pour la mettre en ligne, complétez les 4 étapes ci-dessous.</p>
                <p>En attendant son ouverture, vous pouvez déjà préparer et personnaliser votre boutique en utilisant le menu de gauche.</p>
                
                {% set etat = 2 %}
                {% include 'YOUCommercantBundle:Main:BoutiqueStep.html.twig' %}
                
                <h3 class="choixoffre">Choix d'une offre commercant</h3>
                <p>Vos pièces justificatives on été vérifiées et votre boutique est validée.</p>
                <p>Afin d'ouvrir votre boutique en ligne et la rendre accessible aux internautes, choisissez l'offre qui vous convient : </p>

                <div class="listOffreAbo">
                    <a href="{{ f1 }}"><img src="/images/abo1.png" alt=""></a>
                    <a href="{{ f2 }}"><img src="/images/abo2.png" alt=""></a>
                    <a href="{{ f3 }}"><img src="/images/abo3.png" alt=""></a>
                </div>

                <p class="contenuDetaille">
                    <a href="{{ path('you_commercant_mon_abo') }}"><i class="icon-search"></i> voir le contenu détaillé des 3 offres</a>
                </p>



            </div>
    </div>

</div>
{% endblock %}