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

{% block container %}

    <div class="mon-abonnement">

        {% for flashMessage in app.session.flashbag.get('perm') %}
            <div class="flash-message alert alert-error ">
                {{ flashMessage }}
            </div>
        {% endfor %}

        {% if user.customer.enterprise.boutique.level <=2 %}
            <h2 class="bienvenu" style="font-size:22px;">Vous êtes actuellement sur la formule GRATUITE<br /> Choisissez une offre en cliquant sur le bouton "JE M'ABONNE" </h2>
            <br />

            <ul id="tableauTarifs">

                {% set level = 10 %}
                {% set countAvantage10 = 0 %}
                {% set countAvantage20 = 0 %}
                {% set countAvantage30 = 0 %}
                {% set countAvantage = 0 %}


                {% for item in listCommerce %}
                    {% set countAvantage = countAvantage+1 %}
                    <li>
                        <div>{{ item[0]|raw }}</div>
                        <div class="{% if item[1] > 10 %}{% set countAvantage10 = countAvantage10+1 %}n{% endif %}ok"></div>
                        <div class="{% if item[1] > 20 %}{% set countAvantage20 = countAvantage20+1 %}n{% endif %}ok"></div>
                        <div class="{% if item[1] > 30 %}{% set countAvantage30 = countAvantage30+1 %}n{% endif %}ok"></div>
                    </li>
                {% endfor %}

                <li class="titre">
                    <div>Gestion et publicité</div>
                    <div></div>
                    <div></div>
                    <div></div>
                </li>
                {% for item in listGestion %}
                    {% set countAvantage = countAvantage+1 %}
                    <li>
                        <div>{{ item[0]|raw }}</div>
                        <div class="{% if item[1] > 10 %}{% set countAvantage10 = countAvantage10+1 %}n{% endif %}ok"></div>
                        <div class="{% if item[1] > 20 %}{% set countAvantage20 = countAvantage20+1 %}n{% endif %}ok"></div>
                        <div class="{% if item[1] > 30 %}{% set countAvantage30 = countAvantage30+1 %}n{% endif %}ok"></div>
                    </li>
                {% endfor %}
                <li class="titre">
                    <div>Relations avec vos clients</div>
                    <div></div>
                    <div></div>
                    <div></div>
                </li>
                {% for item in listRelation %}
                    {% set countAvantage = countAvantage+1 %}
                    <li>
                        <div>{{ item[0]|raw }}</div>
                        <div class="{% if item[1] > 10 %}{% set countAvantage10 = countAvantage10+1 %}n{% endif %}ok"></div>
                        <div class="{% if item[1] > 20 %}{% set countAvantage20 = countAvantage20+1 %}n{% endif %}ok"></div>
                        <div class="{% if item[1] > 30 %}{% set countAvantage30 = countAvantage30+1 %}n{% endif %}ok"></div>
                    </li>
                {% endfor %}

                <li class="head">
                    <div>
                    </div>
                    <div class="headdiv">
                        Offre ARTISANS
                        <br/>{{ pricesData['priceBasic']|toeuro }} /an
                        <a href="{{ link.f1 }}" class="btnoffre">Je m'abonne</a>
                    </div>
                    <div class="headdiv">
                        Offre PREMIUM
                        <br/>{{ pricesData['pricePremium']|toeuro }} /an
                        <a href="{{ link.f2 }}" class="btnoffre">Je m'abonne</a>
                    </div>
                    <div class="headdiv">
                        Offre SUMMUM
                        <br/>{{ pricesData['priceSummum']|toeuro }} /an
                        <a href="{{ link.f3 }}" class="btnoffre">Je m'abonne</a>
                    </div>

                </li>
                <li class="titre toptitle">
                    <div>Votre commerce sur internet</div>
                    <div>{{ countAvantage-countAvantage10 }} avantages</div>
                    <div>{{ countAvantage-countAvantage20 }} avantages</div>
                    <div>{{ countAvantage-countAvantage30 }} avantages</div>
                </li>
            </ul>
            <br />
            <br />
            <h3 style="margin-left:100px;">10% de remise fidélité offert pour chaque renouvellement</h3>


        {% else %}

            {% if user.customer.enterprise.boutique.level == 10 %}
                <h2 class="bienvenu">Vous êtes abonné à l'offre "BASIQUE"</h2>

                <p>Cette offre se termine le {{ user.customer.enterprise.boutique.dateend|date('d/m/Y') }}</p>

            {% endif %}

            {% if user.customer.enterprise.boutique.level == 20 %}
                <h2 class="bienvenu">Vous êtes abonné à l'offre "PREMIUM"</h2>

                <p>Cette offre se termine le {{ user.customer.enterprise.boutique.dateend|date('d/m/Y') }}</p>

            {% endif %}

            {% if user.customer.enterprise.boutique.level == 30 %}
                <h2 class="bienvenu">Vous êtes abonné à l'offre "SUMMUM"</h2>

                <p>Cette offre se termine le {{ user.customer.enterprise.boutique.dateend|date('d/m/Y') }}</p>

            {% endif %}

            <ul>
                {% for item in listCommerce %}
                    {% if item[1] <= user.customer.enterprise.boutique.level %}<li>{{ item[0]|raw }}</li>{% endif %}
                {% endfor %}
                {% for item in listDevis %}
                    {% if item[1] <= user.customer.enterprise.boutique.level %}<li>{{ item[0]|raw }}</li>{% endif %}
                {% endfor %}
                {% for item in listGestion %}
                    {% if item[1] <= user.customer.enterprise.boutique.level %}<li>{{ item[0]|raw }}</li>{% endif %}
                {% endfor %}
                {% for item in listRelation %}
                    {% if item[1] <= user.customer.enterprise.boutique.level %}<li>{{ item[0]|raw }}</li>{% endif %}
                {% endfor %}
            </ul>
        {% endif %}
    </div>

{% endblock %}