{% extends "frontend/base.html" %}
{% load i18n %}
{% block html_title %}
    {% block page_title %}
        {% translate "Profile" %}
    {% endblock page_title %}
{% endblock html_title %}
{% block content %}
    <section class="section">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">{% translate "Account" %}</h4>
            </div>
            <div class="card-content">
                <div class="card-body">
                    <p class="card-text">
                        {% blocktranslate trimmed %}
                            You are logged in with your VSHN user account. You will be able to change your password and other settings here in the future.
                        {% endblocktranslate %}
                    </p>
                    <div class="table-responsive">
                        <table class="table table-lg">
                            <tbody>
                                <tr>
                                    <th>{% translate "E-mail" %}</th>
                                    <td>{{ request.user.email }}</td>
                                </tr>
                                <tr>
                                    <th>{% translate "First name" %}</th>
                                    <td>{{ request.user.first_name }}</td>
                                </tr>
                                <tr>
                                    <th>{% translate "Last name" %}</th>
                                    <td>{{ request.user.last_name }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock content %}
