@page "/Login"
@using Mango.Nop.Core.Dtos

<h3>Bejelentkezés</h3>

<div class="row cw-480" style="margin-top: 30px;">
	<div class="col-md-6">
		<DxComboBox Data="@Users"
					@bind-Value="@SelectedUser"
					Text="Select Employee"
					ValueFieldName="@nameof(CustomerDto.Id)"
					TextFieldName="@nameof(CustomerDto.FullName)"
					CssClass="cw-480"
					InputId="cbItemTemplate">
			<ItemDisplayTemplate>
				<div class="combobox-item-template">
					<img src="@GetImageFileName(context.DataItem)" alt="@context.DataItem.Email" />
					<div class="combobox-item-template-text">
						<span>@context.DataItem.FullName</span>
						<span class="combobox-item-template-employee-phone">@context.DataItem.Email</span>
					</div>
				</div>
			</ItemDisplayTemplate>
		</DxComboBox>
	</div>

	<div class="col-md-6">
		<DxTextBox @bind-Text="@PasswordValue"
		           @onkeydown="OnPasswordKeyDown" 
				   Password="true"
				   CssClass="cw-320"
				   ClearButtonDisplayMode="DataEditorClearButtonDisplayMode.Auto"
				   BindValueMode="BindValueMode.OnInput"
				   NullText="Enter password"
				   InputId="tbPassword" />

	</div>

	<div class="row cw-480" style="margin-top: 20px;">
		<div class="col-md-12">
			<DxButton Text="Bejelentkezés"
			          Click="OnLoginClick"
					  CssClass="w-100" />
		</div>
	</div>

	<div class="row cw-480" style="margin-top: 30px;">
		<div class="col-md-12">
			<b>@(LoginModelResponse?.CustomerDto == null ? LoginModelResponse?.ErrorMessage : LoginModelResponse?.CustomerDto.FullName)</b>
		</div>
	</div>

</div>