{% extends "base.html.twig" %}
{% block title %}HousingRental - Profil{% endblock %}
{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('assets/stylesheets/pages/profile.css') }}">
{% endblock %}
{% block content %}
    <div class="userInfoContainer">
        <div>
            <h2>{{ user.firstname }}</h2>
            <h2>{{ user.lastname }}</h2>
            <h3>Mes informations :</h3>
            <div class="infoUser">
                <div class="userProfile">
                    <div>
                        <i class="fas fa-at"></i>
                    </div>
                    <div>
                        <p>{{ user.email }}</p>
                    </div>
                </div>
                <div class="userProfile">
                    <div>
                        <i class="fas fa-mobile-alt"></i>
                    </div>
                    <div>
                        <p>{{ user.phone }}</p>
                    </div>
                </div>
                <div class="userProfile">
                    <div>
                        <i class="fas fa-home"></i>
                    </div>
                    <div class="userLocation">
                        <p>{{ user.address }}</p>
                        <p>{{ user.zipcode }}, {{ user.city }}</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="photoProfile">
            {% if user.photo is not null %}
                <img src="{{ asset('uploads/users/' ~ user.photo) }}" alt="Photo de profil de {{ user.firstname }} {{ user.lastname }}">
            {% else %}
                {% if user.gender == "Femme" %}
                    <img src="{{ asset('assets/images/placeholders/woman.jpg') }}" alt="Avatar par défaut">
                {% else %}
                    <img src="{{ asset('assets/images/placeholders/man.jpg') }}" alt="Avatar par défaut">
                {% endif %}
            {% endif %}
        </div>
    </div>
    <a class="updateBtn" href="{{ path('user_update') }}">Modifier mes informations</a>
    <div class="myProperties">
        <h3>Mes propriétés :</h3>
        {% for property in user.houses %}
            <div class="property">
                <div class="propertyPhoto">
                    <img src="{{ asset('uploads/houses/' ~ property.photo) }}" alt="Photo de la propriété : {{ property.name }}">
                </div>
                <div class="propertyDetails">
                    <h4>{{ property.name }}</h4>
                    <p>{{ property.city }}, {{ property.country | country_name }}</p>
                    <p>{{ property.price }}€ /nuit</p>
                </div>
            </div>
        {% endfor %}
    </div>
{% endblock %}