<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">
{{ '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>
{% 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>