{% extends '@InstallBois/index.html.twig' %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('install-bois/css/renewment.css') ~ "?rnd=" ~ random() }}">
{% endblock %}

{% block page_content_start %}
    {{ parent() }}
    <div class="page-title">
        <h4 class="page-title-h4">
            Espace Client | Résilier ma licence
        </h4>
    </div>
{% endblock %}

{% block page_content %}
    <div class="container-fluid" style="padding-bottom: 0">
        <div class="row rubrique">
            <div class="rubrique_titre">
                <span>Résilier</span>
            </div>
            <a href="{{ path('subscription_index') }}" class="boutonRetour" style="background-color: #FC971F;padding: 5px 10px;">
                Retour
            </a>
            <div class="container-cancellation">
                <div class="line" style="margin: 20px 2rem 0 2rem">
                    <span></span>
                    <span>Votre licence actuelle : {{ licence }}</span>
                </div>
                <div class="block-cancellation">
                    <div class="block-cancel">
                        <div class="double">
                            <div class="line">
                                <span>Date de fin d'abonnement en cours</span>
                                <span>{{ dateEndContract|date('d/m/Y') }}</span>
                            </div>
                            <div class="line">
                                <span>Tarif annuel</span>
                                <span>{{ price }}€</span>
                            </div>
                        </div>
                        <div style="display: flex;flex-direction: column;align-items: center;{{ isCalcul20 == false ? 'border-right: 1px solid #ED7D31;' : '' }}">
                            {% if isCanceled %}
                                <div style="margin: 0 2rem">
                                    <h4>Votre résiliation est bien prise en compte :</h4>
                                    <p>
                                        La résiliation et la clôture de votre abonnement INSTALL BOIS sont bien enregistrées.
                                        Elles prendront effet à la fin de votre période d'engagement en cours soit le <b>{{ isOutOfTime ? dateStartNewContract|date_modify('+1 day')|date('d/m/Y') : dateRenewment|date('d/m/Y') }}</b>.
                                    </p>
                                    <p>
                                        Vous conservez vos accès jusqu'à cette date.
                                    </p>
                                    <p>
                                        Si vous changez d'avis avant le {{ isOutOfTime ? dateStartNewContract|date_modify('+1 day')|date('d/m/Y') : dateRenewment|date('d/m/Y') }}, vous pouvez revenir ici et annuler votre résiliation en cliquant ci-dessous.
                                    </p>
                                </div>
                                <form action="{{ path('subscription_cancel-contract') }}" method="post">
                                    <input class="boutonAction" name="cancel-cancellation" type="submit" value="Annuler la résiliation">
                                </form>
                            {% else %}
                                <div style="margin: 0 2rem">
                                    <h4>Résilier :</h4>
                                    {% if isOutOfTime %}
                                        <p>
                                            Le renouvellement de votre licence en cours est engagé depuis <b>le {{ dateCommitment|date('d/m/Y') }}</b>,
                                            conformément à nos conditions générales de vente, votre contrat sera automatiquement renouvelé le {{ dateRenewment|date('d/m/Y') }} pour 12 mois.
                                        </p>
                                    {% endif %}
                                    <p>
                                        Pour confirmer la résiliation de votre {{ isOutOfTime ? 'prochain contrat' : 'abonnement en cours' }}, complétez les informations ci-dessous et cliquez sur résilier.
                                    </p>
                                    <ul>
                                        <li>
                                            La résiliation de votre abonnement INSTALL BOIS sera effective à la fin de votre
                                            période d'engagement en cours soit le <b>{{ isOutOfTime ? dateStartNewContract|date_modify('+1 day')|date('d/m/Y') : dateRenewment|date('d/m/Y') }}</b>.
                                        </li>
                                        <li>
                                            Vous pouvez revenir à tout moment. Si vous changez d'avis avant le {{ isOutOfTime ? dateStartNewContract|date_modify('+1 day')|date('d/m/Y') : dateRenewment|date('d/m/Y') }}, appelez-nous pour effectuer la modification.
                                        </li>
                                    </ul>
                                </div>
                                <form id="formCancellation" action="{{ path('subscription_cancel-contract') }}" method="post">
                                    <div class="block-input-cancellation">
                                        <div>
                                            <label for="reason">Motif de résiliation :</label>
                                            <select style="height: 3rem" name="reason" required>
                                                <option value="" selected disabled hidden>-- Choisir un motif --</option>
                                                {% for id,reason in reasons %}
                                                    <option value="{{ id }}">{{ reason }}</option>
                                                {% endfor %}
                                            </select>
                                        </div>
                                        <div id="inputComment" style="display: none">
                                            <label for="comment">Commentaire :</label>
                                            <textarea name="comment" cols="35" rows="3" style="resize: none"></textarea>
                                        </div>
                                    </div>
                                    <input class="boutonAction" name="cancel-contract" type="submit" value="Confirmer la résiliation">
                                </form>
                            {% endif %}
                        </div>
                    </div>
                    {% if isCalcul20 == false %}
                        <div class="block-update">
                            <div>
                                <h4 style="margin-bottom: 5rem">Passer à un forfait inférieur :</h4>
                                <p>
                                    Passer à une licence inférieure et <b>économisez jusqu'à {{ amountEco }}€ par an</b>
                                    et continuez vos dimensionnements afin de sécuriser votre activité.
                                </p>
                            </div>
                            <!-- @TODO redirect to update contract and remove the extrafield ibcontratcancellation from Doli -->
                            {# uncomment when I20A-1163 is finished #}
{#                            <button class="boutonAction">Modifier ma licence</button>#}
                            <span>Contacter le service commercial pour plus d’informations au 09 72 54 16 79 ou par mail sur l’adresse contact@install-bois.pro</span>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
    <script type="application/javascript">
        $('#formCancellation select').on('change', () => {
            if ($('#formCancellation select').val() == 5) {
                $('#inputComment').show();
            } else {
                $('#inputComment').hide();
            }
        });
    </script>
{% endblock %}