{% if app_weather is not empty %}
    <div class="d-none d-xxl-inline-block dropdown bundle-weather weather_{{ app_weather.iconText }} {% if app_weather.showFullInfos %}cursor-pointer{% endif %}">
        <div class="card" style="width: 250px;height: 100%;"
             data-bs-toggle="dropdown"
             data-bs-trigger="hover focus">
            <div>
                <img src="{{ app_weather.icon2x }}" class="weather_icon img-fluid" alt="{{ app_weather.weather }}" width="50" height="50" loading="eager" title="{{ app_weather.weather }}">
{#                                <img src="https://openweathermap.org/img/wn/01d@2x.png" class="weather_icon img-fluid" alt="{{ app_weather.weather }}" width="50" height="50" loading="eager" title="{{ app_weather.weather }}">#}
{#                                <img src="https://openweathermap.org/img/wn/02d@2x.png" class="weather_icon img-fluid" alt="{{ app_weather.weather }}" width="50" height="50" loading="eager" title="{{ app_weather.weather }}">#}
{#                                <img src="https://openweathermap.org/img/wn/03d@2x.png" class="weather_icon img-fluid" alt="{{ app_weather.weather }}" width="50" height="50" loading="eager" title="{{ app_weather.weather }}">#}
{#                                <img src="https://openweathermap.org/img/wn/04d@2x.png" class="weather_icon img-fluid" alt="{{ app_weather.weather }}" width="50" height="50" loading="eager" title="{{ app_weather.weather }}">#}
{#                                <img src="https://openweathermap.org/img/wn/09d@2x.png" class="weather_icon img-fluid" alt="{{ app_weather.weather }}" width="50" height="50" loading="eager" title="{{ app_weather.weather }}">#}
{#                                <img src="http://openweathermap.org/img/wn/10d@2x.png" class="weather_icon img-fluid" alt="{{ app_weather.weather }}" width="50" height="50" loading="eager" title="{{ app_weather.weather }}">#}
                {#                <img src="http://openweathermap.org/img/wn/11d@2x.png" class="weather_icon img-fluid" alt="{{ app_weather.weather }}" width="50" height="50" loading="eager" title="{{ app_weather.weather }}"> #}
                {#                <img src="https://openweathermap.org/img/wn/13d@2x.png" class="weather_icon img-fluid" alt="{{ app_weather.weather }}" width="50" height="50" loading="eager" title="{{ app_weather.weather }}"> #}
                {#                <img src="https://openweathermap.org/img/wn/50d@2x.png" class="weather_icon img-fluid" alt="{{ app_weather.weather }}" width="50" height="50" loading="eager" title="{{ app_weather.weather }}"> #}
            </div>
            <div class="bg-brown petit_chalet top_mountain_small mt-auto">
                <div class="row g-0 my-1 mx-2">
                    <div class="col-5">
                        <div class="weather_temp">{{ app_weather.temp }}</div>
                    </div>
                    <div class="col-7">
                        <div class="weather_city">{{ app_weather.city }}</div>
                        <div class="weather_info">{{ app_weather.weather }}</div>
                    </div>
                </div>
            </div>
        </div>
        {% if app_weather.showFullInfos %}
            {{ include ('@Weather/front/_weather_full.html.twig') }}
        {% endif %}
    </div>
{% endif %}