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

<h1 class="page-title">Settings</h1>

<div class="card">
    <div class="card-title">Display</div>
    <div class="form-group">
        <label class="form-label">Language</label>
        <select class="form-select" style="width:160px" @bind="_lang" @bind:after="Save">
            <option value="en">English</option>
            <option value="fr">Français</option>
        </select>
    </div>
    <div class="form-group">
        <label class="form-label">Theme</label>
        <select class="form-select" style="width:160px" @bind="_theme" @bind:after="Save">
            <option value="System">System</option>
            <option value="Light">Light</option>
        </select>
    </div>
</div>

<div class="card">
    <div class="card-title">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" />
            Auto-elevate ownership when permission scan is denied
        </label>
    </div>
</div>

<div class="card">
    <div class="card-title">Report Branding</div>
    <div class="form-group">
        <label class="form-label">MSP logo</label>
        <p class="text-muted" style="margin-top:0">Shown top-left on exported HTML reports. The client's logo (top-right) is set per profile.</p>
        <LogoUpload Value="_mspLogo" ValueChanged="OnMspLogoChanged" />
    </div>
</div>

@if (_saved) { <div class="alert alert-success">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;
        _lang = s.Lang;
        _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()
    {
        Session.UpdateSettings(new AppSettings { Lang = _lang, Theme = _theme, AutoTakeOwnership = _autoTakeOwnership, MspLogo = _mspLogo });
        SharepointToolbox.Web.Localization.TranslationSource.Instance.SetCulture(_lang);
        await JS.InvokeVoidAsync("sptb.setTheme", _theme);
        _saved = true;
        StateHasChanged();
        _ = Task.Delay(2000).ContinueWith(_ => { _saved = false; InvokeAsync(StateHasChanged); });
    }
}