@inject ISnackbar SnackbarService

<ForcedLoadingOverlay Visible="_isLoading"/>

<MudDialog>
    <TitleContent>
        <MudText Typo="Typo.h6">Add new account</MudText>
    </TitleContent>
    <DialogContent>
        <MudStack Spacing="2">
            @if (_showCookieTextImport)
            {
                <MudTextField @bind-Value="@_cookieDomain" Required HelperText="Domain"/>
                <MudTextField AutoGrow @bind-Value="@_cookieText" HelperText="Cookie text" Placeholder="EXAMPLE: Cookie1=Value1; Cookie2=Value2;"/>

                <MudButton Variant="Variant.Outlined" Disabled="@(string.IsNullOrWhiteSpace(_cookieDomain) || string.IsNullOrWhiteSpace(_cookieText))" OnClick="ApplyTextCookies">Apply</MudButton>
            }

            <MudStack Row Spacing="2" AlignItems="AlignItems.Start" Justify="Justify.SpaceEvenly" StretchItems="StretchItems.All">
                <MudStack Spacing="2">
                    <MudTextField Label="UserAgent" Required @bind-Value="@Client.UserAgent"/>
                </MudStack>
                <MudSimpleTable Bordered Dense Elevation="0" Outlined Square Hover>
                    <tbody>
                    <tr>
                        <td>Account id:</td>
                        <td>@Client.Id</td>
                    </tr>
                    <tr>
                        <td>Account name:</td>
                        <td>@Client.AccountName</td>
                    </tr>
                    <tr>
                        <td>Account handle:</td>
                        <td>@Client.AccountHandle</td>
                    </tr>
                    <tr>
                        <td>User agent:</td>
                        <td>@Client.UserAgent</td>
                    </tr>

                    <tr>
                        <td>Logged in:</td>
                        <td style="@($"color: {(Client.ClientState?.LoggedIn ?? false ? "green" : "red")}")">@Client.ClientState?.LoggedIn</td>
                    </tr>
                    <tr>
                        <td>InnerTube API key:</td>
                        <td>@Client.ClientState?.InnertubeApiKey</td>
                    </tr>
                    <tr>
                        <td>InnerTube client version:</td>
                        <td>@Client.ClientState?.InnerTubeClientVersion</td>
                    </tr>
                    <tr>
                        <td>Language:</td>
                        <td>@Client.ClientState?.InnerTubeContext?.InnerTubeClient?.HLanguage</td>
                    </tr>
                    </tbody>
                </MudSimpleTable>
                @if (!string.IsNullOrWhiteSpace(Client.AccountImage))
                {
                    <MudImage Src="@Client.AccountImage" Elevation="0" ObjectFit="ObjectFit.Contain"/>
                }
            </MudStack>

            <MudDataGrid Items="Client.CookieContainer.GetAllCookies()"  Dense Elevation="0" Outlined>
                <Header>
                    <MudStack Class="ma-2">
                        <MudText>Cookies</MudText>
                    </MudStack>
                    <MudStack Row Spacing="2" Class="ma-1">
                        <MudTooltip Text="Add cookie">
                            <MudIconButton Icon="@Icons.Material.Filled.Add" Size="Size.Small" Color="Color.Success" Disabled="_showCookieTextImport" OnClick="AddCookie"/>
                        </MudTooltip>
                        <MudTooltip Text="Add from text">
                            <MudIconButton Icon="@Icons.Material.Filled.InsertDriveFile" Size="Size.Small" Color="Color.Primary" OnClick="ToggleCookieTextImport"/>
                        </MudTooltip>
                    </MudStack>
                </Header>
                <Columns>
                    <TemplateColumn Title="Name">
                        <CellTemplate>
                            <MudTextField Variant="Variant.Text" @bind-Value="@context.Item.Name" Immediate/>
                        </CellTemplate>
                    </TemplateColumn>
                    <TemplateColumn Title="Domain">
                        <CellTemplate>
                            <MudTextField Variant="Variant.Text" @bind-Value="@context.Item.Domain" Immediate/>
                        </CellTemplate>
                    </TemplateColumn>
                    <TemplateColumn Title="Value">
                        <CellTemplate>
                            <MudTextField Variant="Variant.Text" @bind-Value="@context.Item.Value" Immediate/>
                        </CellTemplate>
                    </TemplateColumn>
                    <PropertyColumn Title="Expires" Property="x => x.Expires"/>
                </Columns>
            </MudDataGrid>
        </MudStack>
    </DialogContent>
    <DialogActions>
        <MudStack Spacing="2" Row>
            <MudButton Color="Color.Error" OnClick="() => MudDialog?.Cancel()" Variant="Variant.Outlined">Cancel</MudButton>
            <MudButton Color="Color.Info" Variant="Variant.Outlined" OnClick="ValidateAccount" Disabled="@(!CanValidate())">Validate</MudButton>
            <MudButton Color="Color.Primary" Variant="Variant.Outlined" Disabled="@(!CanSave())" OnClick="OnSave">Save</MudButton>
        </MudStack>
    </DialogActions>
</MudDialog>