@model YongeStreet.Controllers.CityModel
@{
    ViewData["Title"] = "La Province";
}


<div class="uk-height-large uk-flex uk-flex-center uk-flex-middle uk-background-cover uk-light" 
     style="background-color: black"
     id="leaflet-map"
     data-city="@Model.City">
</div>

<table class="uk-table uk-table-striped">
    <thead>
    <tr>
        <th>Année</th>
        <th>Longeur Du Réseau Routier</th>
        <th>AUgmentation</th>
    </tr>
    </thead>
    <tbody>
    @foreach(var stats in Model.CityRoadLengthStats)
    {
        <tr>
            <td>@stats.Year</td>
            <td>@((stats.MunicipalRoadLength / 1000).ToString("N"))</td>
            <td></td>
        </tr>
    }
    </tbody>
</table>

<script src="~/js/quebec-province-map.js" type="module"></script>