@page "/hotel/mytransfers/{transferId:guid}"
@using AyCode.Core.Enums
@using AyCode.Core.Extensions
@using TIAM.Core.Consts
@using TIAM.Entities.Drivers
@using TIAM.Entities.Transfers
@using TIAM.Models.Dtos.Users
@using TIAM.Resources
@using TIAM.Services
@using TIAMSharedUI.Pages.Components.EditComponents
@using TIAMSharedUI.Shared
@using TIAMSharedUI.Shared.Components.BaseComponents
@using TIAMWebApp.Shared.Application.Interfaces
@using AyCode.Services.Loggers
@using TIAM.Core.Enums
@using TIAMWebApp.Shared.Application.Models.ClientSide.UI.WizardModels
@using TIAMWebApp.Shared.Application.Services
@using TIAMWebApp.Shared.Application.Utility
@using TIAMSharedUI.Pages.User.SysAdmins
@using TIAMSharedUI.Pages.Components
@layout AdminLayout
@inherits BasePageComponent
@inject HttpClient Http
@inject NavigationManager navManager
@inject ITransferDataService transferDataService
@inject IUserDataService UserDataService
@inject SumupService SumUpService
@inject NavigationManager navigationManager
@inject IStringLocalizer<TIAMResources> localizer
@inject IWizardProcessor wizardProcessor
@inject AdminSignalRClient _adminSignalRClient

<PageTitle>@localizer.GetString("MyTransfers.Subtitle")</PageTitle>
<div class="text-center m-5">
    <h1>@localizer.GetString("MyTransfers.Title")</h1>
    <h2 style="font-size:small">@localizer.GetString("MyTransfers.Subtitle")</h2>
</div>
@* 
<DxPopup CssClass="popup-demo-events"
         @bind-Visible="@_popupVisible"
         ShowFooter="true"
         CloseOnEscape="true"
         CloseOnOutsideClick="false"
         ShowCloseButton="false"
         HeaderText="MessageBox"
         Closing="EmailPopupClosing"
         Closed="EmailPopupClosed"
            SizeMode="SizeMode.Large">
    <BodyContentTemplate>
        @{
            if(showResultMessage)
            {
                <h5>@resultMessage</h5>
            }
            else
            {
                <DynamicEditForm Data=@_messageWizardModel
                                 OnSubmit="SubmitForm"
                                 TitleString="New message"
                                 ButtonTextString="Send message"
                                 isEditing="true"
                                 IgnoreReflection=@IgnoreList></DynamicEditForm>
            }
        }
        
    </BodyContentTemplate>
    <FooterContentTemplate Context="Context">
        @{
            if(showResultMessage)
            {
                <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="Ok" Click="CancelCreateClick" />
                </div>
            }
            else
            {
                <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> *@

@if (_isLoading)
{
    <div class="text-center m-5">
        <DxWaitIndicator Visible="true"
                         CssClass="m-auto"
                         AnimationType="WaitIndicatorAnimationType.Spin" />
    </div>

}
else if (!string.IsNullOrEmpty(_errorMessage))
{
    <div class="alert alert-danger">@_errorMessage</div>
}
else
{
    <div class="container mt-4">
        <DxTabs>
            <DxTabPage Visible="@displayCard" Text="Details">


                @if (!_editMode)
                {
                    <section>
                        <div class="container py-4">
                            <div class="row d-flex justify-content-center align-items-center h-100">
                                <div class="col-md-10 col-lg-8 col-xl-6">
                                    <div class="card" style="border-radius: 16px;">
                                        <div class="card-header py-3 px-4">
                                            <div class="d-flex justify-content-between align-items-center">
                                                <div>
                                                    <span class="fw-bold text-body">Transfer identifier: #@_transfer.OrderId</span>
                                                    <p class="text-muted mb-0">@_transfer.ContactPhone</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-body p-4">
                                            <div class="mb-4 pb-2">
                                                <div class="mb-3">
                                                    <h4 class="fw-bold">Passenger: @_transfer.FullName</h4>
                                                    <h5 class="fw-bold">E-mail address: @_transfer.ContactEmail</h5>
                                                    <p class="text-muted">From: @_transfer.FromAddress</p>
                                                    <p class="text-muted">To: @_transfer.ToAddress</p>
                                                    <hr />
                                                    <h5>@_transfer.Appointment.ToString("MMMM dd, yyyy")</h5>
                                                    <h5 class="mb-3 text-muted">@_transfer.Appointment.ToString("hh:mm tt")</h5>
                                                    <p>Passengers: @_transfer.PassengerCount</p>
                                                    <p>Luggage: @_transfer.LuggageCount</p>
                                                    <p>Flight number (optional): @_transfer.FlightNumber</p>
                                                    <hr />
                                                    @{
                                                        if(_drivers.Count < 1)
                                                        {
                                                            <p>No car information available yet</p>
                                                        }
                                                        else
                                                        {
                                                            foreach (var _car in _cars)
                                                            {
                                                                <h4>License plate: @_car.LicencePlate</h4>
                                                                <p class="text-muted">Car looks: @_car.Color, @_car.Manufacture, @_car.CarModel</p>                                                                
                                                            }
                                                        }
                                                    }

                                                    
                                                    <hr />
                                                    <p class="text-muted">Status on: <span class="text-body">@DateTime.Now.ToString("hh:mm tt"), @DateTime.Today.ToString("MMMM dd, yyyy")</span></p>
                                                    <h5 class="text-muted">@Enum.GetName(typeof(TransferStatusType), _transfer.TransferStatusType)</h5>
                                                </div>
                                            </div>
                                            <div class="d-flex justify-content-between align-items-center">
                                                <h4>EUR @_transfer.Price <span class="small text-muted"> </span></h4>
                                            </div>
                                        </div>

                                        <div class="card-footer p-4">
                                            <div class="d-flex justify-content-between align-items-center">
                                                <h5 class="fw-normal mb-0"><a href="#!" class="text-decoration-none">Contact driver</a></h5>
                                                <div class="vr"></div>
                                                @{
                                                    if (_transfer.TransferStatusType != TransferStatusType.UserCanceled)
                                                    {
                                                        <h5 class="fw-normal mb-0"><DxButton RenderStyle="ButtonRenderStyle.Warning" Click="CancelTransfer">Cancel</DxButton></h5>
                                                    }
                                                }
                                                
                                                <div class="vr"></div>
                                                @* @{
                                                    if(_transfer.Price != null || _transfer.Price != 0)
                                                    {
                                                        <DxButton RenderStyle="ButtonRenderStyle.Primary" Click="Pay">Pay</DxButton>
                                                        <div class="vr"></div>
                                                    }
                                                }
                                                 *@
                                                @*<h5 class="fw-normal mb-0"><a class="btn btn-secondary" @onclick="SetEditMode">Modify</a></h5>*@
                                                <h5 class="fw-normal mb-0"><DxButton RenderStyle="ButtonRenderStyle.Secondary" Click="SetEditMode">Modify</DxButton></h5>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                }

                else
                {


                    <section>
                        <div class="container py-1">
                            <div class="row d-flex justify-content-center align-items-center h-100">
                                <div class="col-md-10 col-lg-8 col-xl-6">
                                    <DxFormLayout>
                                        <div class="card card-admin card-stepper" style="border-radius: 16px;">
                                            <div class="card-header py-2 px-4">
                                                <div class="d-flex justify-content-between align-items-center">
                                                    <div>
                                                        <span class="fw-bold text-body">Transfer identifier: @_transfer.Id</span>
                                                        <p class="text-muted">
                                                            <DxFormLayoutItem ColSpanLg="12" CssClass="form-field dxbl-col-12" Caption="Contact Phone">
                                                                <DxTextBox @bind-Text="_transfer.ContactPhone" />
                                                            </DxFormLayoutItem>
                                                        </p>
                                                    </div>
                                                    <div>
                                                        <h6 class="mb-0"> </h6>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="card-body p-4">
                                                <div class="d-flex flex-row mb-4 pb-2">
                                                    <div class="flex-fill">

                                                        <DxFormLayoutItem ColSpanLg="6" CssClass="form-field" Caption="First Name">
                                                            <DxTextBox @bind-Text="_transfer.FirstName" />
                                                        </DxFormLayoutItem>
                                                        <DxFormLayoutItem ColSpanLg="6" CssClass="form-field" Caption="Last Name">
                                                            <DxTextBox @bind-Text="_transfer.LastName" />
                                                        </DxFormLayoutItem>

                                                        <DxFormLayoutItem ColSpanLg="12" CssClass="form-field" Caption="Contact Email">
                                                            <DxTextBox @bind-Text="_transfer.ContactEmail" />
                                                        </DxFormLayoutItem>


                                                        <DxFormLayoutItem ColSpanLg="12" CssClass="form-field" Caption="From Address">
                                                            <DxTextBox @bind-Text="_transfer.FromAddress" />
                                                        </DxFormLayoutItem>

                                                        <DxFormLayoutItem ColSpanLg="12" CssClass="form-field" Caption="To Address">
                                                            <DxTextBox @bind-Text="_transfer.ToAddress" />
                                                        </DxFormLayoutItem>



                                                        <DxFormLayoutItem ColSpanLg="12" CssClass="form-field" Caption="Appointment">
                                                            <DxDateEdit TimeSectionVisible="true" @bind-Date="_transfer.Appointment" />
                                                        </DxFormLayoutItem>
                                                        
                                                        <DxFormLayoutItem ColSpanLg="12" CssClass="form-field" Caption="Passenger Count">
                                                            <DxSpinEdit @bind-Value="_transfer.PassengerCount" />
                                                        </DxFormLayoutItem>

                                                        <DxFormLayoutItem ColSpanLg="12" CssClass="form-field" Caption="Luggage Count">
                                                            <DxSpinEdit @bind-Value="_transfer.LuggageCount" />
                                                        </DxFormLayoutItem>

                                                        <DxFormLayoutItem ColSpanLg="12" CssClass="form-field" Caption="Flight Number">
                                                            <DxTextBox @bind-Text="_transfer.FlightNumber" />
                                                        </DxFormLayoutItem>                                                        
                                                    </div>


                                                </div>
                                                
                                                <div class="d-flex flex-row mb-4 pb-2">
                                                    <DxFormLayoutItem ColSpanLg="12" CssClass="form-field" Caption="Comment">
                                                        <DxMemo @bind-Text="_transfer.Comment" />
                                                    </DxFormLayoutItem>
                                                </div>
                                            </div>
                                            <div class="card-footer p-4">
                                                <div class="d-flex justify-content-between">
                                                    <DxButton Click="@((e) => UpdateTransferEventHandler(e, true))">Save Changes</DxButton>
                                                </div>
                                            </div>
                                        </div>
                                    </DxFormLayout>
                                </div>
                            </div>
                        </div>
                    </section>
                }

            </DxTabPage>
            @* <DxTabPage Visible="@displayCard" Text="Messages">
                <div style="margin-top: 10px; margin-bottom: 10px;">
                    <DxButton Click="() => SendMail(_transfer)" Text="Send a message" RenderStyle="ButtonRenderStyle.Primary" />
                </div>
                <MessageDetailGridComponent ContextId="transferId" IsSenderEmailVisible="false" IsMessageTextVisible="false"></MessageDetailGridComponent>
            </DxTabPage>    *@        
        </DxTabs>
    </div>
}

@code {
    [Parameter] public Guid transferId { get; set; } = Guid.Empty;

    private Transfer _transfer = new Transfer();
    private List<TransferToDriver> _drivers = new List<TransferToDriver>();
    private List<Car> _cars = new List<Car>();
    private bool _isLoading = true;
    private string _errorMessage = string.Empty;

    private bool showResultMessage = false;
    private string resultMessage = string.Empty;
    private List<UserModelDtoDetail> sysAdmins = [];

    private LoggerClient<EditTransfers> _logger = null!;
    private MessageWizardModel _messageWizardModel = new();

    private bool displayCard = true;

    private bool _popupVisible;

    // public List<string> IgnoreList =
    // [
    //     "ReceiverEmailAddress",
    // "ReceiverFullName",
    // "ReceiverId",
    // "SenderEmailAddress",
    // "SenderFullName",
    // "SenderId",
    // "ContextId",
    // "ContextType"
    // ];

    private bool _editMode = false;
    private readonly List<string> _statusTypes = [];

    // void SendMail(Transfer item)
    // {
    //     _logger.Info($"Preparing mail to {item.ContactEmail}, {item.Id}");
    //     _messageWizardModel.Subject = $"[#{item.OrderId}] New message from guest";
    //     _messageWizardModel.ReceiverId = TiamConstClient.SysAccounts["SystemEmailSender"]; 
    //     //get first sysadmin

    //     _messageWizardModel.ReceiverEmailAddress = sysAdmins[0].UserDto.EmailAddress; 
    //     _messageWizardModel.ReceiverFullName = "Admin user";

    //     _messageWizardModel.SenderId = item.UserId;
    //     _messageWizardModel.SenderEmailAddress = TiamConstClient.SystemEmailAddress;

    //     _messageWizardModel.ContextId = item.Id;
    //     _messageWizardModel.ContextType = MessageContextType.Transfer;
    //     _popupVisible = true;
    // }

    // void CancelCreateClick()
    // {
    //     showResultMessage = false;
    //     resultMessage = "";
    //     _popupVisible = false;
    // }

    // void EmailPopupClosed()
    // {
    //     //cancel clicked

    // }

    // void EmailPopupClosing(PopupClosingEventArgs args)
    // {
    //     //myModel = new TransferWizardModel();
    //     _messageWizardModel = new MessageWizardModel();
    // }

    // public async Task SubmitForm(object result)
    // {
    //     var messageModel = (result as MessageWizardModel)!;
    //     _logger.Info(messageModel.Content);
    //     var email = await wizardProcessor.ProcessWizardAsync<MessageWizardModel>(result.GetType(), messageModel);
    //     if(email != null)
    //     {
    //         resultMessage = "Message sent";
    //     }
    //     else
    //     {
    //         resultMessage = $"Something went wrong, please try again later, or contact us by regular email at {TiamConstClient.SystemEmailAddress}!";
    //     }
    //     showResultMessage = true;
    //     _logger.Info($"Submitted nested form: {result.GetType().FullName}");

    // }

    private async Task CancelTransfer()
    {
        _transfer.TransferStatusType = TransferStatusType.UserCanceled;
        var result = await UpdateTransfer(true);
    }

    // private async Task Pay()
    // {
    //     if (_transfer != null)
    //     {
    //         var paymentId = "";
    //         if (_transfer.PaymentId != null)
    //         {
    //             //if we have already
    //             paymentId = _transfer.PaymentId;
    //         }
    //         else
    //         {
    //             //if we have no paymentId yet
    //             paymentId = await SumUpService.CreatePaymentAsync(_transfer);
    //             _transfer.PaymentId = paymentId;
    //             //and save it to Db
    //             var resultTransfer = await UpdateTransfer(false);
    //             if (resultTransfer.PaymentId != null)
    //             {
    //                 _logger.Debug("Added paymentId to Db: " + resultTransfer.PaymentId);
    //             }
    //         }

    //         var checkoutUrl = "sumuppayment/" + paymentId;
    //         Console.WriteLine($"Payment Link: {paymentId}");
    //         navigationManager.NavigateTo(checkoutUrl);
    //     }
    // }

    protected override async Task OnInitializedAsync()
    {

        foreach (var t in Enum.GetValues(typeof(TransferStatusType)).OfType<TransferStatusType>().ToList())
            _statusTypes.Add(t.ToString());

        _logger = new LoggerClient<EditTransfers>(_logWriters.ToArray());
        _logger.Info($"parameter: {transferId.ToString()}");

        await LoadTransfer();
        sysAdmins = await _adminSignalRClient.GetByIdAsync<List<UserModelDtoDetail>>(SignalRTags.GetAllUserModelDtoDetails, TiamConstClient.SysAdmins[0]);
        var test = _transfer.UserId;
        if (!_transfer.UserId.IsNullOrEmpty())
        {
            //get transfer user details
            var transferUser = await UserDataService.GetUserByEmailAsync(_transfer.ContactEmail);
            if(transferUser != null)
            {
                if(_sessionService.IsAuthenticated)
                {
                    if (_sessionService.User != null)
                    {
                        if (transferUser.Id == _sessionService.User.UserId)
                        {
                            //I am logged in, and this is my transfer
                            await UserDataService.SetEmailConfirmed(_transfer.UserId);  

                        }
                        else
                        {
                            //this is not my transfer, if I am not sysadmin, I should not see the transfer details
                            if(!_sessionService.IsSysAdmin || !_sessionService.IsDevAdmin)
                            {
                                displayCard = false;
                            }
                        }
                    }
                }
                else
                {
                    //does a user exist with this userId?
                    await UserDataService.SetEmailConfirmed(transferUser.Id);
                }
            }

        }
    }

    protected override async Task OnParametersSetAsync()
    {
        _logger.Info($"on parameter set: {transferId.ToString()}");
        await base.OnParametersSetAsync();
    }

    private void SetEditMode()
    {
        _editMode = true;
    }

    private async Task LoadTransfer()
    {
        try
        {
            //var response = await transferDataService.GetTransferByIdAsync(transferId);
            var response = await _adminSignalRClient.GetTransferById(transferId);

            if (response != null)
            {
                _transfer = response;
                _drivers = await _adminSignalRClient.GetByIdAsync<List<TransferToDriver>>(SignalRTags.GetTransferDriversByTransferId, _transfer.Id);
                if(_drivers.Count > 0)
                {
                    foreach (var _transferToDriver in _drivers)
                    {
                        _cars.Add(_transferToDriver.Car);
                    }
                    _logger.DebugConditional($"{_drivers.FirstOrDefault().Id}");
                }
            }

            else
            {
                _errorMessage = $"Error loading transfer: {_transfer.Id}";
            }
        }
        catch (Exception ex)
        {
            _errorMessage = $"Exception: {ex.Message}";
        }

        _isLoading = false;
    }

    private async Task UpdateTransferEventHandler(MouseEventArgs e, bool shouldRedirect = false)
    {
        var result = await UpdateTransfer(shouldRedirect);
        if (result != null && shouldRedirect)
            navManager.Refresh(false); // Redirect to a list or another page after successful update
    }

    private async Task<Transfer?> UpdateTransfer(bool shouldRedirect = false)
    {
        try
        {
            // var responseTransfer = await transferDataService.UpdateTransferAsync(_transfer);
            var responseTransfer = await _adminSignalRClient.PostDataAsync<Transfer>(SignalRTags.UpdateTransfer, _transfer);
            if (responseTransfer != null)
            {
                return responseTransfer;
            }
            else
            {
                _errorMessage = $"Error updating transfer: {_transfer.Id}";
                return null;
            }
        }
        catch (Exception ex)
        {
            _errorMessage = $"Exception: {ex.Message}";
            return null;
        }
    }

}