@inherits SettingsPanelBase

<ExpansionPanel HeaderIcon="@Icons.Material.Filled.Person4" HeaderText="Configure Profiles">
    <MudText Typo="Typo.h4" Class="mb-3">Your Profiles</MudText>
    <MudJustifiedText Typo="Typo.body1" Class="mb-3">
        Store personal data about yourself in various profiles so that the AIs know your personal context.
        This saves you from having to explain your context each time, for example, in every chat. When you
        have different roles, you can create a profile for each role.
    </MudJustifiedText>

    <MudJustifiedText Typo="Typo.body1" Class="mb-3">
        Are you a project manager in a research facility? You might want to create a profile for your project
        management activities, one for your scientific work, and a profile for when you need to write program
        code. In these profiles, you can record how much experience you have or which methods you like or
        dislike using. Later, you can choose when and where you want to use each profile.
    </MudJustifiedText>
    <MudTable Items="@this.SettingsManager.ConfigurationData.Profiles" Hover="@true" Class="border-dashed border rounded-lg">
        <ColGroup>
            <col style="width: 3em;"/>
            <col/>
            <col style="width: 40em;"/>
        </ColGroup>
        <HeaderContent>
            <MudTh>#</MudTh>
            <MudTh>Profile Name</MudTh>
            <MudTh Style="text-align: left;">Actions</MudTh>
        </HeaderContent>
        <RowTemplate>
            <MudTd>@context.Num</MudTd>
            <MudTd>@context.Name</MudTd>
            <MudTd Style="text-align: left;">
                <MudButton Variant="Variant.Filled" Color="Color.Info" StartIcon="@Icons.Material.Filled.Edit" Class="ma-2" OnClick="() => this.EditProfile(context)">
                    Edit
                </MudButton>
                <MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" Class="ma-2" OnClick="() => this.DeleteProfile(context)">
                    Delete
                </MudButton>
            </MudTd>
        </RowTemplate>
    </MudTable>

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

    <MudButton Variant="Variant.Filled" Color="@Color.Primary" StartIcon="@Icons.Material.Filled.AddRoad" Class="mt-3 mb-6" OnClick="@this.AddProfile">
        Add Profile
    </MudButton>
</ExpansionPanel>