@page "/user/users"
@using BlazorAnimation
@using TIAM.Core.Enums
@using TIAM.Entities.Products
@using TIAM.Entities.ServiceProviders
@using TIAM.Entities.Transfers
@using TIAM.Entities.Users
@using TIAM.Models.Dtos.Profiles
@using TIAM.Models.Dtos.Users
@using TIAM.Resources
@using TIAMSharedUI.Pages.Components
@using TIAMSharedUI.Shared
@using TIAMWebApp.Shared.Application.Interfaces
@using TIAMWebApp.Shared.Application.Models
@using TIAMWebApp.Shared.Application.Models.ClientSide.UI
@using TIAMWebApp.Shared.Application.Models.ClientSide.UI.WizardModels
@using TIAMWebApp.Shared.Application.Models.ClientSide.Messages
@using TIAMWebApp.Shared.Application.Models.PageModels
@using TIAMWebApp.Shared.Application.Utility
@layout AdminLayout
@inject LogToBrowserConsole logToBrowserConsole
@inject IStringLocalizer<TIAMResources> localizer
@inject ISessionService sessionService
@inject IWizardProcessor wizardProcessor
@inject IUserDataService userDataService
<PageTitle>Transfers</PageTitle>

<div class="text-center m-5">
    <h1>User management</h1>
    <h2 style="font-size:small">Manage transfers here!</h2>
</div>

<DxPopup CssClass="popup-demo-events"
         @bind-Visible="@PopupVisible"
         ShowFooter="true"
         CloseOnEscape="true"
         CloseOnOutsideClick="false"
         ShowCloseButton="false"
         HeaderText="MessageBox"
         Closing="EulaPopupClosing"
         Closed="EulaPopupClosed">
    <BodyContentTemplate>
        <InputWizard Data=@messageWizardModel
                     OnSubmit="SubmitForm"
                     IgnoreReflection=@ignoreList
                     TitleResourceString="NewMessage"
                     SubtitleResourceString="NewMessageSubtitle"
                     SubmitButtonText="ButtonSend"></InputWizard>
    </BodyContentTemplate>
    <FooterContentTemplate Context="Context">
        <div class="popup-demo-events-footer">
            <!--DxCheckBox CssClass="popup-demo-events-checkbox" @bind-Checked="@EulaAccepted">I accept the terms of the EULA</!--DxCheckBox-->
            <!--DxButton CssClass="popup-demo-events-button ms-2" RenderStyle="ButtonRenderStyle.Primary" Text="OK" Click="Context.CloseCallback" /-->
            <DxButton CssClass="popup-demo-events-button ms-2" RenderStyle="ButtonRenderStyle.Secondary" Text="Cancel" Click="CancelCreateClick" />
        </div>
    </FooterContentTemplate>
</DxPopup>

<div class="container">
    <div class="row">
        <div class=" col-12">
            <Animation Effect="@Effect.FadeInUp" Class="glass" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
                <div class="card">
                    <div class="d-flex flex-column mb-4 pb-2">
                        <div class="align-self-end pl-2 pb-2">
                            <DxButton Text="Column Chooser"
                                      RenderStyle="ButtonRenderStyle.Secondary"
                                      IconCssClass="btn-column-chooser"
                                      Click="ColumnChooserButton_Click" />
                        </div>

                        <DxGrid @ref="Grid"
                                Data="UserData"
                                AutoCollapseDetailRow="AutoCollapseDetailRow"
                                KeyboardNavigationEnabled="true"
                                CustomizeElement="Grid_CustomizeElement"
                                CustomizeEditModel="Grid_CustomizeEditModel"
                                EditModelSaving="Grid_EditModelSaving"
                                DataItemDeleting="Grid_DataItemDeleting"
                                EditMode="GridEditMode.EditForm"
                                ColumnResizeMode="GridColumnResizeMode.NextColumn"
                                ShowFilterRow="true"
                                KeyFieldName="Id">

                            <Columns>
                                <DxGridCommandColumn NewButtonVisible="false" Width="8%" FixedPosition="GridColumnFixedPosition.Left" />
                                <DxGridDataColumn FieldName="Id" ShowInColumnChooser="false" SortIndex="0" Visible="false" />
                                <DxGridDataColumn FieldName="Profile.FullName" />                                
                                <DxGridDataColumn FieldName="UserDto.PhoneNumber" />
                                <DxGridDataColumn FieldName="UserDto.Created" />
                                <DxGridDataColumn FieldName="UserDto.EmailConfirmed" />
                                <DxGridDataColumn FieldName="UserDto.RefferalId" />
                                <DxGridDataColumn FieldName="UserDto.EmailAddress">
                                    <CellDisplayTemplate>
                                        @{
                                            var keyField = context.Value;
                                            var keyItem = (UserModelDtoDetail)context.DataItem;  
                                            
                                            string buttonText = "Contact";
                                            <DxButton Click="() => SendMail(keyItem)" Text="@buttonText" RenderStyle="ButtonRenderStyle.Primary" />
                                        }
                                    </CellDisplayTemplate>
                                    </DxGridDataColumn>                                
                            </Columns>
                            <DetailRowTemplate>
                                <UserGrid_MasterDetail_NestedGrid_UserProductMapping Customer="(UserModelDtoDetail)context.DataItem" KeyboardNavigationEnabled="true" />
                            </DetailRowTemplate>
                            <EditFormTemplate Context="EditFormContext">
                                @{
                                    var transfer2 = (UserModelDtoDetail)EditFormContext.EditModel;
                                }
                                <DxFormLayout CssClass="w-100">
                                    <DxFormLayoutItem Caption=@localizer.GetString(ResourceKeys.EmailAddress) ColSpanMd="4">
                                        @EditFormContext.GetEditor("UserDto.EmailAddress")
                                    </DxFormLayoutItem>
                                    <DxFormLayoutItem Caption=@localizer.GetString(ResourceKeys.EmailAddress) ColSpanMd="4">
                                        @EditFormContext.GetEditor("UserDto.EmailAddress")
                                    </DxFormLayoutItem>
                                    <DxFormLayoutItem Caption=@localizer.GetString(ResourceKeys.ConfirmEmail) ColSpanMd="4">
                                        @EditFormContext.GetEditor("UserDto.EmailConfirmed")
                                    </DxFormLayoutItem>
                                    <DxFormLayoutItem Caption=@localizer.GetString(ResourceKeys.PhoneNumber) ColSpanMd="4">
                                        @EditFormContext.GetEditor("UserDto.PhoneNumber")
                                    </DxFormLayoutItem>
                                    <DxFormLayoutItem Caption=@localizer.GetString(ResourceKeys.FirstName) ColSpanMd="4">
                                        @EditFormContext.GetEditor("Profile.FirstName")
                                    </DxFormLayoutItem>
                                    <DxFormLayoutItem Caption=@localizer.GetString(ResourceKeys.LastName) ColSpanMd="4">
                                        @EditFormContext.GetEditor("Profile.LastName")
                                    </DxFormLayoutItem>
                                    

                                </DxFormLayout>
                            </EditFormTemplate>


                        </DxGrid>

                    </div>

                </div>
            </Animation>
        </div>

        <div class=" col-12 col-xl-6">
        </div>

    </div>
</div>

@code {
    public UserModelDtoDetail myModel = new UserModelDtoDetail();

    public List<UserModelDtoDetail>? UserData { get; set; }

    bool PopupVisible { get; set; }

    IGrid? Grid { get; set; }
    object? MasterGridData { get; set; }
    bool AutoCollapseDetailRow { get; set; }

    public List<string> ignoreList = new List<string>
    {
        "ReceiverEmailAddress",
         "ReceiverId",
         "SenderEmailAddress",
         "SenderId",
         "ContextId"
    };

    public MessageWizardModel messageWizardModel = new MessageWizardModel();




    async void SendMail(UserModelDtoDetail Item)
    {
        var user = await userDataService.GetUserDetailByIdAsync(Item.Id);
        logToBrowserConsole.LogToBC($"Sending mail to {user.UserDto.EmailAddress}");

        messageWizardModel.ReceiverId = user.Id;
        messageWizardModel.ReceiverEmailAddress = user.UserDto.EmailAddress;
        messageWizardModel.SenderId = sessionService.User.UserId;
        messageWizardModel.SenderEmailAddress = sessionService.User.Email;        
        logToBrowserConsole.LogToBC($"Sending mail to {messageWizardModel.ReceiverEmailAddress} from {messageWizardModel.SenderId}");
        PopupVisible = true;
    }

    void CancelCreateClick()
    {

        PopupVisible = false;
    }
    void EulaPopupClosed()
    {
        //cancel clicked

    }
    void EulaPopupClosing(PopupClosingEventArgs args)
    {
        //myModel = new TransferWizardModel();
        messageWizardModel = new MessageWizardModel();
    }

    //-----------------------------------------------------------------------------------


    public async Task SubmitForm(object Result)
    {
        var email = await wizardProcessor.ProcessWizardAsync<MessageWizardModel>(Result.GetType(), Result);

        logToBrowserConsole.LogToBC($"Submitted nested form: {Result.GetType().FullName}");
    }

    void Grid_CustomizeElement(GridCustomizeElementEventArgs e)
    {
        if (e.ElementType == GridElementType.DataRow && e.VisibleIndex % 2 == 1)
        {
            e.CssClass = "bg-alt";
        }
        if (e.ElementType == GridElementType.HeaderCell)
        {
            e.Style = "background-color: rgba(0, 0, 0, 0.08); font-style=bold";

        }
    }


    void Grid_CustomizeEditModel(GridCustomizeEditModelEventArgs e)
    {
        if (e.IsNew)
        {
            var userEditModel = (UserModelDtoDetail)e.EditModel; //TODO not valid cast
            userEditModel.Id = Guid.NewGuid();

            userEditModel.UserDto = new UserDtoDetail();
            userEditModel.UserDto.AffiliateId = Guid.NewGuid();
            userEditModel.UserDto.EmailAddress = "";
            userEditModel.UserDto.PhoneNumber = "";
            userEditModel.Profile = new ProfileDto();
            userEditModel.Profile.Name = "New user";

            userEditModel.Products = new List<Product>();

            userEditModel.ServiceProviders = new List<TiamServiceProvider>();

            userEditModel.UserProductMappings = new List<UserProductMapping>();                       
        }
    }

    async Task Grid_EditModelSaving(GridEditModelSavingEventArgs e)
    {
        if (e.IsNew)
        {
            //add new orderData to orderData array
            RegistrationModel registration = new RegistrationModel();
            //TODO: Refractor to userDataService
            Random random = new Random();
            string chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";
            string password = new string(Enumerable.Repeat(chars, 10)
              .Select(s => s[random.Next(s.Length)]).ToArray());

            registration.Email = ((UserModelDtoDetail)e.EditModel).UserDto.EmailAddress;
            registration.PhoneNumber = ((UserModelDtoDetail)e.EditModel).UserDto.PhoneNumber;
            registration.Password = password;
            registration.ReferralId = null;


            await userDataService.CreateGuestUser(registration);
            logToBrowserConsole.LogToBC("New user created added");
        }
        else
        {
            logToBrowserConsole.LogToBC("orderData updated at id " + ((UserModelDtoDetail)e.EditModel).Id);

            //await transferDataService.UpdateTransferAsync((TransferWizardModel)e.EditModel);
            //modify transferData where transferData.Id == e.EditModel.Id
        }
        //get transfer from TransferData by Id

        // foreach (var transferToModify in (List<Transfer>)TransferData)
        // {
        //     myModel = (Transfer)e.EditModel;

        //     if (transferToModify.Id == myModel.Id)
        //     {
        //         //transferToModify.Driver = myModel.Driver;
        //     }
        // }

        await UpdateDataAsync();
    }
    async Task Grid_DataItemDeleting(GridDataItemDeletingEventArgs e)
    {
        //await NwindDataService.RemoveEmployeeAsync((EditableEmployee)e.DataItem);
        //remove orderData from orderData array
        logToBrowserConsole.LogToBC("orderData deleted");
        //await UpdateDataAsync();
    }
    async Task UpdateDataAsync()
    {
        //refresh grid
        UserData = await userDataService.GetUsersWithDetailsAsync();
        logToBrowserConsole.LogToBC("orderData grid refreshed");
    }

    protected override async Task OnInitializedAsync()
    {        
        UserData = (await userDataService.GetUsersWithDetailsAsync())?.OrderBy(x => x.Profile?.Name).ToList();
        base.OnInitialized();
    }

    void ColumnChooserButton_Click()
    {
        Grid?.ShowColumnChooser();
    }   

    protected override void OnAfterRender(bool firstRender)
    {
        if (firstRender)
        {
            Grid?.ExpandDetailRow(0);
        }
    }
    void AutoCollapseDetailRow_Changed(bool newValue)
    {
        AutoCollapseDetailRow = newValue;
        if (newValue)
        {
            Grid?.BeginUpdate();
            Grid?.CollapseAllDetailRows();
            Grid?.ExpandDetailRow(0);
            Grid?.EndUpdate();
        }
    }
}