@using Microsoft.AspNetCore.Authorization
@using Netina.AdminPanel.PWA.Services.RestServices
@using Netina.AdminPanel.PWA.Utilities
@attribute [AllowAnonymous]
@page "/login"

@inject NavigationManager NavigationManager
@inject IRestWrapper RestWrapper
@inject ISnackbar Snackbar
@inject IUserUtility UserUtility


@* <style>
    .mud-input-label {
        background-color: #356859;
        color: #eee !important;
    }

    .secondary-border > .mud-input-control-input-container > .mud-input.mud-input-outlined > input:focus ~ .mud-input-outlined-border {
        border-color: rgba(253, 85, 35, 1);
        color: white !important;
    }

    inpute {
        color: white !important
    }
</style> *@
<div class="bg-[#EEEEEE] flex h-screen w-screen flex-col-reverse overflow-hidden p-0 md:flex-row">
    <div class="flex h-full basis-full bg-white px-4 py-8 md:basis-1/2 md:rounded-tr-none md:rounded-bl-xl md:rounded-tl-xl md:px-10 lg:px-20">
        <MudStack class="mx-auto my-auto">
            <div>
                <MudText Typo="Typo.h5" class="text-center text-lg"><b>ورود با شماره تلفن همراه</b></MudText>
                <MudText Typo="Typo.caption" Align="Align.Center">برای ورود به پنل ادمین شماره تلفن همراه خود را وارد کنید ، میتوانید با رمز عبور نیز وارد شوید</MudText>
            </div>
            @*<p class="mb-3 text-lg font-extrabold sm:mt-6">شماره تلفن شما</p>
            
             <input class="text-[1.8rem] rounded-md border bg-transparent text-center font-extrabold shadow-sm focus:border-teal-500 focus:ring-teal-500 sm:py-3"
                   type="text"
                   maxlength="11"
                   pattern="[0-9]"
                   inputmode="numeric"
                   autocomplete="one-time-code" required> *@

            @if (@ViewModel.PhoneNumberConfirmed)
            {
                <MudTextField T="string" @bind-value="@ViewModel.VerifyCode" Label="کد ارسال شده" Variant="Variant.Outlined" />
            }
            else
            {
                <MudTextField T="string" @bind-Value="@ViewModel.PhoneNumber" Label="شماره تلفن همراه" Variant="Variant.Outlined" />
            }
            
            

            <BaseButtonUi Variant="Variant.Filled" 
                          Icon="@Icons.Material.Outlined.Login" 
                          OnClickCallback="@ViewModel.SubmitAsync"
                          Color="Color.Info" 
                          IsProcessing="@ViewModel.IsProcessing"
                          class="py-3 text-xl" 
                          Content="تایید و ادامه"></BaseButtonUi>
            </MudStack>

    </div>
    <div class="flex h-full basis-full px-4 py-8 md:basis-1/2 md:rounded-tr-none md:rounded-bl-xl md:rounded-tl-xl md:px-10 lg:px-20">
        @if (StatConfigs.IsShop)
        {
            <div class="mx-auto my-auto">
                <dotlottie-player src="https://lottie.host/235bcb2d-0f2c-4f06-9c36-7e6677b82e00/9tGECPkU5J.json"
                                  background="transparent" speed="1" class="mx-auto h-64 w-64 lg:w-96 lg:h-96" loop autoplay />
            
                <MudText Typo="Typo.h5" Align="Align.Center"><b>داشبورد تخصصی وسمه</b></MudText>
                <MudText Align="Align.Center">شما میتوانید با ورود به داشبورد تخصصی نتینا فروشگاه خود را مدیریت کنید </MudText>

            </div>
        }
        else
        {

            <div class="mx-auto my-auto">
                <dotlottie-player src="https://s3.ir-thr-at1.arvanstorage.ir/amir-content/Lotties/SEO-strategy-animation_management.json"
                                  background="transparent" speed="1" class="mx-auto h-64 w-64 lg:w-96 lg:h-96" loop autoplay />

                <MudText Typo="Typo.h5" Align="Align.Center"><b>داشبورد وب سایت شما</b></MudText>
                <MudText Align="Align.Center">شما میتوانید با ورود به داشبورد ، وب سایت خود را مدیریت کنید </MudText>

            </div>
        }

    </div>
</div>
@code {

    public LoginPageViewModel ViewModel { get; set; }
    protected override async Task OnInitializedAsync()
    {
        ViewModel = new LoginPageViewModel(Snackbar,RestWrapper,NavigationManager,UserUtility);
        await ViewModel.InitializeAsync();
        await base.OnInitializedAsync();
    }
}
