<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="900"
             xmlns:vm="using:CheckArticlesForSpam.ViewModels"
			 x:Class="CheckArticlesForSpam.Views.ProfileUser"
			 x:DataType="vm:MainWindowViewModel">
	<UserControl.Styles>

		<Style Selector="TextBox">
			<Setter Property="FontFamily" Value="{StaticResource TextInBox}" />
			<Setter Property="Foreground" Value="#7f5e38"/>
			<Setter Property="CornerRadius" Value="20"/>
			<Setter Property="BorderThickness" Value="0"/>
		</Style>
		<Style Selector="TextBlock">
			<Setter Property="FontFamily" Value="{StaticResource TitleFont}" />
			<Setter Property="Foreground" Value="#7f5e38"/>
		</Style>
		<Style Selector="Button">
			<Setter Property="FontFamily" Value="{StaticResource TitleFont}" />

		</Style>
	</UserControl.Styles>

	<Grid Background="#ebe2d9" RowDefinitions="*" ColumnDefinitions="*, *">
		<StackPanel Orientation="Horizontal">
			<Image
			Grid.Row="0"
			Grid.Column="0"
			Source="avares://CheckArticlesForSpam/Assets/BackgoundStartPage.jpg"
			Stretch="Fill"
			VerticalAlignment="Top"/>
		</StackPanel>
		<Border
			Grid.Row="0"
			Grid.Column="1"
			HorizontalAlignment="Center"
			Background="#ebe2d9"
			Padding="20">
			<StackPanel
				Orientation="Vertical"
				VerticalAlignment="Center"
				Width="400">
				<Image
					Width="150"
					Source="/Assets/account_profile_user_avatar_icon.png"/>
				<TextBox
					HorizontalAlignment="Center"
					FontSize="30"
					Text="{Binding ProfileUserVM.UserName}"
					Margin="0 0 0 20"
					Padding="20 10 20 10"/>
				<StackPanel
					Orientation="Horizontal">
					<TextBlock
						Margin="0 5 0 0"
						FontSize="25"
						Text="ЛОГИН"/>
					<Image
						Width="35"
						Margin="20 0 0 0"
						Source="/Assets/icon_edit_profile.png"/>
				</StackPanel>
				<TextBox
					FontSize="25"
					Watermark="ЛОГИН"
					Padding="10 10 10 10"
					Margin="0 15 0 30"
					Text="{Binding ProfileUserVM.Login}"/>
				<StackPanel
					Orientation="Horizontal">
					<TextBlock
						Margin="0 5 0 0"
						FontSize="25"
						Text="ТЕЛЕФОН"/>
					<Image
						Width="35"
						Margin="20 0 0 0"
						Source="/Assets/icon_edit_profile.png"/>
				</StackPanel>
				<TextBox
					FontSize="25"
					Watermark="ТЕЛЕФОН"
					Padding="10 10 10 10"
					Margin="0 15 0 30"
					Text="{Binding ProfileUserVM.Phone}"/>
				<StackPanel
					Orientation="Horizontal">
					<TextBlock
						Margin="0 15 0 0"
						FontSize="25"
						Text="ПАРОЛЬ"/>
					<Image
						Width="35"
						Margin="20 0 0 0"
						Source="/Assets/icon_edit_profile.png"/>
					<StackPanel HorizontalAlignment="Right">
						<Button
							Background="Transparent"
							Foreground="#7f5e38"
							Content="Показать пароль"
							Margin="140 25 0 -20"
							Command="{Binding ShowHidePasswordProfile}">
							<Button.Styles>
								<Style Selector="Button:pointerover /template/ ContentPresenter">
									<Setter Property="Background" Value="Transparent"></Setter>
									<Setter Property="Foreground" Value="#D8B389"></Setter>
								</Style>
							</Button.Styles>
						</Button>
					</StackPanel>
				</StackPanel>
				<TextBox
					FontSize="25"
					Watermark="ПАРОЛЬ"
					PasswordChar="{Binding ProfileUserVM.PasswordChar}"
					Padding="10 10 10 10"
					Margin="0 15 0 30"
					Text="{Binding ProfileUserVM.Password}"/>
				<TextBlock
					FontSize="24"
					Foreground="Red"
					HorizontalAlignment="Center"
					Text="{Binding ProfileUserVM.Message}"/>
				<StackPanel
					Margin="0 20 0 0"
					Orientation="Horizontal"
					HorizontalAlignment="Center"
					>
					<Button
						CornerRadius="20"
						Content="НАЗАД"
						Background="#7f5e38"
						Foreground="White"
						FontSize="25"
						Padding="20 20 20 20"
						Margin="0 0 30 0"
						Command="{Binding BackToListNotChanges}"
						HorizontalAlignment="Center">
						<Button.Styles>
							<Style Selector="Button:pointerover /template/ ContentPresenter">
								<Setter Property="Background" Value="#D8B389"></Setter>
								<Setter Property="Foreground" Value="White"></Setter>
							</Style>
						</Button.Styles>
					</Button>
					<Button
						CornerRadius="20"
						Content="СОХРАНИТЬ"
						Background="#7f5e38"
						Foreground="White"
						FontSize="25"
						Command="{Binding SaveChangeUserData}"
						Padding="20 20 20 20"
						HorizontalAlignment="Center">
						<Button.Styles>
							<Style Selector="Button:pointerover /template/ ContentPresenter">
								<Setter Property="Background" Value="#D8B389"></Setter>
								<Setter Property="Foreground" Value="White"></Setter>
							</Style>
						</Button.Styles>
					</Button>
				</StackPanel>
			</StackPanel>
		</Border>
	</Grid>
</UserControl>
