@page "/employeeoverview"

<PageTitle>@Title</PageTitle>
<h2>Employee Overview</h2>
@if(Employees == null)
{
    <div>Loading...</div>
} else
{
    <QuickViewPopup Employee="_employeeSelected"></QuickViewPopup>
    <div class="row">
        @foreach (var employee in Employees)
        {
            <div class="col-12 col-sm-12 col-md-6 col-lg-4 col-xl-3">
                <ErrorBoundary>
                    <ChildContent>
                        <EmployeeCard Employee="employee" EmployeeQuickViewClicked="ShowQuickViewPopup"></EmployeeCard>
                    </ChildContent>
                    <ErrorContent>
                        <p class="errorUI">Invalid Employee!</p>
                    </ErrorContent>
                </ErrorBoundary>
            </div>
        }
    </div>
}