@page "/layers/{id:guid}"
@using DiunaBI.UI.Shared.Services
@using DiunaBI.Application.DTOModels
@using MudBlazor
@inject LayerService LayerService
@inject NavigationManager NavigationManager

<MudCard>
    <MudCardHeader>
        <CardHeaderContent>
            <MudText Typo="Typo.h5">Layer Details</MudText>
        </CardHeaderContent>
        <CardHeaderActions>
            <MudButton Variant="Variant.Text" OnClick="Export">Export</MudButton>
            @if (layer != null && layer.Type == LayerType.Administration)
            {
                <MudButton Variant="Variant.Text" Href="@($"/layers/edit/{layer.Id}/duplicate")">Duplicate</MudButton>
                <MudButton Variant="Variant.Text" Href="@($"/layers/edit/{layer.Id}")">Edit</MudButton>
            }
            @if (layer != null && layer.Type == LayerType.Processed)
            {
                <MudButton Variant="Variant.Text" OnClick="ProcessLayer">Process Layer</MudButton>
            }
        </CardHeaderActions>
    </MudCardHeader>
    <MudCardContent>
        @if (isLoading)
        {
            <MudProgressLinear Color="Color.Primary" Indeterminate="true" />
        }
        else if (layer == null)
        {
            <MudAlert Severity="Severity.Error">Layer not found</MudAlert>
        }
        else
        {
            <MudGrid>
                <MudItem xs="12" md="6">
                    <MudTextField @bind-Value="layer.Name"
                                  Label="Name"
                                  Variant="Variant.Outlined"
                                  ReadOnly="true"
                                  FullWidth="true"/>
                </MudItem>
                <MudItem xs="12" md="6">
                    @if (layer.IsCancelled)
                    {
                        <MudAlert Severity="Severity.Warning" Dense="true">
                            This layer is cancelled. Will not be used in any further processing.
                        </MudAlert>
                    }
                </MudItem>
                <MudItem xs="12" md="6">
                    <MudTextField Value="@layer.CreatedAt.ToString("g")"
                                  Label="Created"
                                  Variant="Variant.Outlined"
                                  ReadOnly="true"
                                  FullWidth="true"
                                  Adornment="Adornment.End"
                                  AdornmentText="@(layer.CreatedBy?.Username ?? "")"/>
                </MudItem>
                <MudItem xs="12" md="6">
                    <MudTextField Value="@layer.ModifiedAt.ToString("g")"
                                  Label="Modified"
                                  Variant="Variant.Outlined"
                                  ReadOnly="true"
                                  FullWidth="true"
                                  Adornment="Adornment.End"
                                  AdornmentText="@(layer.ModifiedBy?.Username ?? "")"/>
                </MudItem>
            </MudGrid>

            <MudDivider Class="my-4"/>

            <MudTable Items="@records"
                      Dense="true"
                      Striped="true"
                      FixedHeader="true"
                      FixedFooter="true"
                      Height="600px">
                <HeaderContent>
                    <MudTh>Code</MudTh>
                    @foreach (var column in displayedColumns)
                    {
                        <MudTh>@column</MudTh>
                    }
                    @if (isEditable)
                    {
                        <MudTh>Actions</MudTh>
                    }
                </HeaderContent>
                <RowTemplate>
                    @if (editingRecordId == context.Id)
                    {
                        <MudTd DataLabel="Code">
                            <MudTextField @bind-Value="editingRecord.Code"
                                          Variant="Variant.Outlined"
                                          Margin="Margin.Dense"
                                          FullWidth="true"/>
                        </MudTd>
                        @foreach (var column in displayedColumns)
                        {
                            @if (column == "Description1")
                            {
                                <MudTd DataLabel="@column">
                                    <MudTextField @bind-Value="editingRecord.Desc1"
                                                  Variant="Variant.Outlined"
                                                  Margin="Margin.Dense"
                                                  FullWidth="true"/>
                                </MudTd>
                            }
                            else
                            {
                                <MudTd DataLabel="@column">@GetRecordValue(context, column)</MudTd>
                            }
                        }
                        <MudTd>
                            <MudIconButton Icon="@Icons.Material.Filled.Check"
                                           Color="Color.Success"
                                           Size="Size.Small"
                                           OnClick="SaveEdit"
                                           Title="Save"/>
                            <MudIconButton Icon="@Icons.Material.Filled.Close"
                                           Color="Color.Default"
                                           Size="Size.Small"
                                           OnClick="CancelEdit"
                                           Title="Cancel"/>
                        </MudTd>
                    }
                    else
                    {
                        <MudTd DataLabel="Code">@context.Code</MudTd>
                        @foreach (var column in displayedColumns)
                        {
                            <MudTd DataLabel="@column">@GetRecordValue(context, column)</MudTd>
                        }
                        @if (isEditable)
                        {
                            <MudTd>
                                <MudIconButton Icon="@Icons.Material.Filled.Edit"
                                               Color="Color.Primary"
                                               Size="Size.Small"
                                               OnClick="() => StartEdit(context)"
                                               Title="Edit"/>
                                <MudIconButton Icon="@Icons.Material.Filled.Delete"
                                               Color="Color.Error"
                                               Size="Size.Small"
                                               OnClick="() => DeleteRecord(context)"
                                               Title="Delete"/>
                            </MudTd>
                        }
                    }
                </RowTemplate>
                <FooterContent>
                    <MudTd><b>Value1 sum</b></MudTd>
                    @foreach (var column in displayedColumns)
                    {
                        @if (column == "Value1")
                        {
                            <MudTd><b>@valueSum.ToString("N2")</b></MudTd>
                        }
                        else
                        {
                            <MudTd></MudTd>
                        }
                    }
                    @if (isEditable)
                    {
                        <MudTd></MudTd>
                    }
                </FooterContent>
            </MudTable>

            @if (isEditable)
            {
                @if (isAddingNew)
                {
                    <MudPaper Class="mt-4 pa-4" Outlined="true">
                        <MudGrid>
                            <MudItem xs="12" md="6">
                                <MudTextField @bind-Value="newRecord.Code"
                                              Label="Code"
                                              Variant="Variant.Outlined"
                                              FullWidth="true"/>
                            </MudItem>
                            <MudItem xs="12" md="6">
                                <MudTextField @bind-Value="newRecord.Desc1"
                                              Label="Description"
                                              Variant="Variant.Outlined"
                                              FullWidth="true"/>
                            </MudItem>
                            <MudItem xs="12" Class="d-flex justify-end">
                                <MudButton Variant="Variant.Filled"
                                           Color="Color.Success"
                                           OnClick="SaveNewRecord"
                                           StartIcon="@Icons.Material.Filled.Check"
                                           Class="mr-2">
                                    Save
                                </MudButton>
                                <MudButton Variant="Variant.Outlined"
                                           Color="Color.Default"
                                           OnClick="CancelAddNew"
                                           StartIcon="@Icons.Material.Filled.Close">
                                    Cancel
                                </MudButton>
                            </MudItem>
                        </MudGrid>
                    </MudPaper>
                }
                else
                {
                    <MudButton Variant="Variant.Outlined"
                               Color="Color.Primary"
                               OnClick="StartAddNew"
                               StartIcon="@Icons.Material.Filled.Add"
                               Class="mt-4">
                        Add New Record
                    </MudButton>
                }
            }
        }
    </MudCardContent>
</MudCard>