{% 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 %}