<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}Welcome!{% endblock %}</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
<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 %}
</head>
<body>
<header>
{% if is_granted('ROLE_ADMIN') %}
<div class="p-3 text-bg-dark">
<div class="container">
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
<ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
<li><a href="{{ path('admin')}}" class="nav-link px-2 "><i class="fa-solid fa-user"></i> Admin</a></li>
</ul>
</div>
</div>
</div>
{% endif %}
<div class="container d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-3 mb-4 border-bottom">
<ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
<li><a href="{{ path('app_home')}}" class="nav-link px-2 link-secondary"><i class="text-center fa-sharp fa-solid fa-house"></i> Home</a></li>
<!-- <li><a href="#" class="nav-link px-2 link-dark">Features</a></li> -->
</ul>
<div class="col-md-3 text-end">
{% if is_granted('ROLE_USER') %}
<a href="{{ path('app_logout')}}"><button type="button" class="btn btn-danger">Logout</button></a>
{% else %}
<a href="{{ path('app_login')}}"><button type="button" class="btn btn-outline-primary me-2">Login</button></a>
<a href="#"><button type="button" class="btn btn-primary">Sign-up</button></a>
{% endif %}
</div>
</div>
</header>
<main class="container">
{% block body %}{% endblock %}
</main>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>