<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>{% block title %}{% endblock %}</title>
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script type="text/javascript">
$(function() {
/** TODO: Modify the value by a calculation **/
let mainHeight = $(window).height() - 15 - 110;
$('#mapid').height(mainHeight - 100);
$('#redirect').height(mainHeight);
})
</script>
{% endblock %}
</head>
<body style="padding-bottom: 60px">
<nav id="navbar-top" class="navbar fixed-top navbar-light bg-light sticky-top">
<div class="header"></div>
</nav>
<main id="main" style="width: 100%;">
{% block body %}{% endblock %}
</main>
<nav id="navbar-bottom" class="navbar fixed-bottom navbar-light navbar-custom">
<div class="col-5">
<a href="/list">
<div class="button-list"></div>
</a>
</div>
<div class="col-2">
<a href="/">
<div class="button-home"></div>
</a>
</div>
<div class="col-5">
<a href="/map">
<div class="button-map"></div>
</a>
</div>
</nav>
</body>
</html>