{% extends "Profile/show/layout.html.twig" %}

{% block page %}
    {% if  app.user is not null and app.user == user %}
        {% if not user.isVerified %}
            {% include "Profile/confim_email_notification.html.twig" %}
        {% endif %}
        {% if endSubscribeDate and not canceled %}
            <div class="alert alert-info alert-dismissible" role="alert">
                <p>اشتراكك بالحزمة الذهبية ينتهي بتاريخ {{ endSubscribeDate | NaasArDate }}</p>
                <button id="cancel" class="btn btn-default">إلغاء الإشتراك</button>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        {% elseif not subscribed %}
            <div class="alert alert-info alert-dismissible" role="alert">
                <p> لديك وصول محدود لشمرا أكاديميا، اشترك بالحزمة الذهبية واحصل على وصول كامل - 4.99$ بالشهر.</p>
                <a class="btn btn-default" href="{{ path('shamra_academia_subscription') }}">اشترك</a>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        {% endif %}
    {% endif %}
{% endblock %}

{% block javascripts %}

    {{ parent() }}
    <script type="text/javascript">
            // Create an instance of the Stripe object with your publishable API key
            var cancelButton = document.getElementById("cancel");
            if (cancelButton) {
            cancelButton.addEventListener('click', function() {
                var proceed = confirm("هل أنت متأكد من أنك تريد إلغاء الاشتراك؟");
                if(proceed) {
                fetch('{{ path("academia_cancel_subscription") }}', {
                    method: "POST"
                }).then(function(result) {
                    return result.json();
                }).then(function(data) {
                    if (data.redirect) {
                        window.location = data.redirect;
                    }
                    if (data.success) {
                        document.getElementById("cancel_alert").classList.remove("hidden");
                    }
                })
                }
            });
            }

</script>
{% endblock %}