@inherits SettingsPanelBase

<ExpansionPanel HeaderIcon="@Icons.Material.Filled.Person4" HeaderText="@T("Configure Chat Templates")">
    <MudText Typo="Typo.h4" Class="mb-3">
        @T("Your Chat Templates")
    </MudText>
    <MudJustifiedText Typo="Typo.body1" Class="mb-3">
        @T("Explain chat Templates TODO")
    </MudJustifiedText>
    
    <MudJustifiedText Typo="Typo.body1" Class="mb-3"> 
        @T("Explain chat Templates TODO") 
    </MudJustifiedText>
    <MudTable Items="@this.SettingsManager.ConfigurationData.ChatTemplates" Hover="@true" Class="border-dashed border rounded-lg">
        <ColGroup>
            <col style="width: 3em;"/>
            <col/>
            <col style="width: 20em;"/>
        </ColGroup>
        <HeaderContent>
            <MudTh>#</MudTh>
            <MudTh>@T("Chat Template Name")</MudTh>
            <MudTh>@T("Actions")</MudTh>
        </HeaderContent>
        <RowTemplate>
            <MudTd>@context.Num</MudTd>
            <MudTd>@context.Name</MudTd>
            <MudTd>
                <MudStack Row="true" Class="mb-2 mt-2" Wrap="Wrap.Wrap">
                    <MudTooltip Text="@T("Edit")">
                        <MudIconButton Variant="Variant.Filled" Color="Color.Info" Icon="@Icons.Material.Filled.Edit" OnClick="() => this.EditChatTemplate(context)"/>
                    </MudTooltip> 
                    <MudTooltip Text="@T("Delete")">
                        <MudIconButton Variant="Variant.Filled" Color="Color.Error" Icon="@Icons.Material.Filled.Delete" OnClick="() => this.DeleteChatTemplate(context)"/>
                    </MudTooltip> 
                </MudStack>
            </MudTd>
        </RowTemplate>
    </MudTable>

    @if(this.SettingsManager.ConfigurationData.ChatTemplates.Count == 0)
    {
        <MudText Typo="Typo.h6" Class="mt-3">
            @T("No chat templates configured yet.")
        </MudText>
    }

    <MudButton Variant="Variant.Filled" Color="@Color.Primary" StartIcon="@Icons.Material.Filled.AddRoad" Class="mt-3 mb-6" OnClick="@this.AddChatTemplate">
        @T("Add Chat Template")
    </MudButton>
</ExpansionPanel>