<!DOCTYPE html><html lang="{{ app.request.getLocale() }}"> <head> <meta charset="UTF-8"> <title>{% block title %}Welcome!{% endblock %}</title> <meta name="viewport" content="width=device-width, initial-scale=1"> {% block favicon %} <link rel="icon" href="/images/logo-less.ico" /> {% endblock %} {% block stylesheets %} {{ encore_entry_link_tags('app') }} {% endblock %} {% block javascripts %} {{ encore_entry_script_tags('app') }} {% endblock %} </head> <body> {% block header %} <nav class="navbar navbar-expand navbar-dark bg-dark"> <div class="container-fluid"> <div class="navbar-brand" href="#"> {% block logo %} <a href="/"> <img src="https://fakeimg.pl/125x45/" class="d-inline-block align-text-top" alt="{{ 'index.description' | trans }}" height="45"/> </a> {% endblock logo %} </div> <form class="d-flex"> {% block top_actions %} {% endblock top_actions %} <div class="dropdown ms-4"> <button id="languageSelector" class="btn btn-outline-secondary dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false"> {{ app.request.getLocale()|locale_name }} </button> <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="languageSelector"> {% for locale in enabled_locales %} {% if locale == app.request.getLocale() %} <li><a class="dropdown-item active" href="#">{{ locale|locale_name }}</a></li> {% else %} <li><a class="dropdown-item" href="{{ url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({_locale: locale})) }}">{{ locale|locale_name }}</a></li> {% endif %} {% endfor %} </ul> </div> </form> </div> </nav> {% endblock header %} <main class=""> <section class="container p-5">{% block body %}{% endblock %}</section> </main> </body></html>