@page "/weather"
@using BlazorProject.Models
@inject HttpClient Http

<PageTitle>Weather</PageTitle>

<h1>Weather</h1>

<p>This component demonstrates fetching data from the server.</p>

@if (items == null)
{
    <p><em>Loading...</em></p>
}
else
{
    <table class="table">
        <thead>
        <tr>
            <th>Id</th>
            <th>Display Name</th>
            <th>Stack Size</th>
            <th>Maximum Durability</th>
            <th>Enchant Categories</th>
            <th>Repair With</th>
            <th>Created Date</th>
        </tr>
        </thead>
        <tbody>
        @foreach (var item in items)
        {
            <tr>
                <td>@item.Id</td>
                <td>@item.DisplayName</td>
                <td>@item.StackSize</td>
                <td>@item.MaxDurability</td>
                <td>@(string.Join(", ", item.EnchantCategories))</td>
                <td>@(string.Join(", ", item.RepairWith))</td>
                <td>@item.CreatedDate.ToShortDateString()</td>
            </tr>
        }
        </tbody>
    </table>
}