{% extends 'base.html.twig' %}

{% block title %}Acousonix - Account Management{% endblock %}

{% block body %}

    {% if user %}
        <h1>Subscribe</h1>

        <p>${{ membership_selected.price }} / {{ membership_selected.durationUnit }} ({{ membership_selected.name }} plan)</p>

        <p>Please select your method of payment:</p>

        <script src="https://www.paypal.com/sdk/js?client-id={{ paypal_client_id }}&vault=true&intent=subscription"></script>
        <div id="paypal-button-container"></div>
        <script>
            paypal.Buttons({
                createSubscription: function(data, actions) {
                return actions.subscription.create({
                    'plan_id': '{{ membership_selected.payPalPlanId }}',
                    'custom_id': '{{ user.id }}'
                });
                },
                onApprove: function(data, actions) {
                    {% if platform %}
                        window.location.assign('{{ path('app_subscribe_pending') }}?platform={{ platform }}');
                    {% else %}
                        window.location.assign('{{ path('app_subscribe_pending') }}');
                    {% endif %}
                }
            }).render('#paypal-button-container');
        </script>

    {% else %}
        <h1>Subscribe</h1>
        <ul>
            <li><a href="{{ path('app_register') }}">Sign Up</a></li>
            <li><a href="{{ path('app_login') }}">Sign In</a></li>
            <li><a href="{{ path('app_forgot_password_request') }}">Forgot password</a></li>
        </ul>
    {% endif %}
{% endblock %}