@page "/mytransfers/{transferId:guid}"
@using AyCode.Core.Extensions
@using TIAM.Entities.Transfers
@using TIAM.Resources
@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
@inherits BasePageComponent
@inject HttpClient Http
@inject NavigationManager navManager
@inject IEnumerable<IAcLogWriterClientBase> LogWriters
@inject ITransferDataService transferDataService
@inject IUserDataService UserDataService
@inject SumupService SumUpService
@inject NavigationManager navigationManager
@inject IStringLocalizer<TIAMResources> localizer
@inject IWizardProcessor wizardProcessor
@inject AdminSignalRClient _adminSignalRClient

<PageTitle>Transfer details</PageTitle>
<div class="text-center m-5">
    <h1>Transfer details</h1>
    <h2 style="font-size:small">Manage your transfer 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="@localizer.GetString("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>

@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.Id</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>
                                                    <h4 class="fw-bold">E-mail address: @_transfer.ContactEmail</h4>
                                                    <h5 class="text-muted">From: @_transfer.FromAddress</h5>
                                                    <h5 class="text-muted">To: @_transfer.ToAddress</h5>
                                                    <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 />
                                                    <h3>License plate: POX-382</h3>
                                                    <p class="text-muted">Car looks: Silver, Toyota, Prius</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>
                                                </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>
                                                <h5 class="fw-normal mb-0"><a href="#!" class="text-decoration-none">Cancel</a></h5>
                                                <div class="vr"></div>
                                                <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>
                                            </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>

                                                        <hr />
                                                        <h4>License plate: POX-382</h4>
                                                        <p class="text-muted">Car looks: Silver, Toyota, Prius</p>
                                                        <hr />
                                                        <p class="text-muted">Status on: <span class="text-body">@DateTime.Now.TimeOfDay, @DateTime.Today.Date</span></p>
                                                    </div>


                                                </div>
                                                <!--ul id="progressbar-1" class="mx-0 mt-0 mb-5 px-0 pt-0 pb-4">
                                                    <li class="step0 active" id="step1">
                                                        <span style="margin-left: 22px; margin-top: 12px;">PLACED</span>
                                                    </li>
                                                    <li class="step0 active text-center" id="step2"><span>WAITING FOR PICK UP</span></li>
                                                    <li class="step0 text-muted text-end" id="step3">
                                                        <span style="margin-right: 22px;">ARRIVED</span>
                                                    </li>
                                                </ul-->

                                                <div class="d-flex flex-row mb-4 pb-2">
                                                    <h4> EUR @_transfer.Price <span class="small text-muted"> via (COD) </span></h4>
                                                </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 bool _isLoading = true;
    private string _errorMessage = string.Empty;

    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",
    ];

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

    void SendMail(Transfer item)
    {
        _logger.Info($"Sending mail to {item.ContactEmail}, {item.Id}");

        _messageWizardModel.ReceiverId = item.UserId;
        _messageWizardModel.ContextId = item.Id;
        _messageWizardModel.SenderEmailAddress = "info@touriam.com";
        _messageWizardModel.ReceiverEmailAddress = item.ContactEmail;
        _messageWizardModel.ReceiverFullName = item.FullName;
        _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 messageModel = result as MessageWizardModel;
        messageModel.ContextId = _messageWizardModel.ContextId;
        //messageModel.SenderId = sessionService.User.UserId;

        string FormatEmailContent()
        {
            return $@"
                                <html>
                                <body>
                                    <p>Dear {messageModel.SenderFullName},</p>
                                    <p>{messageModel.Content}:</p>
                                    <p>Best regards,<br/>Tour I Am team</p>
                                </body>
                                </html>";
        }

        messageModel.Content = FormatEmailContent();

        _logger.Info(messageModel.Content);
        var email = await wizardProcessor.ProcessWizardAsync<MessageWizardModel>(result.GetType(), messageModel);

        _logger.Info($"Submitted nested form: {result.GetType().FullName}");
    }

    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();
        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;
                            }
                        }
                    }
                }
            }
            
        }
    }

    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;
            }

            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.NavigateTo("/mytransfers"); // 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);
            if (responseTransfer != null)
            {
                return responseTransfer;
            }
            else
            {
                _errorMessage = $"Error updating transfer: {_transfer.Id}";
                return null;
            }
        }
        catch (Exception ex)
        {
            _errorMessage = $"Exception: {ex.Message}";
            return null;
        }
    }

}