<Page
    x:Class="SmartCharging.LoginPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:SmartCharging"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    xmlns:facebookControls="using:Facebook.Client.Controls"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">


    <Grid x:Name="LayoutRoot" Background="#2cdaff">


        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="5"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        
        <Image Grid.Row="0" Source="Assets/splash-half.png" NineGrid="0" IsHoldingEnabled="False" IsHitTestVisible="False" IsDoubleTapEnabled="False" IsRightTapEnabled="False" IsTapEnabled="False" RenderTransformOrigin="0.5,0.5" >
        </Image>
        
        <!--TODO: Content should be placed within the following grid-->
        <Rectangle Grid.Row="1" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Stroke="White" Fill="White" ></Rectangle>
        <Grid Grid.Row="2" x:Name="LoginFormContainer" Background="#ffffff" >
            <Grid.RowDefinitions>
                <RowDefinition Height="2*" />
                <!--username input-->
                <RowDefinition Height="2*"/>
                <!--password input-->
                <RowDefinition Height="2*"/>
                <!--login button-->
                <RowDefinition Height="2*"/>
                <!--social buttons-->
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"></ColumnDefinition>
                <ColumnDefinition Width="3*"></ColumnDefinition>
                <ColumnDefinition Width="3*"></ColumnDefinition>
                <ColumnDefinition Width="*"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <TextBox PlaceholderText="Username" x:Uid="UsernameTextbox" x:Name="UserNameInput" Grid.Row="0" Grid.ColumnSpan="2" Grid.Column="1" Style="{StaticResource TextBoxStyleDefault}"/>
            <PasswordBox x:Name="PasswordInput" x:Uid="Password" PlaceholderText="Password" Grid.Row="1" Grid.ColumnSpan="2" Grid.Column="1"  Style="{StaticResource PasswordBoxStyleDefault}"/>
            <Button x:ConnectionId='1' x:Name="LoginButton" Grid.Row="2" Grid.Column="1" Grid.ColumnSpan="2"  BorderBrush="#FF564966" Content="Login" x:Uid="LoginButton" Foreground="#FF564966" Margin="0" Height="64" Style="{StaticResource ButtonStyleFlat}"                             />
            <!--<toolkit:WatermarkTextBox  Watermark="Username" />
            <toolkit:WatermarkPasswordBox  Watermark="Password" x:Name="PasswordInput" Grid.Row="1" Grid.ColumnSpan="2" Grid.Column="1" VerticalAlignment="Center" Background="#d1d1d1" Margin="0,3" FontSize="16" UseLayoutRounding="True" BorderThickness="0" BorderBrush="#FFFAFAFA" Padding="0,0,0,0" VerticalContentAlignment="Top" Height="100" />-->
            
            <!--<Button x:Name="FacebookLoginButton" Grid.Row="3" Grid.Column="2" Style="{StaticResource ButtonStyleFlat}"  Content="Facebook login" FontSize="14" HorizontalContentAlignment="Right" Padding="0,0,10,0" BorderThickness="0" Margin="3,3,0,3" Tapped="FacebookLoginButton_Tapped">
                <Button.Background>
                    <ImageBrush Stretch="Fill" ImageSource="Assets/fb_login_bg.jpg"/>
                </Button.Background>
            </Button>-->

            <facebookControls:LoginButton x:ConnectionId='2'
                MinWidth="150"
                Grid.Row="3" Grid.Column="1" Grid.ColumnSpan="2" Margin="3,3,0,3"
                x:Name="loginButton"
                HorizontalAlignment="Stretch"                                                       />
            
            <StackPanel Orientation="Horizontal" Grid.Row="4" Grid.RowSpan="2" Grid.Column="1" Grid.ColumnSpan="2" VerticalAlignment="Stretch" HorizontalAlignment="Center" Margin="0,0,0,0">

                <TextBlock Text="" x:Uid="NoAccountTextBlock" Foreground="#666666" FontWeight="SemiBold" FontSize="13" VerticalAlignment="Center" Padding="0,0,5,0" ></TextBlock>
                <TextBlock x:ConnectionId='3'  x:Name="RegisterLink" Foreground="#666666" FontWeight="Bold" FontSize="19"                              VerticalAlignment="Center" Margin="3,0,0,0">
                    <Underline>    Registrati</Underline>
                </TextBlock>
                
            </StackPanel>

        </Grid>

        <ProgressRing x:Name="Loader" IsActive="True" Grid.RowSpan="100" Grid.ColumnSpan="100" Background="#99000000" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" IsHitTestVisible="True" Visibility="Collapsed" Foreground="#FF2CDAFF"/>

    </Grid>
</Page>