@page "/Channels"
@inject ILibraryService LibraryService
<PageTitle>Channels</PageTitle>


<MudDialog @bind-Visible="@_addAccountDialogVisible" Options="_dialogOptions">
    <TitleContent>
        <MudText Typo="Typo.h6">Add new account</MudText>
    </TitleContent>
    <DialogContent>
        <MudDataGrid Items="_cookies" 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" OnClick="() => _cookies.Add(new HttpCookie())"/>
                    </MudTooltip>
                    <MudTooltip Text="Add from text">
                        <MudIconButton Icon="@Icons.Material.Filled.InsertDriveFile" Size="Size.Small" Color="Color.Primary" Disabled/>
                    </MudTooltip>
                </MudStack>
            </Header>
            <Columns>
                <TemplateColumn Title="Name">
                    <CellTemplate>
                        <MudTextField Variant="Variant.Text" @bind-Value="@context.Item.Name" Immediate/>
                    </CellTemplate>
                </TemplateColumn>
                <TemplateColumn Title="Value">
                    <CellTemplate>
                        <MudTextField Variant="Variant.Text" @bind-Value="@context.Item.Value" Immediate/>
                    </CellTemplate>
                </TemplateColumn>

                <TemplateColumn>
                    <CellTemplate>
                        <MudTooltip Text="Remove">
                            <MudIconButton Size="Size.Small" Icon="@Icons.Material.Filled.Remove" Color="Color.Error" OnClick="() => _cookies.Remove(context.Item)"/>
                        </MudTooltip>
                    </CellTemplate>
                </TemplateColumn>
            </Columns>
        </MudDataGrid>
    </DialogContent>
    <DialogActions>
        <MudStack Spacing="2" Row>
            <MudButton Color="Color.Error" OnClick="() => _addAccountDialogVisible = false" Variant="Variant.Outlined">Cancel</MudButton>
            <MudButton Color="Color.Primary" Variant="Variant.Outlined" Disabled>Save</MudButton>
        </MudStack>
    </DialogActions>
</MudDialog>

<MudStack Spacing="2">
    <MudPaper Elevation="0" Outlined>
        <MudStack Row Class="ma-2">
            <MudButton IconSize="Size.Small" StartIcon="@Icons.Material.Filled.Add" Variant="Variant.Outlined" OnClick="() => _addAccountDialogVisible = true">Add account</MudButton>
        </MudStack>
    </MudPaper>
    
    <MudTable ServerData="ServerReload">
        <ToolBarContent>
            <MudText Typo="Typo.h6">Channels</MudText>
        </ToolBarContent>
        <HeaderContent>
            <MudTh>Name</MudTh>
            <MudTh>Channel id</MudTh>
            <MudTh>Has login</MudTh>
        </HeaderContent>
        <RowTemplate>
            <MudTd>@context.Name</MudTd>
            <MudTd>@context.Id</MudTd>
            <MudTd>@(context.ClientAccount != null)</MudTd>
        </RowTemplate>
        <NoRecordsContent>
            <MudText>No channels found</MudText>
        </NoRecordsContent>
        <LoadingContent>
            <MudText>Loading...</MudText>
        </LoadingContent>
        <PagerContent>
            <MudTablePager/>
        </PagerContent>
    </MudTable>
</MudStack>