{% extends 'base.html' %}
{% load crispy_forms_tags %}
{% block body_main %}
{% include 'profile/_header.html' with active='account' %}
<div class="card">
    <div class="row">
        <div class="column">
            <div class="form-group"><b>Username:</b> {{ user }}</div>
            <div class="form-group"><b>First name:</b> {{ user.first_name }}</div>
            <div class="form-group"><b>Last name:</b> {{ user.last_name }}</div>
            <div class="form-group"><b>Email:</b> {{ user.email }}</div>
            <div class="form-group"><b>Details:</b> {{ user.userprofile.description }}</div>
            <div class="form-group"><b>Phone:</b> {{ user.userprofile.phone }}</div>
            <div class="form-group"><b>City:</b> {{ user.userprofile.city }}</div>
            <div class="form-group"><b>Website:</b> <a href="{{ user.userprofile.website }}" >{{ user.userprofile.website }}</a></div>
            {% if user.userprofile.image %}
            <div class="form-group"><b>Photo:</b> <img src="{{ user.userprofile.image.url }}" width="120"/></div>
            {% endif %}
        </div>
        <div class="column">
            <div class="form-group"><b>Points:</b> {{ user.userprofile.points }}</div>
            <div class="form-group"><b>Pending Points:</b> {{ user.userprofile.pending_points }}</div>
        </div>
    </div>
</div>
<a href="{% url 'citizens:edit_profile' %}" class="btn btn-outline-secondary">Edit Account</a>
{% endblock %}