ProductionPractice_replay/Views/RegistrationPage.axaml

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:vm="using:FinancialManagement.ViewModels"
			 xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d" d:DesignWidth="1600" d:DesignHeight="1080"
             x:Class="FinancialManagement.Views.RegistrationPage"
			 x:DataType="vm:MainWindowViewModel">
	
	<UserControl.Styles>
		<Style Selector="TextBox">
			<Setter Property="FontFamily" Value="{StaticResource Nunito}" />
			<Setter Property="Foreground" Value="#7471E8" />
			<Setter Property="CornerRadius" Value="6" />
			<Setter Property="BorderThickness" Value="0" />
		</Style>
		<Style Selector="TextBlock">
			<Setter Property="FontFamily" Value="{StaticResource NunitoBold}" />
		</Style>
		<Style Selector="Button">
			<Setter Property="FontFamily" Value="{StaticResource NunitoBold}" />
		</Style>
	</UserControl.Styles>
	<Panel Background="#7471E8">
		<StackPanel Orientation="Horizontal">
			<Image
				Source="avares://FinancialManagement/Assets/BackroundFon.png"
				Stretch="Fill"
				HorizontalAlignment="Center"
				VerticalAlignment="Center"
				Width="1550"/>
		</StackPanel>
		<StackPanel
			HorizontalAlignment="Center"
			Orientation="Vertical"
			VerticalAlignment="Center">
			<Border
				HorizontalAlignment="Center"
				VerticalAlignment="Center"
				Grid.Row="0" Grid.Column="1"
				Background="#E3E6FF"
				CornerRadius="10"
				Padding="0 0 0 0"
				Width="644"
				Height="780">
				<StackPanel
					Orientation="Vertical"
					VerticalAlignment="Top"
					Width="550">
					<TextBlock
						FontSize="64"
						Foreground="#000000"
						HorizontalAlignment="Center"
						Margin="30 10 30 40"
						Text="Регистрация"/>
					<TextBox
						FontSize="24"
						Watermark="Имя пользователя"
						Padding="10 20 0 20"
						Margin="0 -20 0 30"
						Text="{Binding RegistrationPageVM.NewUser.Username}"/>
					<TextBox
						FontSize="24"
						Watermark="Логин"
						Padding="10 20 0 20"
						Margin="0 0 0 30"
						Text="{Binding RegistrationPageVM.NewUser.Login}"/>
					<TextBox
						FontSize="24"
						Watermark="Телефон"
						Padding="10 20 0 20"
						Margin="0 0 0 30"
						Text="{Binding RegistrationPageVM.NewUser.Phone}"/>
					<StackPanel HorizontalAlignment="Right">
						<Button
							Background="Transparent"
							FontSize="18"
							Foreground="#7471E8"
							Content="Показать пароль"
							Margin="0 -10 0 -5"
							Command="{Binding ShowHidePasswordRegistration}">
							<Button.Styles>
								<Style Selector="Button:pointerover /template/ ContentPresenter">
									<Setter Property="Background" Value="Transparent"></Setter>
									<Setter Property="Foreground" Value="#30DD6B"></Setter>
								</Style>
							</Button.Styles>
						</Button>
					</StackPanel>
					<TextBox
						FontSize="24"
						Watermark="Пароль"
						PasswordChar="{Binding RegistrationPageVM.PasswordChar}"
						Padding="10 20 0 20"
						Margin="0 0 0 30"
						Text="{Binding RegistrationPageVM.NewUser.Password}"/>
					<TextBox
						FontSize="24"
						Watermark="Повтор пароля"
						PasswordChar="{Binding RegistrationPageVM.PasswordChar}"
						Padding="10 20 0 20"
						Margin="0 0 0 10"
						Text="{Binding RegistrationPageVM.RepeatInputPassword}"/>
					<TextBlock
							FontSize="24"
							Foreground="Red"
							HorizontalAlignment="Center"
							Margin="0 10 0 10"
							Text="{Binding RegistrationPageVM.Message}"/>
					<StackPanel
						Orientation="Horizontal"
						HorizontalAlignment="Center"
						VerticalAlignment="Center">
						<Button
							CornerRadius="10"
							Content="Назад"
							Background="#7471E8"
							Foreground="White"
							FontSize="30"
							Padding="20 10 20 10"
							HorizontalAlignment="Stretch"
							HorizontalContentAlignment="Center"
							Margin="0 0 40 30"
							Command="{Binding ToAuthorizathionPage}">
							<Button.Styles>
								<Style Selector="Button:pointerover /template/ ContentPresenter">
									<Setter Property="Background" Value="#A3A0FB"></Setter>
									<Setter Property="Foreground" Value="White"></Setter>
								</Style>
							</Button.Styles>
						</Button>
						<Button
							CornerRadius="10"
							Content="Зарегистрироваться"
							Background="#7471E8"
							Foreground="White"
							FontSize="30"
							Padding="20 10 20 10"
							HorizontalAlignment="Stretch"
							HorizontalContentAlignment="Center"
							Margin="0 0 0 30"
							Command="{Binding RegistrationInDB}">
							<Button.Styles>
								<Style Selector="Button:pointerover /template/ ContentPresenter">
									<Setter Property="Background" Value="#A3A0FB"></Setter>
									<Setter Property="Foreground" Value="White"></Setter>
								</Style>
							</Button.Styles>
						</Button>
					</StackPanel>
				</StackPanel>
			</Border>
		</StackPanel>
	</Panel>
</UserControl>