@model WeatherSet
@{
    ViewData["Title"] = "Home Page";
}

<div class="location">
    <div>@Model.Location.Name, @Model.Location.Region</div>
    <small>Last updated on @Model.Current.LastUpdated</small>
</div>

<div class="current-conditions">
    <div class="current-condition-name">@Model.Current.ConditionName</div>
    <div class="current-temperature">@Model.Current.Temperature<span class="degrees">&#176;F</span></div>
</div>

<div class="detailed-conditions">

    @foreach (var forecast in Model.Forecast)
    {
        var displayHours = new[] { 6, 11, 15, 22 };

        var hourForecasts = forecast.HourForecasts
            .Where(f => displayHours.Contains(f.Time.Value.Hour))
            .ToList();

        <div class="row day-summary">
            <div class="col col-6">@forecast.Summary.ConditionName</div>
            <div class="col col-6">@forecast.Summary.HighTemp / @forecast.Summary.LowTemp</div>
        </div>
        
        @foreach (var hourForecast in hourForecasts)
        {
            <div class="row day-detail">
                <div class="col">@hourForecast.Time</div>
                <div class="col">@hourForecast.ConditionName</div>
                <div class="col">@hourForecast.Temperature</div>
            </div>
        }
    }

</div>