@page "/"
@page "/prospect"
@page "/prospects"

@using FoodsharingSiegen.Contracts
@using FoodsharingSiegen.Contracts.Enums
@using FoodsharingSiegen.Shared.Helper
@inherits FsBase

<PageTitle>Aktuelle - @AppSettings.Terms.Title</PageTitle>
<h2>Aktuelle Einarbeitungen</h2>

@if (AppSettings.TestMode)
{
    <div class="alert alert-danger"><strong>TESTMODUS!</strong> Änderungen werden wieder gelöscht.</div>
}

<Button
    Color="Color.Primary"
    Height="Height.Px(50)"
    title="Hinzufügen"
    style="min-width: auto;"
    Clicked="@CreateProspectAsync"
    Visibility="@(CurrentUser.IsInGroup(UserGroup.WelcomeTeam, UserGroup.Ambassador) ? Visibility.Default : Visibility.Invisible)"
><i class="fa-solid fa-plus"></i> Neu
</Button>
|

<ProspectSortControl @bind-CurrentSort="CurrentSort" StorageKey="@StorageKeys.SortProspects" OnSortChanged="StateHasChanged" Filter="Filter" FilterChanged="FilterChangedAsync" StateFilter="ProspectStateFilter.OnBoarding" />

@{
    var filtered = ProspectList.ApplyFilter(Filter);
    var sortList = filtered.ApplySort(CurrentSort);
}

@if (IsLoadingProspects)
{
    <div class="d-flex justify-content-center align-items-center py-5 text-muted">
        <span class="me-2"><i class="fa-solid fa-spinner fa-spin"></i></span>
        Lade Einarbeitungen...
    </div>
}
else
{
    <ProspectGrid
        Prospects="sortList"
        OnDataChanged="@LoadProspects"
        OnLoadMore="@LoadMoreProspects"
        IsLoadingMore="IsLoadingMoreProspects"
        HasMore="HasMoreProspects"
        StateFilter="ProspectStateFilter.OnBoarding">
    </ProspectGrid>
}