{% extends "default.html" %}

{% set active_page = "dashboard" %}
{% block title %}Extend Subscription{% endblock %}
{% block default_content %}

  <div class="card">
    <div class="card-body">
      <h1 class="h2">Extend Subscription</h1>
      <p>
        Your subscription is expired on {{ coinbase_subscription.end_at.format("YYYY-MM-DD") }}
      </p>
      <div>
        <a class="buy-with-crypto"
           data-custom="{{ current_user.id }}"
           href="{{ coinbase_url }}">Extend for 1 year - $30</a>
        <script src="https://commerce.coinbase.com/v1/checkout.js?version=201807"></script>
      </div>
      <div class="mt-2">
        Your subscription will be extended when the payment is confirmed and we'll send you a confirmation email.
        <br />
        Please note that it can take up to 1h for processing a cryptocurrency payment.
      </div>
    </div>
  </div>
{% endblock %}