{% extends 'base.html.twig' %}

{% block body %}
	{{ block('nav', 'internal/libs/nav.html.twig') }}

	<main class="main-content position-relative max-height-vh-100 h-100 border-radius-lg ">
		{{ block('topnav', 'internal/libs/top-nav.html.twig') }}

		<div class="container-fluid py-2">
			<div>
				Totals:
				{{ total_distance }}mi
				/
				{{ total_duration }}
			</div>
			{{ ux_map(map, {style: 'height: 600px', 'data-controller': 'my-map'}) }}
		</div>

	</main>
{% endblock %}
