{% extends 'App/_include/_layout.security.html.twig' %}
{% block content %}
    <div class="grid-x align-center align-middle" style="height: 100vh">
        <div class="cell small-12 medium-11 large-10 callout login_box">
            <div class="grid-x grid-padding-x">
                <div class="cell">
                    <div class="box-title">
                        <div><img src="{{ asset('images/logo_ad6_kanban_edit_blue.svg') }}"
                                  style="width:75px;margin-bottom: 0.3rem" alt="AD6 KanbanEdit"></div>
                        <div>AD6-Kanban<span class="text-light">Edit 21c</span></div>
                    </div>
                </div>
            </div>
            <div class="grid-x grid-padding-x">
                <div class="cell small-12 mt-1 mb-2 text-center lead">{{ 'subscription.plan.title'|trans }}</div>
                <div class="cell small-12">
                    <table class="offers">
                        <thead>
                        <tr class="text-center">
                            <th class="text-left">{{ 'subscription.step1.table_offers.head_1'|trans }}</th>
                            {% for offer in offers %}
                                <th>
                                    {{ ('subscription.step1.table_offers.head_' ~ offer.code|lower)|trans }}
                                    {% if not (offer.code == constant('App\\Entity\\Business\\Offer::LEVEL_TRIAL') or offer.code == constant('App\\Entity\\Business\\Offer::LEVEL_FREE')) %}
                                        <br>
                                        {{ offer.monthlyAmount|number_format(2, ',','') }} €HT / {{ 'month'|trans }}
                                    {% endif %}
                                </th>
                            {% endfor %}
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>{{ 'subscription.step1.table_offers.max_article'|trans }}</td>
                            {% for offer in offers %}
                                {% if offer.code == constant('App\\Entity\\Business\\Offer::LEVEL_TRIAL') or offer.code == constant('App\\Entity\\Business\\Offer::LEVEL_FREE') %}
                                    <td>{{ offer.nbMaxArticle }}</td>
                                {% endif %}
                            {% endfor %}
                            <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>
                            <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>
                        </tr>
                        <tr class="sub_category">
                            <td colspan="6">{{ 'subscription.step1.table_offers.sub_title.kanban_type'|trans }}</td>
                        </tr>
                        <tr>
                            <td>{{ 'subscription.step1.table_offers.kb_appro'|trans }}</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>
                            <td><i class="fa fa-check text-green"></i></td>
                            <td><i class="fa fa-check text-green"></i></td>
                            <td></td>
                            <td></td>
                            <td><i class="fa fa-check text-green"></i></td>
                        </tr>
                        <tr>
                            <td>{{ 'subscription.step1.table_offers.kb_fs'|trans }}</td>
                            <td><i class="fa fa-check text-green"></i></td>
                            <td><i class="fa fa-check text-green"></i></td>
                            <td></td>
                            <td></td>
                            <td><i class="fa fa-check text-green"></i></td>
                        </tr>
                        <tr>
                            <td>{{ 'subscription.step1.table_offers.etiquette_libre'|trans }}</td>
                            <td><i class="fa fa-check text-green"></i></td>
                            <td><i class="fa fa-check text-green"></i></td>
                            <td></td>
                            <td></td>
                            <td><i class="fa fa-check text-green"></i></td>
                        </tr>
                        <tr class="sub_category">
                            <td colspan="6">{{ 'subscription.step1.table_offers.sub_title.report'|trans }}</td>
                        </tr>
                        <tr>
                            <td>{{ 'subscription.step1.table_offers.report_creation'|trans }}</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>
                            <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="6">{{ 'subscription.step1.table_offers.sub_title.data_exchange'|trans }}</td>
                        </tr>
                        <tr>
                            <td>{{ 'subscription.step1.table_offers.export_kanban'|trans }}</td>
                            <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>
                        </tr>
                        <tr>
                            <td>{{ 'subscription.step1.table_offers.export_other'|trans }}</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>
                            <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>
                            <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>
                        </tr>
                        <tr>
                            <td>{{ 'subscription.step1.table_offers.import_items'|trans }}</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>
                        </tr>
                        <tr>
                            <td>{{ 'subscription.step1.table_offers.import_cmj'|trans }}</td>
                            <td><i class="fa fa-check text-green"></i></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>
                        </tr>
                        <tr>
                            <td>{{ 'subscription.step1.table_offers.import_kb_appro'|trans }}</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_fab'|trans }}</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td><i class="fa fa-check text-green"></i></td>
                        </tr>
                        <tr>
                            <td>{{ 'subscription.step1.table_offers.import_kb_fs'|trans }}</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td><i class="fa fa-check text-green"></i></td>
                        </tr>
                        <tr class="sub_category">
                            <td colspan="6">{{ 'subscription.step1.table_offers.sub_title.sticker_template'|trans }}</td>
                        </tr>
                        <tr>
                            <td>{{ 'subscription.step1.table_offers.sticker_standard'|trans }}</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>
                            <td><i class="fa fa-check text-green"></i></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>
                        </tr>
                        <tr>
                            <td>{{ 'subscription.step1.table_offers.sticker_tailor_made'|trans }}</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.sticker_without_metion'|trans }}</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="6">{{ 'subscription.step1.table_offers.sub_title.support'|trans }}</td>
                        </tr>
                        <tr>
                            <td>{{ 'subscription.step1.table_offers.support_by_email'|trans }}</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>
                        </tr>
                        <tr>
                            <td>{{ 'subscription.step1.table_offers.support_by_phone'|trans }}</td>
                            {% for offer in offers %}
                                {% if offer.optionAvailable %}
                                    {% for option in options %}
                                        <td>+ {{ option.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>
                                    {% endfor %}
                                {% else %}
                                    <td></td>
                                {% endif %}
                            {% endfor %}
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}