<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}QUVEO{% endblock %}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
<link rel="stylesheet" href="{{ asset('css/visa.css') }}">
<!-- FOS JS Routing -->
<script type="text/javascript" src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}"></script>
<script type="text/javascript" src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
<script src="{{ asset('js/main.js') }}"></script>
{% block stylesheets %}
{% endblock stylesheets %}
</head>
<body>
<header class="">
<div class="bar">
<div class="content_bar">
<div class="right"><a class="navbar-item" href="{{ path('index') }}">
<img src="{{ asset('img/logo-quveo.png') }}" width="225" height="42" alt="Qebok">
</a></div>
{% if app.user %}
<div class="left">
<a class="nav-link" href="{{ path('listePluvio') }}">
Liste des calculs réalisés
</a>
</div>
<div class="left">
<div style="display:flex">
<a class="nav-link" href="{{ path('user_profil_show') }}"><i class="fa fa-user"></i> {{ app.user.username }}</a>
<a class="nav-link" style="margin-left:10px;" href="{{ path('user_security_logout') }}"><i class="fa fa-sign-out-alt"></i></a>
</div>
{% else %}
<a class="nav-link" href="{{ path('user_security_login') }}">S'enregistrer<span class="material-symbols-outlined">lock</span></a>
{% endif %}
</div>
</div>
</div>
{# <nav class="navbar navbar-expand-lg navbar-light bg-light">#}
{# <a class="navbar-brand" href="{{ path('index') }}"><img src="{{ asset('img/logo-qebok.png') }}"/><span>VISA</span></a>#}
{# <button class="navbar-toggler" type="button" data-toggle="collapse" data-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 mr-auto">#}
{# #}{# <li class="nav-item">#}
{# <a class="nav-link" href="{{ path('homepage') }}">Home <span class="sr-only">(current)</span></a>#}
{# </li>#}
{# {% if is_granted('ROLE_ADMIN') %}#}
{# <li class="nav-item">#}
{# <a class="nav-link" href="{{ path('user_manage_index') }}">Utilisateurs <span class="sr-only">(current)</span></a>#}
{# </li>#}
{# <li class="nav-item">#}
{# <a class="nav-link" href="{{ path('workinprogress') }}">WorkInProgress <span class="sr-only">(current)</span></a>#}
{# </li>#}
{# {% endif %}#}
{# {% if is_granted('IS_AUTHENTICATED') %}#}
{# <li class="nav-item">#}
{# <a class="nav-link" href="{{ path('fiche_batiment_index') }}">Fiches bâtiments <span class="sr-only">(current)</span></a>#}
{# </li>#}
{# {% endif %}#}
{# <li class="nav-item">#}
{# <a class="nav-link" href="{{ path('apropos') }}">A propos</a>#}
{# </li>#}
{# </ul>#}
{# <ul class="navbar-nav mr-0">#}
{# {% if app.user %}#}
{# <li class="nav-item">#}
{# <a class="nav-link" href="{{ path('listePluvio') }}">#}
{# Liste des calculs réalisés#}
{# </a>#}
{# </li>#}
{# <li class="nav-item">#}
{# <a class="nav-link" href="{{ path('user_profil_show') }}">#}
{# <i class="fa fa-user"></i> {{ app.user.username }}#}
{# </a>#}
{# </li>#}
{# <li class="nav-item">#}
{# <a class="nav-link" href="{{ path('user_security_logout') }}"><i class="fa fa-sign-out-alt"></i></a>#}
{# </li>#}
{# {% else %}#}
{# <li class="nav-item">#}
{# <a class="nav-link" href="{{ path('user_security_login') }}">S'enregistrer<span class="material-symbols-outlined">#}
{# lock</span></a>#}
{# <a class="nav-link" href="{{ path('user_security_login') }}">Connectez-vous pour enregistrer <i class="fa fa-lock"></i></a>#}
{# </li>#}
{# {% endif %}#}
{# </ul>#}
{# </div>#}
{# </nav>#}
</header>
<main>
{% for type, messages in app.session.flashBag.all %}
{% for message in messages %}
<div style="width: 80%;margin: 0 auto;padding: 20px 0;max-width: 1200px !important;">
<div class="alert alert-{{ type }}">
{{ message }}
</div>
</div>
{% endfor %}
{% endfor %}
{% block body %}
{% endblock %}
</main>
<footer>
<BR><BR>
<div class="footer">
{# <div class="row">#}
{# <a href="#"><i class="fa fa-facebook"></i></a>#}
{# <a href="#"><i class="fa fa-instagram"></i></a>#}
{# <a href="#"><i class="fa fa-youtube"></i></a>#}
{# <a href="#"><i class="fa fa-twitter"></i></a>#}
{# </div>#}
{# <div class="row">
<ul>
<li><a href="https://sobro.fr/">Accueil</a></li>
<li><a href="https://sobro.fr/applis">Applis</a></li>
<li><a href="https://sobro.fr/a-propos">A propos</a></li>
</ul>
</div>#}
<div class="row" style="justify-content: center;">
Copyright © 2020 by Oxalis - All rights reserved
</div>
</div>
</footer>
{% if is_granted('IS_AUTHENTICATED') %}
{{ include('modals.html.twig') }}
{% endif %}
{% block javascripts %}
{% endblock javascripts %}
</body>
</html>