<?xml version="1.0" encoding="utf-8"?>
<UserControl x:Class="MyAuth.AccountInfoPanel" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="430" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 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">

  <UserControl.Resources>
    <Style TargetType="TextBlock">
      <Setter Property="HorizontalAlignment" Value="Right" />
      <Setter Property="VerticalAlignment" Value="Center" />
      <Setter Property="Margin" Value="0 0 3 0" />
    </Style>
    <Style TargetType="TextBox">
      <Setter Property="Margin" Value="0 0 0 4" />
    </Style>
    <Style TargetType="PasswordBox">
      <Setter Property="Margin" Value="0 0 0 4" />
    </Style>
    <Style TargetType="Button">
      <Setter Property="Margin" Value="0 0 0 4" />
      <Setter Property="HorizontalAlignment" Value="Right" />
      <Setter Property="Padding" Value="20 4" />
    </Style>
    <Style TargetType="HyperlinkButton">
      <Setter Property="Margin" Value="0 0 0 4" />
      <Setter Property="HorizontalAlignment" Value="Right" />
    </Style>
  </UserControl.Resources>

  <Grid x:Name="LayoutRoot" Background="White">
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="180" />
      <ColumnDefinition Width="250" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
      <RowDefinition Height="auto" />
      <RowDefinition Height="auto" />
      <RowDefinition Height="auto" />
      <RowDefinition Height="auto" />
      <RowDefinition Height="auto" />
      <RowDefinition Height="auto" />
      <RowDefinition Height="auto" />
      <RowDefinition Height="auto" />
      <RowDefinition Height="auto" />
      <RowDefinition Height="auto" />
      <RowDefinition Height="auto" />
    </Grid.RowDefinitions>

    <!-- information -->
    <TextBlock Name="_tbInfo" Grid.ColumnSpan="2" HorizontalAlignment="Left" TextWrapping="Wrap" Text="Use this dialog to change your user name, password, or to log out." />

    <!-- spacer -->
    <TextBlock Grid.Row="1" Grid.Column="1" Height="24" />

    <!-- change name -->
    <TextBlock Grid.Row="2" Text="User name" />
    <TextBox Name="_txtFriendlyName" Grid.Row="2" Grid.Column="1" />
    <HyperlinkButton Name="_btnChangeName" Grid.Row="3" Grid.Column="1" Content="change user name" IsEnabled="False" />

    <!-- spacer -->
    <TextBlock Grid.Row="4" Grid.Column="1" Height="24" />

    <!-- change password -->
    <TextBlock Grid.Row="5" Text="Old password" />
    <PasswordBox Name="_txtOldPassword" Grid.Row="5" Grid.Column="1" />
    <TextBlock Grid.Row="6" Text="New password" />
    <PasswordBox Name="_txtNewPassword" Grid.Row="6" Grid.Column="1" />
    <TextBlock Grid.Row="7" Text="Confirm new password" />
    <PasswordBox Name="_txtNewPassword2" Grid.Row="7" Grid.Column="1" />
    <HyperlinkButton Name="_btnChangePassword" Grid.Row="8" Grid.Column="1" Content="change password" IsEnabled="False" />

    <!-- spacer -->
    <TextBlock Grid.Row="9" Grid.Column="1" Height="24" />

    <!-- log out-->
    <HyperlinkButton Name="_btnLogout" Grid.Row="10" Grid.Column="1" Content="log out" />

  </Grid>
</UserControl>