chapter-organizer/WebApp/Components/Pages/ChapterSettings.razor

@page "/settings/chapter"
@attribute [Authorize(Roles = AuthRoles.Administrator)]
@using WebApp.Authentication
@using WebApp.Models
@using WebApp.Components.Shared.Components
@using WebApp.Services
@using Core.Models
@inject IConfiguration Configuration
@inject IChapterSettingsWriter ChapterSettingsWriter

@rendermode InteractiveServer

<PageHeader
    Title="Chapter Settings"
    Description="Configure chapter information. Changes take effect on next application restart." />

<MudContainer MaxWidth="MaxWidth.Large" Class="mt-4">

    @if (_settings != null)
    {
        <MudPaper Class="pa-6 mb-4">
            <MudText Typo="Typo.h5" Class="mb-4">Basic Information</MudText>
            <MudGrid>
                <MudItem xs="12" md="8">
                    <MudTextField @bind-Value="_settings.Name"
                                Label="Chapter Name"
                                Variant="Variant.Outlined"
                                HelperText="Full chapter name"
                                Required="true" />
                </MudItem>
                <MudItem xs="12" md="4">
                    <MudTextField @bind-Value="_settings.ShortName"
                                Label="Short Name"
                                Variant="Variant.Outlined"
                                HelperText="Abbreviation (e.g., YCN)"
                                MaxLength="10"
                                Required="true" />
                </MudItem>
                <MudItem xs="12" md="6">
                    <MudTextField @bind-Value="_settings.CompetitionYear"
                                Label="Competition Year"
                                Variant="Variant.Outlined"
                                HelperText="Year of competition (e.g., 2026)"
                                MaxLength="4"
                                Required="true" />
                </MudItem>
                <MudItem xs="12" md="6">
                    <MudSelect T="SchoolLevel?" @bind-Value="_settings.SchoolLevel"
                               Label="School Level"
                               Variant="Variant.Outlined"
                               HelperText="Filter event occurrences by school level (leave empty to import both MS and HS)">
                        <MudSelectItem T="SchoolLevel?" Value="null">Both (MS and HS)</MudSelectItem>
                        <MudSelectItem T="SchoolLevel?" Value="@SchoolLevel.MiddleSchool">Middle School (MS)</MudSelectItem>
                        <MudSelectItem T="SchoolLevel?" Value="@SchoolLevel.HighSchool">High School (HS)</MudSelectItem>
                    </MudSelect>
                </MudItem>
            </MudGrid>
        </MudPaper>

        <MudPaper Class="pa-6 mb-4">
            <MudText Typo="Typo.h5" Class="mb-4">Chapter IDs</MudText>
            <MudGrid>
                <MudItem xs="12" md="4">
                    <MudTextField @bind-Value="_settings.NationalId"
                                Label="National ID"
                                Variant="Variant.Outlined"
                                HelperText="4-digit national chapter ID"
                                MaxLength="4" />
                </MudItem>
                <MudItem xs="12" md="4">
                    <MudTextField @bind-Value="_settings.StateId"
                                Label="State ID"
                                Variant="Variant.Outlined"
                                HelperText="5-digit state chapter ID"
                                MaxLength="5" />
                </MudItem>
                <MudItem xs="12" md="4">
                    <MudTextField @bind-Value="_settings.RegionalId"
                                Label="Regional ID"
                                Variant="Variant.Outlined"
                                HelperText="5-digit regional chapter ID"
                                MaxLength="5" />
                </MudItem>
            </MudGrid>
        </MudPaper>

        <MudPaper Class="pa-6">
            <MudGrid>
                <MudItem xs="12">
                    <MudButton Variant="Variant.Filled"
                             Color="Color.Primary"
                             StartIcon="@Icons.Material.Filled.Save"
                             OnClick="SaveSettings"
                             Disabled="_isSaving">
                        @if (_isSaving)
                        {
                            <MudProgressCircular Class="mr-2" Size="Size.Small" Indeterminate="true" />
                            <span>Saving...</span>
                        }
                        else
                        {
                            <span>Save Settings</span>
                        }
                    </MudButton>
                </MudItem>
            </MudGrid>
        </MudPaper>

        @if (!string.IsNullOrEmpty(_statusMessage))
        {
            <MudAlert Severity="@_statusSeverity" Class="mt-4">@_statusMessage</MudAlert>
        }
    }
    else
    {
        <MudProgressCircular Indeterminate="true" />
    }
</MudContainer>

@code {
    private Models.ChapterSettings? _settings;
    private bool _isSaving;
    private string? _statusMessage;
    private Severity _statusSeverity = Severity.Success;

    protected override void OnInitialized()
    {
        _settings = Configuration.GetSection("ChapterSettings").Get<Models.ChapterSettings>()
                  ?? new Models.ChapterSettings();
    }

    private async Task SaveSettings()
    {
        if (_settings == null) return;

        _isSaving = true;
        _statusMessage = null;

        try
        {
            await ChapterSettingsWriter.WriteAsync(_settings);
            _statusMessage = "Settings saved successfully! Changes will take effect on next application restart.";
            _statusSeverity = Severity.Success;
        }
        catch (Exception ex)
        {
            _statusMessage = $"Error saving settings: {ex.Message}";
            _statusSeverity = Severity.Error;
        }
        finally
        {
            _isSaving = false;
        }
    }
}