@using YongeStreet.Controllers
@model YongeStreet.Controllers.IndexModel

@{
    ViewData["Title"] = "La Province";
}


<p>
    Le Québec possède un reseau routier impréssionant.
</p>


<div class="uk-form-horizontal uk-margin-large">
    <div class="uk-margin">
        <label class="uk-form-label" for="city-name">Nom de Ville</label>
        <div class="uk-form-controls">
            <input class="uk-input" id="city-name" type="text" name="search" placeholder="Rimouski" hx-get="/Home/CityList_Partial"
                   hx-trigger="keyup changed delay:500ms"
                   hx-target="#city-table-body"
                   hx-swap="innerHTML">
        </div>
    </div>
</div>

<table class="uk-table uk-table-striped">
    <thead>
    <tr>
        <th>Nom De La Ville</th>
        <th>Longeur De La Route</th>
        <th></th>
    </tr>
    </thead>
    <tbody id="city-table-body"
           hx-get="/Home/CityList_Partial"
           hx-trigger="load"
           hx-target="#city-table-body"
           hx-swap="innerHTML">
    </tbody>
</table>