@page "/fetchdata" 
    @using WebApplication2.Data
    @inject IDataRepository _repository 
    @if (departments == null)
    {
        <p><em>Loading...</em></p>
    }
    else
    {
        <table class="table">
            <thead>
                <tr>
                    <th>DepId</th>
                    <th>DepName</th>
                    <th>Description</th>
                    <th>Select</th>
                </tr>
            </thead>
            <tbody>
                @foreach (var department in departments)
                {
                    <tr> @* @onclick="@(e => RowClick(e, department.DepId))"*@
                        <td>@department.DepId</td>
                        <td>@department.DepName</td>
                        <td>@department.Description</td>
                        <td><input type="radio" name="select" @onclick="@(e => RowClick(e, department.DepId))"></td>
                    </tr>
                }
            </tbody>
        </table>
    } 
    @if (employees == null)
    {
        <p><em>Employee is empty</em></p>
    }
    else
    {
        <table class="table">
            <thead>
                <tr>
                    <th>EmpId</th>
                    <th>EmpName</th>
                    <th>Email</th>
                </tr>
            </thead>
            <tbody>
                @foreach (var employee in employees)
                {
                    <tr >
                        <td>@employee.EmpId</td>
                        <td>@employee.EmpName</td>
                        <td>@employee.Email</td>
                    </tr>
                }
            </tbody>
        </table>
    } 
    @code {
        private List<Department> departments;
        private List<Employee> employees;
        protected override async Task OnInitializedAsync()
        {
            departments = await _repository.GetDepartmentsAsync();
        }
        private async Task RowClick(MouseEventArgs e, int depid)
        {
            employees = await _repository.GetEmployeesByDepIdAsync(depid);
        }
    }