@page "/"
@using AyCode.Interfaces.StorageHandlers;
@using BlazorAnimation
@using TIAMSharedUI.Shared.Components.BaseComponents
@using TIAMWebApp.Shared.Application.Interfaces
@using TIAMWebApp.Shared.Application.Models.ClientSide.UI
@using AyCode.Services.Loggers
@using TIAMSharedUI.Pages.Components;
@using TIAMSharedUI.Shared
@using TIAM.Resources;
@using TIAMWebApp.Shared.Application.Models.ClientSide.UI.WizardModels
@inherits BasePageComponent
@inject NavigationManager NavManager
@inject IUserDataService UserDataService;
@inject IJSRuntime jsRuntime;
@inject ISecureStorageHandler SecureStorageHandler
@inject ISessionService sessionService;
@inject IStringLocalizer<TIAMResources> localizer;
@inject NavigationManager navManager
@inject IAcLogWriterClientBase BrowserConsoleLogWriter
@inject IWizardProcessor WizardProcessor

<PageTitle>Index</PageTitle>

<AuthComponent />

<HeroSlider SliderItems="@sliders" PBottom="50px" Height="30vh"></HeroSlider>
@* <div class="container-fluid" style="position: relative; z-index: 2;">
    <div class="row d-flex justify-content-center">
        <div class="col-12 col-lg-6">
            <div class="card bg-white p-3">
                <InputWizard Data=@myModel
                             OnSubmit="SubmitForm"
                             IgnoreReflection="@TransferIgnorList"
                             SubmitButtonText="ButtonSend"
                             TitleResourceString="TransferTitle"
                             SubtitleResourceString="TransferSubtitle"></InputWizard>
            </div>
        </div>
    </div>

</div> *@


<div class="container-fluid" style="align-content: center;">



    <div class="text-center">

        <h1>@localizer.GetString("Index.Title")</h1>
        <h2>@localizer.GetString("Index.Subtitle")</h2>
    </div>

    <div class="row">

        <NavLink class="nav-link col-md-6 col-lg-4 col-12" href="transfer">
            <Animation Effect="@Effect.FadeIn" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
                <div class="card m-3 my-card text-white">
                    <img class="card-img" src="_content/TIAMSharedUI/images/m_transfer.jpg" alt="Card image">
                    <div class="card-img-overlay">

                        <h3 class="card-title">@localizer.GetString("Index.Transfer")</h3>

                        <p class="card-text">@localizer.GetString("Index.Transfer.Desc")</p>

                    </div>
                </div>
            </Animation>
        </NavLink>
        <NavLink class="nav-link col-md-6 col-lg-4 col-12" href="tours">
            <Animation Effect="@Effect.FadeIn" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
                <div class="card m-3 my-card text-white">
                    <img class="card-img" src="_content/TIAMSharedUI/images/m_tour.jpg" alt="Card image">
                    <div class="card-img-overlay">
                        <h3 class="card-title">@localizer.GetString("Index.Tours")</h3>
                        <p class="card-text">@localizer.GetString("Index.Tours.Desc")</p>

                    </div>
                </div>
            </Animation>
        </NavLink>
        <NavLink class="nav-link col-md-6 col-lg-4 col-12" href="clubcards">
            <Animation Effect="@Effect.FadeIn" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
                <div class="card m-3 my-card text-white">
                    <img class="card-img" src="_content/TIAMSharedUI/images/m_restaurant.jpg" alt="Card image">
                    <div class="card-img-overlay">
                        <h3 class="card-title">@localizer.GetString("Index.Clubcards")</h3>
                        <p class="card-text">@localizer.GetString("Index.Clubcards.Desc")</p>

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

</div>

@code {

    public List<HeroSliderItem> sliders = new List<HeroSliderItem>
    {
        new HeroSliderItem
        {
            Title = "Welcome to TIAM",
            ImageUrl = "https://images.unsplash.com/photo-1551867633-194f125bddfa?auto=format&fit=crop&q=80&w=2070&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
        },
        new HeroSliderItem
        {
            Title = "Welcome to TIAM",
            ImageUrl = "https://images.unsplash.com/photo-1549877452-9c387954fbc2?auto=format&fit=crop&q=80&w=2070&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
        },
        new HeroSliderItem
        {
            Title = "Welcome to TIAM",
            ImageUrl = "https://images.unsplash.com/photo-1507622560124-621e26755fb8?auto=format&fit=crop&q=80&w=2070&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
        }
    };

    public TransferWizardModel myModel = new TransferWizardModel();

    public List<string> TransferIgnorList = new List<string>
    {
           "Id",
    "UserId",    
    "ProductId", 
    "PaymentId",
    "FirstName",
    "LastName",
    "UserProductMappingId",
    "UserProductToCarId",
    "ReferralId",
    "Price",
    "Revenue"
    };

    /*protected override void OnAfterRender(bool isFirst)
        {
        message = " Target destination is " + slider.SliderElementId.ToString();
    }*/

    public async Task SubmitForm(object Result)
    {
        TransferWizardModel transferWizardModel = Result as TransferWizardModel;
        if(sessionService.IsAuthenticated) 
        {
            transferWizardModel.UserId = sessionService.User.UserModelDto.Id;
            transferWizardModel.ProductId = sessionService.User.UserModelDto.Products.FirstOrDefault().Id;
        }
        transferWizardModel.Price = null;
        var transfer = await WizardProcessor.ProcessWizardAsync<TransferWizardModel>(transferWizardModel.GetType(), transferWizardModel);
        BrowserConsoleLogWriter.Info($"Submitted nested form: {Result.GetType().FullName}");
        navManager.NavigateTo("/transfer2/" + transfer.Id);
    }

}