<div class="my-3 p-3 bg-white rounded">
{% if profile.user.birthdate %}
<div class="mt-3">
<label class="font-weight-bold mb-0">
{{ 'Age:'|trans({}, 'profile_widget') }}
</label>
<p class="text-muted">
{% set age = date().diff(date(profile.user.birthdate)).y %}
{{ age }}
</p>
</div>
{% endif %}
<div class="mt-3">
<label class="font-weight-bold mb-0">
{{ 'Gender:'|trans({}, 'profile_widget') }}
</label>
<p class="text-muted">
{#
{{ 'Not specified'|trans({}, 'profile') }}
{{ 'Male'|trans({}, 'profile') }}
{{ 'Female'|trans({}, 'profile') }}
#}
{{ profile.user.gender|replace({'_': ' '})|capitalize|trans({}, 'profile') }}
</p>
</div>
{% if profile.country %}
<div class="mt-3">
<label class="font-weight-bold mb-0">
{{ 'Country:'|trans({}, 'profile_widget') }}
</label>
<p class="text-muted">
{{ profile.country|country_name }}
</p>
</div>
{% endif %}
{% if profile.city %}
<div class="mt-3">
<label class="font-weight-bold mb-0">
{{ 'City:'|trans({}, 'profile_widget') }}
</label>
<p class="text-muted">
{{ profile.city }}
</p>
</div>
{% endif %}
{% if profile.languages|length %}
<div class="mt-3">
<label class="font-weight-bold mb-0">
{{ 'Languages:'|trans({}, 'profile_widget') }}
</label>
<p class="text-muted">
{{ profile.languages|map(l => l|language_name)|join(', ') }}
</p>
</div>
{% endif %}
<div class="mt-3">
<label class="font-weight-bold mb-0">
{{ 'Use of English:'|trans({}, 'profile_widget') }}
</label>
<p class="text-muted">
{{ profile.useEnglish|replace({'_': ' '})|capitalize|trans({}, 'profile') }}
</p>
</div>
<div class="mt-3">
<label class="font-weight-bold mb-0">
{{ 'Own location:'|trans({}, 'profile_widget') }}
</label>
<p class="text-muted">
{% if profile.ownLocation %}
{{ 'Yes'|trans({}, 'core') }}
{% else %}
{{ 'No'|trans({}, 'core') }}
{% endif %}
</p>
</div>
<div class="mt-3">
<label class="font-weight-bold mb-0">
{{ 'Transport:'|trans({}, 'profile_widget') }}
</label>
<p class="text-muted">
{#
{{ 'Not specified'|trans({}, 'profile') }}
{{ 'Public transport'|trans({}, 'profile') }}
{{ 'Own transport'|trans({}, 'profile') }}
#}
{{ profile.transport|replace({'_': ' '})|capitalize|trans({}, 'profile') }}
</p>
</div>
<div class="mt-3">
<label class="font-weight-bold mb-0">
{{ 'Ethnicity:'|trans({}, 'profile_widget') }}
</label>
<p class="text-muted">
{#
{{ 'Not specified'|trans({}, 'profile') }}
{{ 'European'|trans({}, 'profile') }}
{{ 'Asian'|trans({}, 'profile') }}
{{ 'Hispanic'|trans({}, 'profile') }}
{{ 'Arab'|trans({}, 'profile') }}
{{ 'African'|trans({}, 'profile') }}
#}
{{ profile.ethnicity|replace({'_': ' '})|capitalize|trans({}, 'profile') }}
</p>
</div>
{% if profile.height %}
<div class="mt-3">
<label class="font-weight-bold mb-0">
{{ 'Height:'|trans({}, 'profile_widget') }}
</label>
<p class="text-muted">
{{ profile.height }} cm
</p>
</div>
{% endif %}
{% if profile.weight %}
<div class="mt-3">
<label class="font-weight-bold mb-0">
{{ 'Weight:'|trans({}, 'profile_widget') }}
</label>
<p class="text-muted">
{{ profile.weight }} kg
</p>
</div>
{% endif %}
{% if profile.hips %}
<div class="mt-3">
<label class="font-weight-bold mb-0">
{{ 'Hips:'|trans({}, 'profile_widget') }}
</label>
<p class="text-muted">
{{ profile.hips }} cm
</p>
</div>
{% endif %}
{% if profile.waist %}
<div class="mt-3">
<label class="font-weight-bold mb-0">
{{ 'Waist:'|trans({}, 'profile_widget') }}
</label>
<p class="text-muted">
{{ profile.waist }} cm
</p>
</div>
{% endif %}
{% if profile.chest %}
<div class="mt-3">
<label class="font-weight-bold mb-0">
{{ 'Chest:'|trans({}, 'profile_widget') }}
</label>
<p class="text-muted">
{{ profile.chest }} cm
</p>
</div>
{% endif %}
<div class="mt-3">
<label class="font-weight-bold mb-0">
{{ 'Eyes:'|trans({}, 'profile_widget') }}
</label>
<p class="text-muted">
{#
{{ 'Not specified'|trans({}, 'profile') }}
{{ 'Blue'|trans({}, 'profile') }}
{{ 'Brown'|trans({}, 'profile') }}
{{ 'Black'|trans({}, 'profile') }}
{{ 'Grey'|trans({}, 'profile') }}
{{ 'Green'|trans({}, 'profile') }}
#}
{{ profile.eyes|replace({'_': ' '})|capitalize|trans({}, 'profile') }}
</p>
</div>
<div class="mt-3">
<label class="font-weight-bold mb-0">
{{ 'Hair color:'|trans({}, 'profile_widget') }}
</label>
<p class="text-muted">
{#
{{ 'Not specified'|trans({}, 'profile') }}
{{ 'Blonde'|trans({}, 'profile') }}
{{ 'Brown'|trans({}, 'profile') }}
{{ 'Black'|trans({}, 'profile') }}
{{ 'Grey'|trans({}, 'profile') }}
{{ 'Red'|trans({}, 'profile') }}
{{ 'Colored'|trans({}, 'profile') }}
#}
{{ profile.hairColor|replace({'_': ' '})|capitalize|trans({}, 'profile') }}
</p>
</div>
<div class="mt-3">
<label class="font-weight-bold mb-0">
{{ 'Hair length:'|trans({}, 'profile_widget') }}
</label>
<p class="text-muted">
{#
{{ 'Not specified'|trans({}, 'profile') }}
{{ 'Shaved'|trans({}, 'profile') }}
{{ 'Short'|trans({}, 'profile') }}
{{ 'Normal'|trans({}, 'profile') }}
{{ 'Long'|trans({}, 'profile') }}
{{ 'Very long'|trans({}, 'profile') }}
#}
{{ profile.hairLength|replace({'_': ' '})|capitalize|trans({}, 'profile') }}
</p>
</div>
<div class="mt-3">
<label class="font-weight-bold mb-0">
{{ 'Tattoos:'|trans({}, 'profile_widget') }}
</label>
<p class="text-muted">
{#
{{ 'Not specified'|trans({}, 'profile') }}
{{ 'None'|trans({}, 'profile') }}
{{ 'Small'|trans({}, 'profile') }}
{{ 'Very inked'|trans({}, 'profile') }}
#}
{{ profile.tattoos|replace({'_': ' '})|capitalize|trans({}, 'profile') }}
</p>
</div>
{% if owner %}
<a role="button" href="{{ path('profile_edit', {id: profile.id}) }}" class="btn btn-block btn-sm btn-primary">
{{ 'Edit info'|trans({}, 'profile_widget') }}
</a>
{% endif %}
</div>