{% extends "customer/baseaccountpage.html" %}

{% load i18n %}

{% block tabcontent %}
    <div class="container">
        <h1 class='mb-5 mt-5 text-center'>Profile</h1>
        <div class="card card-table shadow">
            <div class="card-body">
                <table class="table table-borderless table-condensed">
                    <tbody>
                    <tr>
                        <th>{% trans 'Name' %}</th>
                        <td>{{ user.get_full_name|default:'-' }}</td>
                    </tr>
                    <tr>
                        <th>{% trans 'Email address' %}</th>
                        <td>{{ user.email }}</td>
                    </tr>
                    {% block profile_fields %}
                        {% for field in profile_fields %}
                            <tr>
                                <th>{{ field.name }}</th>
                                <td>{{ field.value|default:"-" }}</td>
                            </tr>
                        {% endfor %}
                    {% endblock %}
                    <tr>
                        <th>{% trans 'Date registered' %}</th>
                        <td>{{ user.date_joined }}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="card-footer">
                <div class="btn-group btn-group-justified">
                    <a href="{% url 'customer:change-password' %}" class="btn btn-primary">
                        <i class="fa fa-lock"></i>
                        {% trans 'Change password' %}
                    </a>
                    <a href="{% url 'customer:profile-update' %}" class="btn btn-info">
                        <i class="fa fa-user"></i>
                        {% trans 'Edit profile' %}
                    </a>
                    {% comment %}
                    <a id="delete_profile" href="{% url 'customer:profile-delete' %}" class="btn btn-danger">
                        <i class="fa fa-close"></i>
                        {% trans 'Delete profile' %}
                    </a>
                    {% endcomment %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}