@page "/settings"
@attribute [Authorize]
@inject IUserSessionService Session
@inject IJSRuntime JS
@inject TranslationSource T
@rendermode InteractiveServer
@using Microsoft.JSInterop

<h1 class="page-title">@T["tab.settings"]</h1>

<div class="card">
    <div class="card-title">@T["settings.section.display"]</div>
    <div class="form-group">
        <label class="form-label">@T["settings.language"]</label>
        <select class="form-select" style="width:160px" @bind="_lang" @bind:after="Save">
            <option value="en">@T["settings.lang.en"]</option>
            <option value="fr">@T["settings.lang.fr"]</option>
        </select>
    </div>
    <div class="form-group">
        <label class="form-label">@T["settings.theme"]</label>
        <select class="form-select" style="width:160px" @bind="_theme" @bind:after="Save">
            <option value="System">@T["settings.theme.system"]</option>
            <option value="Light">@T["settings.theme.light"]</option>
        </select>
    </div>
</div>

<div class="card">
    <div class="card-title">@T["settings.section.behavior"]</div>
    <div class="form-group">
        <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
            <input type="checkbox" @bind="_autoTakeOwnership" @bind:after="Save" />
            @T["settings.behavior.autoElevate"]
        </label>
    </div>
</div>

<div class="card">
    <div class="card-title">@T["settings.section.branding"]</div>
    <div class="form-group">
        <label class="form-label">@T["settings.logo.title"]</label>
        <p class="text-muted" style="margin-top:0">@T["settings.logo.description"]</p>
        <LogoUpload Value="_mspLogo" ValueChanged="OnMspLogoChanged" />
    </div>
</div>

@if (_saved) { <div class="alert alert-success">@T["settings.saved"]</div> }

@code {
    private string _lang = "en", _theme = "System";
    private bool _autoTakeOwnership, _saved;
    private LogoData? _mspLogo;

    protected override void OnInitialized()
    {
        var s = Session.Settings;
        // Reflect the culture actually resolved for this circuit (cookie-driven), not the
        // possibly-not-yet-loaded persisted setting.
        _lang = System.Globalization.CultureInfo.CurrentUICulture.TwoLetterISOLanguageName == "fr" ? "fr" : "en";
        _theme = s.Theme is "System" or "Light" ? s.Theme : "System";
        _autoTakeOwnership = s.AutoTakeOwnership;
        _mspLogo = s.MspLogo;
    }

    private async Task OnMspLogoChanged(LogoData? logo)
    {
        _mspLogo = logo;
        await Save();
    }

    private async Task Save()
    {
        var langChanged = !string.Equals(Session.Settings.Lang, _lang, StringComparison.Ordinal);
        Session.UpdateSettings(new AppSettings { Lang = _lang, Theme = _theme, AutoTakeOwnership = _autoTakeOwnership, MspLogo = _mspLogo });
        T.SetCulture(_lang);
        await JS.InvokeVoidAsync("sptb.setTheme", _theme);

        // Persisted above. A full reload restarts the circuit; MainLayout then applies the new
        // language (from the just-saved settings) before anything renders.
        if (langChanged)
        {
            await JS.InvokeVoidAsync("location.reload");
            return;
        }

        _saved = true;
        StateHasChanged();
        _ = Task.Delay(2000).ContinueWith(_ => { _saved = false; InvokeAsync(StateHasChanged); });
    }
}