<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}Welcome!{% endblock %}</title>
<link rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
{# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{% endblock %}
{% block head %}
{% endblock %}
</head>
<body>
<div class="p-2" style="position: fixed; bottom:0 ; left: 0; z-index: 1000" >
<a href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge(app.request.query.all)|merge({ _locale: 'es' })) }}" style="text-decoration: none">
<img src="{{ asset('images/flags/Flag_of_Spain.svg') }}" alt="" style="width: 30px; aspect-ratio: 16/9;">
</a>
<a href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge(app.request.query.all)|merge({ _locale: 'pt' })) }}" style="text-decoration: none">
<img src="{{ asset('images/flags/Flag_of_Portugal.svg') }}" alt="" style="width: 30px; aspect-ratio: 16/9;">
</a>
<a href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge(app.request.query.all)|merge({ _locale: 'fr' })) }}" style="text-decoration: none">
<img src="{{ asset('images/flags/Flag_of_France.svg') }}" alt="" style="width: 30px; aspect-ratio: 16/9;">
</a>
</div>
<nav class="navbar navbar-expand-lg navbar-light bg-light ">
<div class="container-fluid justify-content-center headercontent ">
<a class="navbar-brand" href="{{ path('home') }}">
<img src="{{ asset('images/Logo-PAJ-Color.svg') }}" alt="" width="50"
height="50" class="d-inline-block ">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0 mx-auto">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="{{ path('home') }}">Accueil</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="{{ path('app-epyp-index') }}">Projet EPYP</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="{{ path('app-questionnaire-index') }}">Questionnaire</a>
</li>
</ul>
</div>
<div class="navbar-right" href="{{ path('home') }}">
<div style="width: 50px; height: 50px;" class="d-none d-md-inline-block">
</div>
</div>
</div>
</nav>
{% block body %}{% endblock %}
<div class=" w-100 h-auto text-center ">
<a href="https://www.engagees-determinees.org/" target="_blank">
<img src="{{ asset('images/Logo-PAJ-Color.svg') }}" alt="" class="mt-3 mb-3" style="width: 75px; height: 75px;">
</a>
</div>
<div class="w-100 text-center">
<a href="MAILTO:coordination.paj@gmail.com" class=" mb-4 fs-6 fw-bold maincolor text-decoration-none">
coordination.paj@gmail.com
</a>
</div>
<div class="w-75 mx-auto mb-4 mt-4" style="background-color: #ddddde; height: 2px;">
</div>
<table style="height: 50px; width: 100%; padding-top: 50px;">
<tbody>
<tr>
<td class="fs-6 text-center w-100">
Soutenu par :
</td>
</tr>
</tbody>
</table>
<div class="customwrapper">
<div style="width: 130px; height:130px;">
<img src="{{ asset('images/logos/04 CoordinationSud-Logotype-RVB_logo-officiel.png') }}" alt="Coordination Sud"
style="width: 100%">
</div>
</div>
<table style="height: 50px; width: 100%; padding-top: 50px;">
<tbody>
<tr>
<td class="fs-6 text-center w-100">
Financé par :
</td>
</tr>
</tbody>
</table>
<div class="customwrapper" style="">
<div style="width: 130px; height: 65px;position: relative" class="m-2 ">
<img src="{{ asset('images/logos/02 AFD Logo.jpg') }}" alt="" style="width: 100%"
class="position-absolute top-50 start-50 translate-middle">
</div>
<div style="width: 130px; height: 65px; float: left;position: relative" class="m-2">
<img src="{{ asset('images/logos/07 Erasmus Logo.jpg') }}" alt="" style="width: 100%"
class="position-absolute top-50 start-50 translate-middle">
</div>
</div>
<table style="height: 50px; width: 100%; padding-top: 50px;">
<tbody>
<tr>
<td class="fs-6 text-center w-100">
<a href="{{ path('mentions-legales') }}" class="maincolor text-decoration-none fw-semibold">
Mentions légales
</a>
</td>
</tr>
</tbody>
</table>
</body>
</html>