@page "/assistant/translation"
@using AIStudio.Settings
@using AIStudio.Tools
@inherits AssistantBaseCore

<MudField Label="Live translation" Variant="Variant.Outlined" Class="mb-3">
    <MudSwitch T="bool" @bind-Value="@this.liveTranslation" Color="Color.Primary">
        @(this.liveTranslation ? "Live translation" : "No live translation")
    </MudSwitch>
</MudField>

@if (this.liveTranslation)
{
    <MudTextField T="string" @bind-Text="@this.inputText" Validation="@this.ValidatingText" AdornmentIcon="@Icons.Material.Filled.DocumentScanner" Adornment="Adornment.Start" Label="Your input" Variant="Variant.Outlined" Lines="6" AutoGrow="@true" MaxLines="12" Class="mb-3" Immediate="@true" DebounceInterval="1_000" OnDebounceIntervalElapsed="() => this.TranslateText(force: false)" UserAttributes="@USER_INPUT_ATTRIBUTES"/>
}
else
{
    <MudTextField T="string" @bind-Text="@this.inputText" Validation="@this.ValidatingText" AdornmentIcon="@Icons.Material.Filled.DocumentScanner" Adornment="Adornment.Start" Label="Your input" Variant="Variant.Outlined" Lines="6" AutoGrow="@true" MaxLines="12" Class="mb-3" UserAttributes="@USER_INPUT_ATTRIBUTES"/>
}

<MudStack Row="@true" AlignItems="AlignItems.Center" Class="mb-3">
    <MudSelect T="CommonLanguages" @bind-Value="@this.selectedTargetLanguage" Validation="@this.ValidatingTargetLanguage" AdornmentIcon="@Icons.Material.Filled.Translate" Adornment="Adornment.Start" Label="Target language" Variant="Variant.Outlined" Margin="Margin.Dense">
        @foreach (var targetLanguage in Enum.GetValues<CommonLanguages>())
        {
            if (targetLanguage is CommonLanguages.AS_IS)
            {
                <MudSelectItem Value="@targetLanguage">Please select the target language</MudSelectItem>
            }
            else
            {
                <MudSelectItem Value="@targetLanguage">@targetLanguage.Name()</MudSelectItem>
            }
        }
    </MudSelect>
    @if (this.selectedTargetLanguage is CommonLanguages.OTHER)
    {
        <MudTextField T="string" @bind-Text="@this.customTargetLanguage" Validation="@this.ValidateCustomLanguage" Label="Custom target language" Variant="Variant.Outlined" Margin="Margin.Dense" UserAttributes="@USER_INPUT_ATTRIBUTES"/>
    }
</MudStack>

<MudSelect T="Provider" @bind-Value="@this.providerSettings" Validation="@this.ValidatingProvider" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Apps" Margin="Margin.Dense" Label="Provider" Class="mb-3 rounded-lg" Variant="Variant.Outlined">
    @foreach (var provider in this.SettingsManager.ConfigurationData.Providers)
    {
        <MudSelectItem Value="@provider"/>
    }
</MudSelect>

<MudButton Variant="Variant.Filled" Class="mb-3" OnClick="() => this.TranslateText(force: true)">
    Translate
</MudButton>