<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Todolist application">
<meta content="noindex" name="googlebot">
<title>To Do List app</title>
<!-- Bootstrap Core CSS -->
<link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">
<!-- Custom CSS -->
<link href="{{ asset('css/shop-homepage.css') }}" rel="stylesheet">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-light navbar-fixed-top" style="background-color: #e3f2fd;" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="{{ path('homepage') }}">To Do List app</a>
<img src="{{ asset('img/logo-task.png') }}" alt="OpenClassrooms" />
</div>
</div>
</nav>
<!-- Page Content -->
<div class="container">
<div class="row navbar-top">
{% if is_granted('ROLE_ADMIN') %}
<a href="{{ path('user_create') }}" class="btn btn-primary mr-5 top-btn">Create a user</a>
<a href="{{ path('user_list') }}" class="btn btn-default top-btn">Users list</a>
{% endif %}
{% if app.user %}
<a href="{{ path('app_logout') }}" class="pull-right btn btn-danger top-btn">Sign out</a>
{% endif %}
{% if not app.user and 'login' != app.request.attributes.get('_route') %}
<a href="{{ path('login') }}" class="btn btn-success top-btn">Login</a>
{% endif %}
</div>
<div class="row">
<div class="col-md-12">
{% for flash_message in app.session.flashBag.get('success') %}
<div class="alert alert-success" role="alert">
{{ flash_message }}
</div>
{% endfor %}
{% for flash_message in app.session.flashBag.get('error') %}
<div class="alert alert-danger" role="alert">
{{ flash_message }}
</div>
{% endfor %}
{% block header_title %}{% endblock %}
{% block header_img %}<img class="slide-image" src="{{ asset('img/todolist_homepage.jpg') }}" alt="todo list">{% endblock %}
</div>
</div>
<br />
<div class="row">
<div class="col-md-12">
{% block body %}{% endblock %}
</div>
</div>
</div>
<!-- /.container -->
<div class="container">
<hr>
<footer>
<div class="row">
<div class="col-lg-12">
<p class="pull-right">Copyright {{ "now"|date("Y") }} © <a href="{{ path('homepage') }}" title="Vincentg.fr">To-do List</a></p>
</div>
</div>
</footer>
</div>
<script src="{{ asset('js/jquery.js') }}"></script>
<script src="{{ asset('js/bootstrap.min.js') }}"></script>
</body>
</html>