@page "/latestdata"
@using Public_API.Shared.Models 
@inject HttpClient http
 
<h3>LatestData</h3>
<p>View Most Recent Sensor Data!</p>

@if (sensorData == null)
{
    <p><em>Loading...</em></p>
} else
{
    <table class="table">
        <thead>
            <tr>
                <th>Sensor UID</th>
                <th>Friendly Name</th>
                <th>Location</th>
                <th>Date</th>
                <th>Time</th>

                <th>Temperature</th>
                <th>Humidity</th>

                <th>PPM 1.0</th>
                <th>PPM 2.5</th>
                <th>PPM 10</th>
            </tr>
        </thead>
        <tbody>
            @foreach (vw_SensorData data in sensorData)
            {
            <tr>
                <td>@data.sensorUID</td>
                <td>@data.friendlyName</td>
                <td>@data.locationCity</td>
                <td>@data.dateTime.ToShortDateString()</td>
                <td>@data.dateTime.ToShortTimeString()</td>

                <td>@data.temperature</td>
                <td>@data.humidity</td>

                <td>@data.ppm10</td>
                <td>@data.ppm25</td>
                <td>@data.ppm100</td>
            </tr>

            }
        </tbody>
    </table>
}

@code {
    private vw_SensorData[] sensorData;

    protected override async Task OnInitializedAsync()
    {
        sensorData = await http.GetFromJsonAsync<vw_SensorData[]>("api/LatestData");
    }
}