{% extends "page.html" %}

{% block content %}
<h2>{{ user.firstname }} {{ user.lastname }}</h2>
<img src="{{ user.profile_picture }}" alt="Profile Picture" width="150"><br>

{% if user.pictures %}
<h3>Pictures</h3>
{% for pic in user.pictures %}
    <img src="{{ pic }}" width="100">
{% endfor %}
{% endif %}

<h3>Personal Info</h3>
<p>Sex: {{ user.sex }}</p>
<p>Date of Birth: {{ user.date_of_birth }}</p>
<p>Age: {{ (date.today() - user.date_of_birth).days // 365 }}</p>
<p>Race: {{ user.race or 'Not specified' }}</p>

<h3>Location</h3>
<p>Country: {{ user.country }}</p>
<p>City: {{ user.city or 'Not specified' }}</p>

<h3>Physical Attributes</h3>
<p>Height: {{ user.height or 'Not specified' }} m</p>
<p>Weight: {{ user.weight or 'Not specified' }} kg</p>

<h3>Preferences</h3>
<p>Preferred Age Range: {{ user.prefered_age_range or 'Not specified' }}</p>
<p>Likes: {{ user.likes | join(', ') if user.likes else 'Not specified' }}</p>
<p>Dislikes: {{ user.dislikes | join(', ') if user.dislikes else 'Not specified' }}</p>

<h3>Contacts</h3>
<p>XMPP: {{ user.xmpp }}</p>
<p>Email: {{ user.email or 'Not specified' }}</p>
<p>Phone: {{ user.phone or 'Not specified' }}</p>
{% endblock %}
