{% extends 'Admin/_include/_layout.sidebar.html.twig' %}

{% block content %}
    <div class="main_tools">
        <button class="button {% if page.isActive %}delete{% else %}green{% endif %} small" data-open="modalDeletePage">{% if page.isActive %}<i class="fa fa-trash"></i> Supprimer{% else %}Activer{% endif %} une Page</button>
        </div>

    <div class="cell small-12">
        <h1 class="mb-1">Page {{ page.code }}{% if not page.isActive %}&nbsp;<span class="small txt_red">Inactif</span>{% endif %}</h1>
    </div>

    <div class="cell small-12">
        {{ form_start(formEdit, {'attr': {'id': 'formEdit'}}) }}
            <div class="grid-x grid-padding-x">
                <div class="cell small-2 text-right">{{ form_label(formEdit.code) }}</div>
                <div class="cell small-10">{{ form_widget(formEdit.code) }}</div>
                <div class="cell small-2 text-right">{{ form_label(formEdit.locale) }}</div>
                <div class="cell small-10">{{ form_widget(formEdit.locale) }}</div>
                <div class="cell small-2 text-right">{{ form_label(formEdit.metaTitle) }}</div>
                <div class="cell small-10">{{ form_widget(formEdit.metaTitle) }}</div>
                <div class="cell small-2 text-right">{{ form_label(formEdit.slug) }}</div>
                <div class="cell small-10">{{ form_widget(formEdit.slug) }}</div>
                <div class="cell small-2 text-right">{{ form_label(formEdit.homeTitle) }}</div>
                <div class="cell small-10">{{ form_widget(formEdit.homeTitle) }}</div>
                <div class="cell small-2 text-right">{{ form_label(formEdit.homeText) }}</div>
                <div class="cell small-10">{{ form_widget(formEdit.homeText) }}</div>
                <div class="cell small-2 text-right">{{ form_label(formEdit.h1) }}</div>
                <div class="cell small-10">{{ form_widget(formEdit.h1) }}</div>
                <div class="cell small-2 text-right">{{ form_label(formEdit.body) }}</div>
                <div class="cell small-10">{{ form_widget(formEdit.body) }}</div>
                <div class="cell small-12 text-right">
                    <button type="submit" class="button small update">Modifier</button>
                </div>
            </div>
        {{ form_end(formEdit) }}
    </div>


{#    <div class="cell small-12">#}
{#        <div class="grid-x grid-padding-x">#}
{#            <div class="cell small-6">#}
{#                <div class="listing xl"><span>Nom</span><span>{{ offer.name }}</span></div>#}
{#            </div>#}
{#            <div class="cell small-6">#}
{#                <div class="listing xl"><span>Abonnement Principal</span><span>{% if offer.isOption %}Oui{% else %}Non{% endif %}</span></div>#}
{#            </div>#}
{#            <div class="cell small-6">#}
{#                <div class="listing xl"><span>Code</span><span>{{ offer.code }}</span></div>#}
{#            </div>#}
{#            <div class="cell small-6">#}
{#                <div class="listing xl"><span>Possède des Options</span><span>{% if offer.optionAvailable %}Oui{% else %}Non{% endif %}</span></div>#}
{#            </div>#}
{#            <div class="cell small-6">#}
{#                <div class="listing xl"><span>Montant Annuel</span><span>{{ offer.amount }}</span></div>#}
{#            </div>#}
{#            <div class="cell small-6">#}
{#                <div class="listing xl"><span>Position</span><span>{{ offer.position }}</span></div>#}
{#            </div>#}
{#            <div class="cell small-6">#}
{#                <div class="listing xl"><span>Taux TVA</span><span>{{ offer.taxRate }}</span></div>#}
{#            </div>#}
{#            <div class="cell small-6">#}
{#                <div class="listing xl"><span>Rôle</span><span><a class="button purple round" data-open="modalViewRoles"><i class="fa fa-eye"></i></a></span></div>#}
{#            </div>#}
{#            <div class="cell small-12">#}
{#                <h4 class="subheader mt-1">Commandes actives liées à cette offre</h4>#}
{#            </div>#}
{#            {% if subscribers|length > 0 %}#}
{#                <div class="cell small-12">#}
{#                    <table class="hover" style="cursor: pointer">#}
{#                        <thead>#}
{#                        <tr>#}
{#                            <th>Client</th>#}
{#                            <th>Date de début</th>#}
{#                            <th>Date de fin</th>#}
{#                        </tr>#}
{#                        </thead>#}
{#                        <tbody>#}
{#                        {% for subscriber in subscribers %}#}
{#                            <tr class="go_to_customer_view" data-url="{{ url('back_customer_view', {'customer':subscriber.customer_id}) }}">#}
{#                                <td>{{ subscriber.customer_name }}</td>#}
{#                                <td>{{ subscriber.start_at|date('d/m/Y') }}</td>#}
{#                                <td>{{ subscriber.end_at|date('d/m/Y') }}</td>#}
{#                            </tr>#}
{#                        {% endfor %}#}
{#                        </tbody>#}
{#                    </table>#}
{#                </div>#}
{#            {% endif %}#}

{#        </div>#}
{#    </div>#}

    {#    #}{# MODAL #}
        <div class="reveal" id="modalDeletePage" data-reveal>
            <div class="reveal-title">{% if page.isActive %}Désactiver{% else %}Activer{% endif %} une Page</div>
            <div class="reveal-body">
                <div class="grid-x grid-padding-x">
                    <div class="cell small-12">
                        Êtes-vous sûr de vouloir {% if page.isActive %}désactiver{% else %}activer{% endif %} cette page?
                    </div>
                </div>

            </div>
            <div class="reveal-footer">
                <button type="button" data-close class="button small cancel">Retour</button>
                <button type="button" class="button small save" id="btnConfirmDeletePage">{% if page.isActive %}Supprimer{% else %}Activer{% endif %}</button>
            </div>
            <button class="close-button"  data-close aria-label="Close modal" type="button">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>

{% endblock %}

{% block javascript_footer %}
    {{ parent() }}
    <script>
        $(document).ready(function () {

            {#$('.go_to_customer_view').click(function () {#}
            {#    window.location = $(this).data('url');#}
            {#});#}

            $('#btnConfirmDeletePage').click(function () {
                window.location = "{{ url('back_page_toggle', {'page':page.id}) }}";
            });
        });
    </script>
{% endblock %}