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

<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 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 Text="Messages">
            <MessageDetailGridComponent ContextId="transferId" IsSenderEmailVisible="false" IsSubjectVisible="false"></MessageDetailGridComponent>
                <DxButton Click="() => SendMail(transfer)" Text="Send a message" RenderStyle="ButtonRenderStyle.Primary" />
        </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;

    private MessageWizardModel _messageWizardModel = new();

    private bool _popupVisible;
    private bool _autoCollapseDetailRow;


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

    List<string> StatusTypes = new List<string>();
    private bool editMode = false;

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

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

    private void SetEditMode()
    {
        editMode = true;
    }

    private async Task LoadTransfer()
    {
        try
        {
            var response = await transferDataService.GetTransferByIdAsync(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;
        }
    }
}