@page "/login"
@using BlazorAnimation
@using TIAMWebApp.Shared.Application.Models.PageModels;
@using TIAMSharedUI.Pages.Components;


<PageTitle>Login</PageTitle>

<div class="text-center m-5">
    <h1>Login</h1>
    <h2 style="font-size:small">Good to see you again!</h2>
    </div>


<div class="container mt-3">
    <div class="row d-flex justify-content-center align-items-center h-100">
        <div class="col-12 col-sm-6 px-5">
            <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
            <div class="card glass inputwizardwrapper my-5">

                <div class="wrapper">
                    <div class="my-logo">
                        <img src="_content/TIAMSharedUI/images/png-logo-0.png" alt="">
                    </div>
                    <div class="text-center mt-4 name">
                        @localizer["LoginTitleText"]
                    </div>
                    <form class="p-3 mt-3">
                        <div>
                            @switch (currentStep)
                            {
                                case 1:
                                    <LoginStep1 @bind-LoginModel="loginModel" onLoginNext="GoToNextStep" />
                                    ;
                                    break;

                                case 2:
                                    <LoginStep3 @bind-LoginModel="loginModel" onSubmit="SubmitLogin" onPrev="GoToPreviousStep" />
                                    ;
                                    break;
                            }
                        </div>


                    </form>
                    <p>@currentStep</p>
                    @{
                        if (!loggedIn)
                        {

                            <div>

                                <p>@localizer["LoginEmail"]: @loginModel.Email</p>

                                <p>@loginModel.Password</p>
                            </div>
                        }
                    }
                    <div class="text-center fs-6">
                        No account yet? <a href="register">Sign up here!</a>
                    </div>
                </div>
            </div>
            </Animation>
        </div>
        <div class="col-12 col-sm-6 px-5">
            <Animation Effect="@Effect.FadeInUp" Speed="@Speed.Fast" Delay="@TimeSpan.FromMilliseconds(250)">
                <p>
                    
                    Welcome back to Budapest Airport Transfer Services! We're delighted to have you return to our platform. Please sign in to access your account and manage your bookings effortlessly. If you're new here, feel free to create an account to unlock exclusive benefits and enjoy a seamless booking experience.

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

@code {
    LoginModel loginModel = new LoginModel("test@tiam.hu", "test1234");


}