KoogleApp/src/Koogle.Web/Components/Pages/Account/JoinClub.razor

@page "/account/join-club"
@attribute [Authorize]

@using Koogle.Application.DTOs
@using Koogle.Application.Interfaces
@using Microsoft.AspNetCore.Authorization

@inject IUserService UserService
@inject IClubService ClubService
@inject ISnackbar Snackbar
@inject NavigationManager NavigationManager

<PageTitle>Club beitreten</PageTitle>

<MudContainer MaxWidth="MaxWidth.Small" Class="mt-4">
    <MudText Typo="Typo.h4" Class="mb-4">Club beitreten</MudText>

    @if (_isLoading)
    {
        <MudProgressCircular Indeterminate="true" />
    }
    else if (_requestSent)
    {
        <MudAlert Severity="Severity.Success" Class="mb-4">
            <MudText Typo="Typo.body1">
                Dein Beitrittsantrag wurde erfolgreich gesendet!
            </MudText>
            <MudText Typo="Typo.body2" Class="mt-2">
                Ein Admin des Clubs wird deinen Antrag pruefen. Du erhaeltst eine Benachrichtigung, sobald dein Antrag bearbeitet wurde.
            </MudText>
        </MudAlert>
        <MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="ResetForm">
            Weiteren Antrag stellen
        </MudButton>
        <MudButton Variant="Variant.Outlined" Color="Color.Default" Class="ml-2" Href="/account/profile">
            Zum Profil
        </MudButton>
    }
    else
    {
        <MudPaper Class="pa-4" Elevation="2">
            <MudText Typo="Typo.body1" Class="mb-4">
                Gib den Namen des Clubs ein, dem du beitreten moechtest. Dein Antrag wird vom Club-Admin geprueft.
            </MudText>

            <MudForm @ref="_form" @bind-IsValid="_isValid">
                <MudTextField @bind-Value="_clubName"
                    Label="Club-Name"
                    Variant="Variant.Outlined"
                    Required="true"
                    RequiredError="Bitte gib einen Club-Namen ein"
                    Immediate="true"
                    OnKeyUp="OnClubNameKeyUp"
                    Class="mb-3" />

                @if (_searchResult is not null)
                {
                    <MudAlert Severity="Severity.Info" Class="mb-3">
                        <div class="d-flex justify-space-between align-center">
                            <div>
                                <MudText Typo="Typo.body1"><strong>@_searchResult.Name</strong></MudText>
                                <MudText Typo="Typo.caption">@_searchResult.MemberCount Mitglieder</MudText>
                            </div>
                            <MudIcon Icon="@Icons.Material.Filled.Check" Color="Color.Success" />
                        </div>
                    </MudAlert>
                }
                else if (_searched && !string.IsNullOrWhiteSpace(_clubName))
                {
                    <MudAlert Severity="Severity.Warning" Class="mb-3">
                        Kein Club mit diesem Namen gefunden. Bitte pruefe die Schreibweise.
                    </MudAlert>
                }

                @if (!string.IsNullOrEmpty(_error))
                {
                    <MudAlert Severity="Severity.Error" Class="mb-3">@_error</MudAlert>
                }

                <div class="d-flex gap-2">
                    <MudButton Variant="Variant.Outlined"
                        Color="Color.Primary"
                        OnClick="SearchClub"
                        Disabled="_isSearching || string.IsNullOrWhiteSpace(_clubName)">
                        @if (_isSearching)
                        {
                            <MudProgressCircular Size="Size.Small" Indeterminate="true" Class="mr-2" />
                        }
                        Club suchen
                    </MudButton>

                    <MudButton Variant="Variant.Filled"
                        Color="Color.Primary"
                        OnClick="SubmitRequest"
                        Disabled="_isSubmitting || _searchResult is null">
                        @if (_isSubmitting)
                        {
                            <MudProgressCircular Size="Size.Small" Indeterminate="true" Class="mr-2" />
                        }
                        Beitrittsantrag senden
                    </MudButton>
                </div>
            </MudForm>
        </MudPaper>
    }
</MudContainer>

@code {
    private MudForm? _form;
    private bool _isValid;
    private string _clubName = "";
    private ClubDto? _searchResult;
    private bool _searched;
    private bool _isLoading;
    private bool _isSearching;
    private bool _isSubmitting;
    private bool _requestSent;
    private string? _error;
    private UserDto? _currentUser;

    protected override async Task OnInitializedAsync()
    {
        _isLoading = true;
        try
        {
            _currentUser = await UserService.GetCurrentUserAsync();
        }
        finally
        {
            _isLoading = false;
        }
    }

    private async Task OnClubNameKeyUp(KeyboardEventArgs e)
    {
        // Reset search result when user types
        if (_searched)
        {
            _searched = false;
            _searchResult = null;
            _error = null;
        }

        // Search on Enter key
        if (e.Key == "Enter" && !string.IsNullOrWhiteSpace(_clubName))
        {
            await SearchClub();
        }
    }

    private async Task SearchClub()
    {
        if (string.IsNullOrWhiteSpace(_clubName))
            return;

        _isSearching = true;
        _error = null;
        _searched = false;
        _searchResult = null;

        try
        {
            _searchResult = await ClubService.GetByNameAsync(_clubName.Trim());
            _searched = true;

            // Check if user is already member
            if (_searchResult is not null && _currentUser is not null)
            {
                var existingMembership = _currentUser.ClubMemberships
                    .FirstOrDefault(m => m.ClubId == _searchResult.Id);

                if (existingMembership is not null)
                {
                    _error = "Du bist bereits Mitglied dieses Clubs oder hast einen offenen Antrag.";
                    _searchResult = null;
                }
            }
        }
        catch (Exception ex)
        {
            _error = $"Fehler bei der Suche: {ex.Message}";
        }
        finally
        {
            _isSearching = false;
        }
    }

    private async Task SubmitRequest()
    {
        if (_searchResult is null || _currentUser is null)
            return;

        _isSubmitting = true;
        _error = null;

        try
        {
            var success = await UserService.RequestClubMembershipAsync(
                _currentUser.ProfileId,
                _searchResult.Id);

            if (success)
            {
                _requestSent = true;
                Snackbar.Add("Beitrittsantrag erfolgreich gesendet", Severity.Success);
            }
            else
            {
                _error = "Der Antrag konnte nicht gesendet werden. Moeglicherweise existiert bereits ein Antrag.";
            }
        }
        catch (Exception ex)
        {
            _error = $"Fehler beim Senden des Antrags: {ex.Message}";
        }
        finally
        {
            _isSubmitting = false;
        }
    }

    private void ResetForm()
    {
        _clubName = "";
        _searchResult = null;
        _searched = false;
        _requestSent = false;
        _error = null;
    }
}