{% extends 'App/_include/_layout.main.html.twig' %}
{% block page_content %}
    <div class="cell small-12">
        <div class="grid-x header_title_and_action">
            <div class="cell small-12  medium-auto header_title">
                <h1>{{ 'subscription.step1.title'|trans }}</h1>
            </div>
        </div>
    </div>
    {% set has_free_or_trial = (customer.subscriptionCode == constant('App\\Entity\\Business\\Offer::LEVEL_TRIAL') or customer.subscriptionCode == constant('App\\Entity\\Business\\Offer::LEVEL_FREE')) %}

    {% set colspan = (has_free_or_trial) ? 10 : 9 %}
    <div class="cell small-12">
        <div class="grid-x grid-padding-x  align-center">
            <div class="cell small-12 medium-9 large-11">
                {% if customer.subscriptionCode %}
                    {% if customer.subscriptionCode != constant('App\\Entity\\Business\\Offer::LEVEL_TRIAL') %}
                        <h3 class="sub-title mb-1">{{ 'subscription.step1.text1'|trans({'%offer_name%': (current_offer.name|trans)}) }}&nbsp;{% if customer.subscriptionEndedAt %} {{ 'subscription.step1.text2'|trans }}  {{ customer.subscriptionEndedAt|date('d/m/Y') }}{% endif %}
                            {% if is_renewable %}&nbsp;
                                <a href="{{ url('subscription_step_2', {'offer': current_offer.id, 'type': constant('App\\Entity\\Business\\Order::TYPE_RENEWAL')|lower}) }}" class="button small orange">{{ 'subscription.step1.btn_renewal'|trans }}</a>
                            {% endif %}
                        </h3>
                    {% else %}
                        <h3 class="sub-title mb-1">
                            {{ 'subscription.step1.text_trial'|trans }}&nbsp;{% if customer.subscriptionEndedAt %}{{ customer.subscriptionEndedAt|date('d/m/Y') }}{% endif %}.
                        </h3>
                    {% endif %}
                {% endif %}
                <table class="offers">
                    <thead>
                    <tr class="text-center">
                        <th class="text-left">{{ 'subscription.step1.table_offers.head_1'|trans }}</th>
                        {% if has_free_or_trial %}
                        <th>
                            {{ 'subscription.step1.table_offers.head_current_access'|trans }}
                            <br>
                            {% if customer.subscriptionCode == constant('App\\Entity\\Business\\Offer::LEVEL_TRIAL') %}
                                {{ 'subscription.step1.table_offers.head_current_trial'|trans }}
                            {% elseif customer.subscriptionCode == constant('App\\Entity\\Business\\Offer::LEVEL_FREE') %}
                                {{ 'subscription.step1.table_offers.head_current_free'|trans }}
                            {% endif %}
                        </th>
                        {% endif %}
                        {% for offer in offers %}
                            <th>
                                {{ ('subscription.step1.table_offers.head_' ~ offer.code|lower)|trans }}<br>
                                {{ offer.monthlyAmount|number_format(2, ',', '') }} €HT / {{ 'month'|trans }}<br>
                                {% if current_offer and current_offer.code != constant('App\\Entity\\Business\\Offer::LEVEL_DEFAULT') and current_offer.code != constant('App\\Entity\\Business\\Offer::LEVEL_TRIAL') %}
                                    {% if current_offer.code == offer.code %}
                                        {% if is_granted('ROLE_APP_SUB_MULTI_USER') %}
                                            <a href="{{ url('subscription_step_2', {'offer': offer.id, 'type': constant('App\\Entity\\Business\\Order::TYPE_ADD_LICENCE')|lower}) }}" class="button small red no-mb mt-0-2" >{{ 'subscription.step1.btn_add_license'|trans }}</a>
                                        {% endif %}
                                    {% else %}
                                        <a href="{{ url('subscription_step_2', {'offer': offer.id, 'type': constant('App\\Entity\\Business\\Order::TYPE_UPGRADE')|lower}) }}" class="button small red no-mb mt-0-2 {% if offer.amount < current_offer.amount %}disabled{% endif %}" >{{ 'subscription.step1.btn_subscription'|trans }}</a>
                                    {% endif %}
                                {% else %}
                                    <a href="{{ url('subscription_step_2', {'offer': offer.id, 'type': constant('App\\Entity\\Business\\Order::TYPE_NEW')|lower}) }}" class="button small red no-mb mt-0-2" >{{ 'subscription.step1.btn_subscription'|trans }}</a>
                                {% endif %}
                            </th>
                        {% endfor %}
                       </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.max_article'|trans }}</td>
                        {% if has_free_or_trial and (customer.subscriptionCode == constant('App\\Entity\\Business\\Offer::LEVEL_TRIAL') or customer.subscriptionCode == constant('App\\Entity\\Business\\Offer::LEVEL_FREE')) %}
                            <td>{{ current_offer.nbMaxArticle }}</td>
                        {% endif %}
                        <td>20</td>
                        <td>20</td>
                        <td>{{ 'subscription.step1.table_offers.unlimited'|trans }}</td>
                        <td>{{ 'subscription.step1.table_offers.unlimited'|trans }}</td>
                        <td>{{ 'subscription.step1.table_offers.unlimited'|trans }}</td>
                        <td>{{ 'subscription.step1.table_offers.unlimited'|trans }}</td>
                        <td>{{ 'subscription.step1.table_offers.unlimited'|trans }}</td>
                        <td>{{ 'subscription.step1.table_offers.unlimited'|trans }}</td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.max_user'|trans }}</td>
                        {% if has_free_or_trial %}<td>1</td>{% endif %}
                        <td>1</td>
                        <td>1</td>
                        <td>1</td>
                        <td>{{ 'subscription.step1.table_offers.unlimited'|trans }}</td>
                        <td>{{ 'subscription.step1.table_offers.unlimited'|trans }}</td>
                        <td>{{ 'subscription.step1.table_offers.unlimited'|trans }}</td>
                        <td>{{ 'subscription.step1.table_offers.unlimited'|trans }}</td>
                        <td>{{ 'subscription.step1.table_offers.unlimited'|trans }}</td>
                    </tr>
                    <tr class="sub_category">
                        <td colspan="{{ colspan }}">{{ 'subscription.step1.table_offers.sub_title.kanban_type'|trans }}</td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.kb_appro'|trans }}</td>
                        {% if has_free_or_trial %}<td><i class="fa fa-check text_green"></i></td>{% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.kb_fab'|trans }}</td>
                        {% if has_free_or_trial %}<td><i class="fa fa-check text_green"></i></td>{% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.kb_fs'|trans }}</td>
                        {% if has_free_or_trial %}<td><i class="fa fa-check text_green"></i></td>{% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.etiquette_libre'|trans }}</td>
                        {% if has_free_or_trial %}<td><i class="fa fa-check text_green"></i></td>{% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr class="sub_category">
                        <td colspan="{{ colspan }}">{{ 'subscription.step1.table_offers.sub_title.report'|trans }}</td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.report_creation'|trans }}</td>
                        {% if has_free_or_trial %}<td><i class="fa fa-check text_green"></i></td>{% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.report_management'|trans }}</td>
                        {% if has_free_or_trial %}<td><i class="fa fa-check text_green"></i></td>{% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr class="sub_category">
                        <td colspan="{{ colspan }}">{{ 'subscription.step1.table_offers.sub_title.data_exchange'|trans }}</td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.export_kanban'|trans }}</td>
                        {% if has_free_or_trial %}
                            <td>
                                {% if customer.subscriptionCode == constant('App\\Entity\\Business\\Offer::LEVEL_TRIAL') %}
                                    <i class="fa fa-check text_green"></i>
                                {% endif %}
                            </td>
                        {% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.export_other'|trans }}</td>
                        {% if has_free_or_trial %}<td><i class="fa fa-check text_green"></i></td>{% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.import_section_color'|trans }}</td>
                        {% if has_free_or_trial %}<td><i class="fa fa-check text_green"></i></td>{% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.import_suppliers'|trans }}</td>
                        {% if has_free_or_trial %}<td></td>{% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.import_items'|trans }}</td>
                        {% if has_free_or_trial %}<td></td>{% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.import_cmj'|trans }}</td>
                        {% if has_free_or_trial %}
                            <td>
                            {% if customer.subscriptionCode == constant('App\\Entity\\Business\\Offer::LEVEL_TRIAL') %}
                                <i class="fa fa-check text_green"></i>
                            {% endif %}
                            </td>
                        {% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.import_kb_appro'|trans }}</td>
                        {% if has_free_or_trial %}<td></td>{% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td></td>
                        <td></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.import_kb_transfert'|trans }}</td>
                        {% if has_free_or_trial %}<td></td>{% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td></td>
                        <td></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.import_kb_fab'|trans }}</td>
                        {% if has_free_or_trial %}<td></td>{% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.import_kb_fs'|trans }}</td>
                        {% if has_free_or_trial %}<td></td>{% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr class="sub_category">
                        <td colspan="{{ colspan }}">{{ 'subscription.step1.table_offers.sub_title.sticker_template'|trans }}</td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.sticker_standard'|trans }}</td>
                        {% if has_free_or_trial %}<td><i class="fa fa-check text_green"></i></td>{% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.sticker_standard_with_cb'|trans }}</td>
                        {% if has_free_or_trial %}
                            <td>
                                {% if customer.subscriptionCode == constant('App\\Entity\\Business\\Offer::LEVEL_TRIAL') %}
                                    <i class="fa fa-check text_green"></i>
                                {% endif %}
                            </td>
                        {% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.sticker_tailor_made'|trans }}</td>
                        {% if has_free_or_trial %}<td></td>{% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td></td>
                        <td></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.sticker_without_metion'|trans }}</td>
                        {% if has_free_or_trial %}<td></td>{% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td></td>
                        <td></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr class="sub_category">
                        <td colspan="{{ colspan }}">{{ 'subscription.step1.table_offers.sub_title.support'|trans }}</td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.support_by_email'|trans }}</td>
                        {% if has_free_or_trial %}<td></td>{% endif %}
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                        <td><i class="fa fa-check text_green"></i></td>
                    </tr>
                    <tr>
                        <td>{{ 'subscription.step1.table_offers.support_by_phone'|trans }}</td>
                        {% if has_free_or_trial %}<td></td>{% endif %}
                        {% for offer in offers %}
                            {% if offer.optionAvailable %}
                                {% for option in options %}
                                    {% if option.isSubscribed %}
                                        <td>
                                            <span class="text-green">{{ 'subscription.step1.text_in_progress'|trans }}</span>
                                        </td>
                                    {% else %}
                                        <td>+ {{ option.offer.monthlyAmount|number_format(2, ',', '') }} €HT / {{ 'month'|trans }}<br>
                                        {% if current_offer.optionAvailable %}<a href="{{ url('subscription_step_2', {'offer': option.offer.id, 'type': constant('App\\Entity\\Business\\Order::TYPE_OPTION')|lower}) }}" class="button small purple float-right mr-2">{{ 'subscription.step1.btn_subscription'|trans }}</a>{% endif %}
                                        </td>
                                    {% endif %}
                                {% endfor %}
                            {% else %}
                                <td></td>
                            {% endif %}
                        {% endfor %}
                    </tr>
                    </tbody>
                    <tfoot>
                    <tr class="text-center">
                        <th class="text-left"></th>
                        {% if has_free_or_trial %}
                            <th>
                                {{ 'subscription.step1.table_offers.head_current_access'|trans }}<br>
                                {% if customer.subscriptionCode == constant('App\\Entity\\Business\\Offer::LEVEL_TRIAL') %}
                                    {{ 'subscription.step1.table_offers.head_current_trial'|trans }}
                                {% elseif customer.subscriptionCode == constant('App\\Entity\\Business\\Offer::LEVEL_TRIAL') %}
                                    {{ 'subscription.step1.table_offers.head_current_free'|trans }}
                                {% endif %}
                            </th>
                        {% endif %}
                        {% for offer in offers %}
                            <th>
                                {{ ('subscription.step1.table_offers.head_' ~ offer.code|lower)|trans }}<br>
                                {{ offer.monthlyAmount|number_format(2, ',', '') }} €HT / {{ 'month'|trans }}<br>
                                {% if current_offer and current_offer.code != constant('App\\Entity\\Business\\Offer::LEVEL_DEFAULT') and current_offer.code != constant('App\\Entity\\Business\\Offer::LEVEL_TRIAL') %}
                                    {% if current_offer.code == offer.code %}
                                        {% if is_granted('ROLE_APP_SUB_MULTI_USER') %}
                                            <a href="{{ url('subscription_step_2', {'offer': offer.id, 'type': constant('App\\Entity\\Business\\Order::TYPE_ADD_LICENCE')|lower}) }}" class="button small purple no-mb" >{{ 'subscription.step1.btn_add_license'|trans }}</a>
                                        {% endif %}
                                    {% else %}
                                        <a href="{{ url('subscription_step_2', {'offer': offer.id, 'type': constant('App\\Entity\\Business\\Order::TYPE_UPGRADE')|lower}) }}" class="button small purple  no-mb {% if offer.amount < current_offer.amount %}disabled{% endif %}" >{{ 'subscription.step1.btn_subscription'|trans }}</a>
                                    {% endif %}
                                {% else %}
                                    <a href="{{ url('subscription_step_2', {'offer': offer.id, 'type': constant('App\\Entity\\Business\\Order::TYPE_NEW')|lower}) }}" class="button small purple no-mb" >{{ 'subscription.step1.btn_subscription'|trans }}</a>
                                {% endif %}
                            </th>
                        {% endfor %}
                    </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascript_footer %}
    {{ parent() }}
{% endblock %}