{% if app_modules.user_profile is defined and app_modules.user_profile == true %}
    {% set hasUserProfile = app.session.has('user_profile') %}
    <div id="js-modal-user-profile" class="modal fade {{ hasUserProfile == false ? 'bg-blur' }}" tabindex="-1" aria-labelledby="modal-user-profile-title" id="modal-user-profile"
        {{ hasUserProfile == false ? 'data-bs-backdrop="static" data-isnew="true"' : '' }}>
        <div class="modal-dialog modal modal-dialog-centered modal-dialog-scrollable">
            <div class="modal-content">
                <div class="modal-header flex-between-center">
                    <div class="h3 modal-title" id="modal-user-profile-title"><b>{{ 'Que recherchez-vous'|trans }}</b></div>
                    <div>
                        {% if hasUserProfile == true %}
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        {% elseif app_modules.locale is defined and app_modules.locale == true %}
                            {{ include ('bundles/_locale.html.twig') }}
                        {% endif %}
                    </div>
                </div>
                <div class="modal-body">
                    <div class="text-center mb-3"><i>{{ 'Sélectionnez le type de séjour que vous préparez'|trans }}</i></div>
                    <div class="row row-cols-2 mb-3 g-3 text-center" id="profile">
                        {% for user_profile in app_user_profiles %}
                            <div class="col">
                                <div class="card userProfile">
                                    <a href="#profile" data-profile="{{ user_profile.id }}"
                                       class="js-profile-link card-link stretched-link">
                                        <img src="{{ vich_uploader_asset(user_profile, 'imageFile', '\\App\\UserBundle\\Entity\\UserProfile') }}" class="userprofile-img" alt="...">
                                    </a>
                                    <div class="card-body">
                                        <div class="h5 card-title">{{'Séjour'|trans}} <b>{{ user_profile.name }}</b></div>
                                        <p class="card-text">{{ user_profile.description }}</p>
                                    </div>
                                </div>
                            </div>
                        {% endfor %}
                    </div>
                    <div class="text-center"><small><i>{{ 'Le profil sera toujours modifiable lors de votre navigation sur notre site Internet'|trans }}</i></small></div>
                </div>
            </div>
        </div>
    </div>
{% endif %}