{% extends "base.html" %}
{% block content %}
  <article class="panel is-info">
    <p class="panel-heading">
      User information
    </p>
    <a class="panel-block is-active">
      <span class="panel-icon">
        <i class="fas fa-id-card" aria-hidden="true"></i>
      </span>
      <span class="tag is-info">{{ user.first_name }} {{ user.last_name }}</span>
    </a>
    <a class="panel-block">
      <span class="panel-icon">
        <i class="fas fa-binary" aria-hidden="true"></i>
      </span>
      {% for plan in user.plans.all %}
        <span class="tag is-info">{{ plan.name }}</span>
      {% endfor %}
    </a>
    <a class="panel-block">
      <span class="panel-icon">
        <i class="fas fa-credit-card" aria-hidden="true"></i>
      </span>
      <span class="tag">{{ user.last_payment }}</span>
    </a>
    <a class="panel-block" href="{% url 'portal' %}">
      <span class="panel-icon">
        <i class="fa-brands fa-stripe-s" aria-hidden="true"></i>
      </span>
      Subscription management
    </a>
  </article>
  <div class="box">
    <h1 class="subtitle">
      This product is currently free. You may cancel any plans above.
    </h1>
  </div>
  <div class="box">
    <h1 class="subtitle">
      You cannot pay for access to the raw data. It is hashed to preserve privacy.
    </h1>
  </div>
  {# {% include "partials/product-list.html" %} #}
{% endblock %}