@page "/departments"
@inject HttpClient Http

<PageTitle>Departments</PageTitle>

<h2>Departments</h2>
<div class="dept-container">
    @if (_initialized)
    {
        if (_departments is not null)
        {
            <table class="table table-striped table-hover">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>Programs</th>
                </tr>
                </thead>
                <tbody>
                @foreach (var department in _departments)
                {
                    <tr>
                        <td>@department.Id</td>
                        <td>@department.Name</td>
                        <td>
                            @if (department.Programs.Length == 0)
                            {
                                <span>-</span>
                            }
                            else
                            {
                                <ul>
                                    @foreach (var program in department.Programs)
                                    {
                                        <li>@program</li>
                                    }
                                </ul>
                            }
                        </td>
                    </tr>
                }
                </tbody>
            </table>
        }
        else
        {
            <span class="warning-text">Data could not be loaded!</span>
        }
    }
    else
    {
        <div class="progress">
            <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
        </div>
    }
</div>

@code {

}