{% extends 'base.html.twig' %}

{% block title %}Modifier mon profil{% endblock %}
{% block titre_page %}Modifier mon profil{% endblock %}
{% block resume_page %}Modifier mes informations{% endblock %}
{% block description_page %}
    C'est le moment de mettre un petite photo, si c'est pas déjà fait :)
{% endblock %}
{% block body %}
    <div class="col-md-12 mb-3">
        <div class="card">
            <div class="card-body">
                {{ form_start(form, {'action': path('user_profile'), 'attr': {'class': 'row g-3'}}) }}
                <div class="row">
                    <div class="col-md-3 p-3 text-center">
                        <div class="fw-bold mb-2">Photo</div>
                        {% if app.user.photo %}
                            <img class="img-xl rounded-circle"
                                 src="{{ asset('uploads/user/photo/' ~ app.user.photo) }}"
                                 alt="Profile Picture" loading="lazy">
                        {% else %}
                            <img class="img-xl rounded-circle" src="{{ asset('assets/img/nobody.jpg') }}"
                                 alt="Nobody" loading="lazy">
                        {% endif %}<br/>
                        <div class="fw-bold mt-4 mb-2">Photo pour le site publique</div>
                        {% if app.user.photoPublique %}
                            <img class="img-xl rounded-circle"
                                 src="{{ asset('uploads/user/photo/' ~ app.user.photoPublique) }}"
                                 alt="Profile Picture" loading="lazy">
                        {% else %}
                            <img class="img-xl rounded-circle" src="{{ asset('assets/img/nobody.jpg') }}"
                                 alt="Nobody" loading="lazy">
                        {% endif %}
                    </div>
                    <div class="col-md-9">
                        <div class="row">
                            <div class="col-md-4 p-3">
                                {{ form_label(form.email, 'Email', {'attr': {'class': 'form-label'}}) }}
                                {{ form_widget(form.email, {'attr': {'class': 'form-control'}}) }}
                            </div>
                            <div class="col-md-4 p-3">
                                {{ form_label(form.firstname, 'Prénom', {'attr': {'class': 'form-label'}}) }}
                                {{ form_widget(form.firstname, {'attr': {'class': 'form-control'}}) }}
                            </div>
                            <div class="col-md-4 p-3">
                                {{ form_label(form.lastName, 'Nom', {'attr': {'class': 'form-label'}}) }}
                                {{ form_widget(form.lastName, {'attr': {'class': 'form-control'}}) }}
                            </div>
                            <div class="col-md-6 p-3">
                                {{ form_label(form.photo, 'Photo de profil', {'attr': {'class': 'form-label'}}) }}
                                {{ form_widget(form.photo, {'attr': {'class': 'form-control'}}) }}
                                <div class="invalid-feedback d-block errors">
                                    {{ form_errors(form.photo, {'attr': {'class': 'invalid-feedback'}}) }}
                                </div>
                            </div>
                            <div class="col-md-6 p-3">
                                {{ form_label(form.photoPublique, 'Photo publique', {'attr': {'class': 'form-label'}}) }}
                                {{ form_widget(form.photoPublique, {'attr': {'class': 'form-control'}}) }}
                                <div class="invalid-feedback d-block errors">
                                    {{ form_errors(form.photoPublique, {'attr': {'class': 'invalid-feedback'}}) }}
                                </div>
                            </div>
                            <div class="col-md-6 p-3">
                                {{ form_widget(form.samePhotos) }}
                                {{ form_label(form.samePhotos) }}
                            </div>
                            <div class="col-md-6 p-3">
                                {{ form_label(form.description, 'Description publique', {'attr': {'class': 'form-label'}}) }}
                                {{ form_widget(form.description, {'attr': {'class': 'form-control'}}) }}
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-12">
                </div>

                {{ form_end(form) }}
            </div>
        </div>
    </div>
{% endblock %}