Mango.Nop.Plugins/Nop.Plugin.Misc.AIPlugin/Areas/Admin/Views/Configure/Configure.cshtml

@model Nop.Plugin.Misc.FruitBankPlugin.Areas.Admin.Models.ConfigureModel
@{
    Layout = "_AdminLayout";
    NopHtml.SetActiveMenuItemSystemName("FruitBankPlugin.Configure");
}

<div class="card">
    <div class="card-header">
        <h2>FruitBank AI Plugin - Beállítások</h2>
    </div>
    <div class="card-body">
        <form asp-controller="FruitBankPluginAdmin" asp-action="Configure" method="post">

            <div class="form-group">
                <div class="form-check">
                    <input asp-for="IsEnabled" class="form-check-input" />
                    <label asp-for="IsEnabled" class="form-check-label"></label>
                    <span asp-validation-for="IsEnabled" class="text-danger"></span>
                </div>
            </div>

            <div class="form-group">
                <label asp-for="ApiKey"></label>
                <input asp-for="ApiKey" class="form-control" type="password" placeholder="Adja meg az AI API kulcsot" />
                <span asp-validation-for="ApiKey" class="text-danger"></span>
                <small class="form-text text-muted">A Cerebras API kulcs</small>
            </div>

            <div class="form-group">
                <label asp-for="ModelName"></label>
                <input asp-for="ModelName" class="form-control" placeholder="pl. gpt-3.5-turbo, gpt-4" />
                <span asp-validation-for="ModelName" class="text-danger"></span>
                <small class="form-text text-muted">A Cerebras AI modell neve (pl. gpt-3.5-turbo, gpt-4, claude-3-sonnet)</small>
            </div>
            
            <div class="form-group">
                <label asp-for="OpenAIApiKey"></label>
                <input asp-for="OpenAIApiKey" class="form-control" type="password" placeholder="Adja meg az OpenAI API kulcsot" />
                <span asp-validation-for="OpenAIApiKey" class="text-danger"></span>
                <small class="form-text text-muted">Az OpenAI API kulcs</small>
            </div>

            <div class="form-group">
                <label asp-for="OpenAIModelName"></label>
                <input asp-for="OpenAIModelName" class="form-control" placeholder="pl. gpt-3.5-turbo, gpt-4" />
                <span asp-validation-for="OpenAIModelName" class="text-danger"></span>
                <small class="form-text text-muted">Az OpenAI AI modell neve (pl. gpt-3.5-turbo, gpt-4)</small>
            </div>

            <div class="form-group">
                <label asp-for="ApiBaseUrl"></label>
                <input asp-for="ApiBaseUrl" class="form-control" placeholder="https://api.openai.com/v1" />
                <span asp-validation-for="ApiBaseUrl" class="text-danger"></span>
                <small class="form-text text-muted">A Cerebras API alapcíme (OpenAI, Azure OpenAI, stb.)</small>
            </div>

            <div class="form-group">
                <label asp-for="OpenAIApiBaseUrl"></label>
                <input asp-for="OpenAIApiBaseUrl" class="form-control" placeholder="https://api.openai.com/v1" />
                <span asp-validation-for="OpenAIApiBaseUrl" class="text-danger"></span>
                <small class="form-text text-muted">Az OpenAI API alapcíme (OpenAI, Azure OpenAI, stb.)</small>
            </div>

            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label asp-for="MaxTokens"></label>
                        <input asp-for="MaxTokens" class="form-control" type="number" min="1" max="4000" />
                        <span asp-validation-for="MaxTokens" class="text-danger"></span>
                        <small class="form-text text-muted">Maximum token szám (1-4000)</small>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label asp-for="Temperature"></label>
                        <input asp-for="Temperature" class="form-control" type="number" step="0.1" min="0" max="1" />
                        <span asp-validation-for="Temperature" class="text-danger"></span>
                        <small class="form-text text-muted">Kreativitás (0.0-1.0)</small>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label asp-for="RequestTimeoutSeconds"></label>
                        <input asp-for="RequestTimeoutSeconds" class="form-control" type="number" min="5" max="300" />
                        <span asp-validation-for="RequestTimeoutSeconds" class="text-danger"></span>
                        <small class="form-text text-muted">Időtúllépés másodpercben (5-300)</small>
                    </div>
                </div>
            </div>

            <hr class="my-4" />
            <h5 class="mb-3"><i class="fas fa-file-alt me-2"></i>Z.ai GLM-OCR — Dokumentumfeldolgozás</h5>
            <p class="text-muted small mb-3">
                A GLM-OCR multimodális modell szállítólevelek és rendelési dokumentumok (kép, PDF) strukturált szövegkinyerésére.
                Táblázatokat HTML formátumban ad vissza, amit közvetlenül LLM promptba lehet illeszteni.
                API kulcs igénylése: <a href="https://bigmodel.cn" target="_blank">bigmodel.cn</a> — ingyenes tier elérhető.
            </p>

            <div class="form-group">
                <label asp-for="ZaiApiKey"></label>
                <input asp-for="ZaiApiKey" class="form-control" type="password" placeholder="Adja meg a Z.ai API kulcsot" />
                <span asp-validation-for="ZaiApiKey" class="text-danger"></span>
                <small class="form-text text-muted">Z.ai API kulcs (bigmodel.cn). Üres hagyva a GLM-OCR funkció nem érhető el.</small>
            </div>

            <div class="form-group">
                <label asp-for="ZaiModel"></label>
                <input asp-for="ZaiModel" class="form-control" placeholder="glm-ocr" />
                <span asp-validation-for="ZaiModel" class="text-danger"></span>
                <small class="form-text text-muted">GLM-OCR modell neve. Alapesetben: <code>glm-ocr</code></small>
            </div>

            <div class="form-group">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save"></i> Mentés
                </button>
                <a asp-controller="Plugin" asp-action="List" class="btn btn-secondary">
                    <i class="fas fa-arrow-left"></i> Vissza a pluginokhoz
                </a>
            </div>
        </form>
    </div>
</div>


    <script>
        $(document).ready(function() {
            // Show/hide advanced settings based on IsEnabled
            function toggleAdvancedSettings() {
                var isEnabled = $('#IsEnabled').is(':checked');
                if (isEnabled) {
                    $('.form-group:not(:first)').show();
                } else {
                    $('.form-group:not(:first)').hide();
                }
            }

            $('#IsEnabled').change(toggleAdvancedSettings);
            toggleAdvancedSettings();
        });
    </script>