@page "/settings"
@inject ISettingsService SettingsService
@inject IThemeService ThemeService
@inject IOllamaService OllamaService
@inject NavigationManager Navigation
@inject IJSRuntime JSRuntime
@inject IProjectService ProjectService

<PageTitle>Einstellungen - Author Buddy</PageTitle>

<div class="settings-page">

    <div class="settings-section">
        <h3 class="settings-section-title">Benutzer</h3>
        <div class="form-group">
            <label for="userSelect">Aktiver Benutzer:</label>
            <select id="userSelect" value="@selectedUserId" @onchange="SwitchUser">
                @foreach (var u in users)
                {
                    <option value="@u.Id">@u.Name</option>
                }
            </select>
        </div>
        <div class="form-group">
            <label for="newUserName">Neuer Benutzer:</label>
            <div style="display: flex; gap: 8px;">
                <input id="newUserName" @bind="newUserName" placeholder="Name" style="flex: 1;" />
                <button class="btn btn-secondary" @onclick="AddUser">Hinzufügen</button>
            </div>
        </div>
    </div>

    <div class="settings-layout">

        <div class="settings-column">
            <div class="settings-section">
                <h3 class="settings-section-title">Modelle</h3>
                <div class="form-group">
                    <label for="ragModel">RAG-Modell (Faktenabfrage):</label>
                    <select id="ragModel" @bind="ragModel">
                        @if (availableModels.Count == 0)
                        {
                            <option value="">Keine Modelle gefunden</option>
                        }
                        @foreach (var m in availableModels)
                        {
                            <option value="@m.Name">@m.Name</option>
                        }
                    </select>
                </div>
                <div class="form-group">
                    <label for="styleModel">Stil-Modell (Lektorat):</label>
                    <select id="styleModel" @bind="styleModel">
                        @if (availableModels.Count == 0)
                        {
                            <option value="">Keine Modelle gefunden</option>
                        }
                        @foreach (var m in availableModels)
                        {
                            <option value="@m.Name">@m.Name</option>
                        }
                    </select>
                </div>
                <div class="form-group">
                    <label for="spellingModel">Rechtschreibprüfungs-Modell:</label>
                    <select id="spellingModel" @bind="spellingModel">
                        @if (availableModels.Count == 0)
                        {
                            <option value="">Keine Modelle gefunden</option>
                        }
                        @foreach (var m in availableModels)
                        {
                            <option value="@m.Name">@m.Name</option>
                        }
                    </select>
                </div>
            </div>

            <div class="settings-section">
                <h3 class="settings-section-title">Ollama Server</h3>
                <div class="form-group">
                    <label for="ollamaUrl">Server-URL:</label>
                    <input id="ollamaUrl" @bind="ollamaUrl" placeholder="http://localhost:11434" />
                    <div class="form-hint">Adresse des Ollama-Servers</div>
                </div>
            </div>

            <div class="settings-section">
                <h3 class="settings-section-title">Design</h3>
                <div class="form-group">
                    <label for="themeSelect">Theme:</label>
                    <select id="themeSelect" @bind="selectedTheme">
                        <option value="light">Hell</option>
                        <option value="dark">Dunkel</option>
                        <option value="w95">W95 (Retro)</option>
                    </select>
                </div>
            </div>
        </div>

        <div class="settings-column">
            <div class="settings-section">
                <h3 class="settings-section-title">Lektor-System-Prompt</h3>
                <div class="form-group">
                    <textarea id="lektorPrompt" @bind="lektorPrompt" rows="6"></textarea>
                </div>
            </div>

            <div class="settings-section">
                <h3 class="settings-section-title">Fact-Check-Vorlage</h3>
                <div class="form-group">
                    <textarea id="factCheckTemplate" @bind="factCheckTemplate" rows="6"></textarea>
                </div>
            </div>

            <div class="settings-section">
                <h3 class="settings-section-title">Rechtschreibprüfungs-Prompt</h3>
                <div class="form-group">
                    <textarea id="spellingPrompt" @bind="spellingPrompt" rows="6"></textarea>
                </div>
            </div>
        </div>

        <div class="settings-column">
            <div class="settings-section">
                <h3 class="settings-section-title">Advocatus Diaboli</h3>
                <div class="form-group">
                    <textarea id="advocatusDiaboliPrompt" @bind="advocatusDiaboliPrompt" rows="6"></textarea>
                </div>
            </div>

            <div class="settings-section">
                <h3 class="settings-section-title">Hook-Finder</h3>
                <div class="form-group">
                    <textarea id="hookFinderPrompt" @bind="hookFinderPrompt" rows="6"></textarea>
                </div>
            </div>

            <div class="settings-section">
                <h3 class="settings-section-title">ELI5-Vereinfachung</h3>
                <div class="form-group">
                    <textarea id="eli5Prompt" @bind="eli5Prompt" rows="6"></textarea>
                </div>
            </div>
        </div>

    </div>

    <div class="settings-actions">
        <button class="btn btn-primary" @onclick="SaveSettings">Speichern</button>
        @if (!string.IsNullOrEmpty(statusMessage))
        {
            <span class="settings-status">@statusMessage</span>
        }
    </div>

</div>

@code {
    private string ragModel = "llama3.2";
    private string styleModel = "llama3.2";
    private string spellingModel = "phi3:mini";
    private string selectedTheme = "light";
    private string ollamaUrl = "http://localhost:11434";
    private string lektorPrompt = string.Empty;
    private string factCheckTemplate = string.Empty;
    private string spellingPrompt = string.Empty;
    private string advocatusDiaboliPrompt = string.Empty;
    private string hookFinderPrompt = string.Empty;
    private string eli5Prompt = string.Empty;
    private string newProjectName = string.Empty;
    private string newUserName = string.Empty;
    private string statusMessage = string.Empty;
    private List<LLM_Model> availableModels = new();
    private List<UserEntity> users = new();
    private int selectedUserId;

    protected override async Task OnInitializedAsync()
    {
        users = await SettingsService.GetUsersAsync();
        var current = await SettingsService.GetCurrentUserAsync();
        selectedUserId = current.Id;

        await LoadUserSettings();

        try
        {
            var models = await OllamaService.GetLocalModelsAsync();
            availableModels = models.ToList();
        }
        catch
        {
            availableModels = new();
        }
    }

    private async Task LoadUserSettings()
    {
        ragModel = await SettingsService.GetRagModelAsync() ?? "llama3.2";
        styleModel = await SettingsService.GetStyleModelAsync() ?? "llama3.2";
        spellingModel = await SettingsService.GetSpellingModelAsync() ?? "phi3:mini";
        selectedTheme = await SettingsService.GetThemeAsync() ?? "light";
        ollamaUrl = await SettingsService.GetOllamaUrlAsync() ?? "http://localhost:11434";
        lektorPrompt = await SettingsService.GetLektorSystemPromptAsync() ?? string.Empty;
        factCheckTemplate = await SettingsService.GetFactCheckTemplateAsync() ?? string.Empty;
        spellingPrompt = await SettingsService.GetSpellingPromptAsync() ?? string.Empty;
        advocatusDiaboliPrompt = await SettingsService.GetAdvocatusDiaboliPromptAsync() ?? string.Empty;
        hookFinderPrompt = await SettingsService.GetHookFinderPromptAsync() ?? string.Empty;
        eli5Prompt = await SettingsService.GetEli5PromptAsync() ?? string.Empty;
    }

    private async Task SwitchUser(ChangeEventArgs e)
    {
        var userId = int.Parse(e.Value?.ToString() ?? "0");
        await SettingsService.SetCurrentUserAsync(userId);
        selectedUserId = userId;

        await LoadUserSettings();
    }

    private async Task AddUser()
    {
        if (string.IsNullOrWhiteSpace(newUserName)) return;

        var user = await SettingsService.CreateUserAsync(newUserName);
        users.Add(user);
        newUserName = string.Empty;
        statusMessage = $"Benutzer '{user.Name}' erstellt.";
    }

    private async Task SaveSettings()
    {
        await SettingsService.SaveOllamaUrlAsync(ollamaUrl);
        OllamaService.Reconfigure(ollamaUrl);

        if (!string.IsNullOrWhiteSpace(ragModel))
        {
            var ok = await OllamaService.TestEmbeddingAsync(ragModel);
            if (!ok)
            {
                statusMessage = $"Modell '{ragModel}' unterstützt keine Embeddings. RAG-Modell nicht gespeichert.";
                return;
            }
        }
        await SettingsService.SaveRagModelAsync(ragModel);
        await SettingsService.SaveStyleModelAsync(styleModel);
        await SettingsService.SaveSpellingModelAsync(spellingModel);
        await SettingsService.SaveThemeAsync(selectedTheme);
        await SettingsService.SaveLektorSystemPromptAsync(lektorPrompt);
        await SettingsService.SaveFactCheckTemplateAsync(factCheckTemplate);
        await SettingsService.SaveSpellingPromptAsync(spellingPrompt);
        await SettingsService.SaveAdvocatusDiaboliPromptAsync(advocatusDiaboliPrompt);
        await SettingsService.SaveHookFinderPromptAsync(hookFinderPrompt);
        await SettingsService.SaveEli5PromptAsync(eli5Prompt);

        statusMessage = "Einstellungen gespeichert.";
        await ThemeService.ApplyTheme(selectedTheme);
    }
}