<UserControl x:Class="FasdDesktopUi.Basics.UserControls.LoginMask"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:FasdDesktopUi.Basics.UserControls"
             xmlns:ico="clr-namespace:FasdDesktopUi.Basics.UserControls.AdaptableIcon;assembly=F4SD-AdaptableIcon"
             x:Name="LoginMaskUc"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <Grid>

        <Border Padding="10"
                CornerRadius="10"
                Background="{DynamicResource BackgroundColor.Menu.Categories}" >

            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="*" MinWidth="300" />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition />
                </Grid.RowDefinitions>

                <Label Grid.Row="0"                       
                       Target="{Binding ElementName=UserNameInput}"
                       Content="Name :"/>

                <TextBox x:Name="UserNameInput"
                         Text="{Binding ElementName=LoginMaskUc, Path=UserName}"
                         Grid.Row="0"
                         Grid.Column="1"
                         Background="Transparent"
                         BorderBrush="{StaticResource Color.SoftContrast}"
                         BorderThickness="0 0 0 1"
                         VerticalAlignment="Center"
                         Padding="3"/>

                <Label Grid.Row="1"
                       Target="{Binding ElementName=PasswordInput}"
                       Content="Password: "/>

                <PasswordBox x:Name="PasswordInput"                             
                             Grid.Row="1"
                             Grid.Column="1"
                             Background="Transparent"
                             BorderBrush="{StaticResource Color.SoftContrast}"
                             BorderThickness="0 0 0 1"
                             VerticalAlignment="Center"
                             Padding="3"/>

                <TextBox x:Name="PasswordInputVisible"
                         Text="{Binding ElementName=PasswordInput, Path=Password, UpdateSourceTrigger=PropertyChanged}"                         
                         Grid.Row="1"
                         Grid.Column="1"
                         Background="Transparent"
                         BorderBrush="{StaticResource Color.SoftContrast}"
                         BorderThickness="0 0 0 1"
                         VerticalAlignment="Center"
                         Padding="3"
                         Visibility="Collapsed" />

                <ico:AdaptableIcon x:Name="ShowPasswordIcon"
                                   Grid.Row="1"
                                   Grid.Column="1"
                                   Style="{DynamicResource SettingsPage.Close.Icon}"
                                   HorizontalAlignment="Right"
                                   IconHeight="25"
                                   IconWidth="25"
                                   MouseLeftButtonUp="ShowPasswordIcon_MouseLeftButtonUp"
                                   TouchDown="ShowPasswordIcon_TouchDown"
                                   SelectedMaterialIcon="ic_remove_red_eye" />

                <StackPanel Grid.Row="2"
                            Grid.ColumnSpan="3"
                            Orientation="Horizontal"
                            HorizontalAlignment="Center">
                    <StackPanel.Resources>
                        <Style TargetType="ico:AdaptableIcon">
                            <Setter Property="Cursor"
                                    Value="Hand" />
                            <Setter Property="BorderPadding"
                                    Value="2.5" />
                            <Setter Property="Margin"
                                    Value="10" />

                            <EventSetter Event="MouseLeftButtonUp"
                                         Handler="DialogButton_MouseLeftButtonUp" />
                            <EventSetter Event="TouchDown"
                                         Handler="DialogButton_TouchDown" />


                            <Style.Triggers>
                                <Trigger Property="IsMouseOver"
                                         Value="True">
                                    <Setter Property="BorderPadding"
                                            Value="0" />
                                </Trigger>
                            </Style.Triggers>
                        </Style>
                    </StackPanel.Resources>

                    <ico:AdaptableIcon Tag="Confirm"
                                       SecondaryIconColor="{StaticResource Color.Green}"
                                       IconHeight="40"
                                       IconWidth="40"
                                       SelectedInternIcon="status_good" />

                    <ico:AdaptableIcon Tag="Cancle"
                                       PrimaryIconColor="{StaticResource Color.Red}"
                                       IconHeight="35"
                                       IconWidth="35"
                                       SelectedInternIcon="window_close" />
                </StackPanel>

            </Grid>

        </Border>

    </Grid>
</UserControl>
