<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}Welcome!{% endblock %}</title>
{# Run `composer require symfony/webpack-encore-bundle`
and uncomment the following Encore helpers to start using Symfony UX #}
{% block stylesheets %}
{#{{ encore_entry_link_tags('app') }}#}
<link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
{% endblock %}
<script src="https://kit.fontawesome.com/410cd22f41.js" crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href={{ path('pokemon_index') }}>
<img src={{ asset('icon.png') }} width="30" height="30" class="d-inline-block align-top" alt="">
Pokedex</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link active" aria-current="page" href={{ path('api_doc') }}>API docs</a>
</div>
</div>
</div>
</nav>
<div class="container">
{% block body %}{% endblock %}
</div>
{% block javascripts %}
{#{{ encore_entry_script_tags('app') }}#}
<script src="{{ asset('js/bootstrap.min.js') }}"></script>
{% endblock %}
</body>
</html>