<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"
             xmlns:vm="using:MakeMyProject.ViewModels"
             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="750"
             x:Class="MakeMyProject.Views.LoginView"
             x:DataType="vm:LoginViewModel"
             Background="{DynamicResource Background}">

    <Design.DataContext>
        <vm:LoginViewModel />
    </Design.DataContext>

    <UserControl.Styles>
        <StyleInclude Source="/Styles/LoginViewStyles.axaml" />
    </UserControl.Styles>

    <Border Classes="LoginBorder">
        <Grid RowDefinitions="Auto, *">

            <Label Classes="Title" Grid.Row="0" Content="{Binding Title}" />

            <Grid Grid.Row="1" RowDefinitions="Auto,*,*">
                <Border Classes="LoginBorder2" Grid.Row="0">
                    <Grid ColumnDefinitions="Auto, *" RowDefinitions="*,*">

                        <Label Classes="InputLabel" Grid.Column="0" Grid.Row="0" Content="Username" />

                        <TextBox Classes="LoginInput"
                                 Grid.Column="1"
                                 Grid.Row="0"
                                 Text="{Binding Username}"
                                 ToolTip.ShowDelay="500"
                                 ToolTip.Placement="{Binding RelativeSource={RelativeSource Self}}">
                            <ToolTip>
                                <StackPanel>
                                    <Label>Usernames</Label>
                                    <Label>
                                        Username Must Be At Least 8 Characters In Length,
                                        And Must Have At Least 1 Upper Case Letter,
                                        1 Lower Case Letter, And 1 Number.
                                    </Label>
                                </StackPanel>
                            </ToolTip>
                        </TextBox>

                        <Label Classes="InputLabel" Grid.Column="0" Grid.Row="1" Content="Password" />

                        <TextBox Classes="LoginInput"
                                 Grid.Column="1"
                                 Grid.Row="1"
                                 Text="{Binding Password}"
                                 PasswordChar="*"
                                 ToolTip.ShowDelay="500"
                                 ToolTip.Placement="{Binding RelativeSource={RelativeSource Self}}">
                            <ToolTip>
                                <StackPanel>
                                    <Label>Passwords</Label>
                                    <Label>
                                        Password Must Be At Least 8 Characters In Length,
                                        And Must Have At Least 1 Upper Case Letter,
                                        1 Lower Case Letter, 1 Number, And 1 Special
                                        Character Such As: !, @, #, $, %, ^, or _
                                    </Label>
                                </StackPanel>
                            </ToolTip>
                        </TextBox>
                    </Grid>
                </Border>

                <TextBox Classes="Error" Grid.Row="1" IsVisible="{Binding IsError}" Text="{Binding ErrorText}" />

                <TextBox Classes="Success" Grid.Row="1" IsVisible="{Binding Success}" Text="{Binding SuccessText}" />

                <Grid Grid.Row="2" ColumnDefinitions="*,*">

                    <Button Classes="LoginButton" Grid.Column="0" Content="Exit" Command="{Binding Cancel}" />

                    <Button Classes="LoginButton" Grid.Column="1" Content="Login" Command="{Binding Ok}" />
                </Grid>
            </Grid>
        </Grid>
    </Border>

</UserControl>