<UserControl x:Class="TaskIt.Modules.Settings.Views.SettingsPage"
    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"
    mc:Ignorable="d"    
    xmlns:Infrastructure="clr-namespace:TaskIt.Infrastructure;assembly=TaskIt.Infrastructure" 
    xmlns:CustomControls="clr-namespace:CustomControls;assembly=CustomControls" 
    xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls" 
    d:DesignWidth="640" d:DesignHeight="480">

    <Border Style="{StaticResource PanelContainerStyle}">
        <Border Style="{StaticResource PanelInnerContainerStyle}">
            <telerik:RadDockPanel>
                <telerik:RadDockPanel Style="{StaticResource ToolbarContainerStyle}" telerik:RadDockPanel.Dock="Top">
                    <CustomControls:ImageButton Content="{Binding ResourceCommandSave}" Command="{Binding SaveCommand}" CommandParameter="{Binding EntityType}" ImageSource="{Binding IconSaveUri}"/>
                </telerik:RadDockPanel>
                <Border Style="{StaticResource PageContentContainerStyle}">
                    <telerik:RadDockPanel>
                        <Grid Style="{StaticResource PageContentHeaderStyle}" telerik:RadDockPanel.Dock="Top"/>
                        <CustomControls:ClippingBorder Style="{StaticResource PageContentInnerContainerStyle}" Padding="8" telerik:RadDockPanel.Dock="Bottom">
                            <StackPanel>
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Text="{Binding ResourceHeaderTwitter}" Style="{StaticResource HeaderTextStyle}" VerticalAlignment="Center"/>
                                    <Rectangle Style="{StaticResource LargeSpacerStyle}"/>
                                    <Rectangle Style="{StaticResource StandardSpacerStyle}"/>
                                    <Image Source="{Binding IconTwitterLogoUri}" Stretch="None"/>
                                </StackPanel>
                                <Rectangle Style="{StaticResource StandardSpacerStyle}"/>
                                <CustomControls:FormPanel Infrastructure:ValidationScope.Errors="{Binding ValidationErrors}" telerik:RadDockPanel.Dock="Top">
                                    <CustomControls:FormLabel Text="{Binding ResourceFormLabelName}"/>
                                    <TextBox x:Name="txtName" Text="{Binding TwitterUsername, Mode=TwoWay, NotifyOnValidationError=True, ValidatesOnExceptions=True}"/>
                                    <CustomControls:FormLabel Text="{Binding ResourceFormLabelPassword}"/>
                                    <PasswordBox Password="{Binding TwitterPassword, Mode=TwoWay, NotifyOnValidationError=True, ValidatesOnExceptions=True}"/>
                                </CustomControls:FormPanel>
                                <Rectangle Style="{StaticResource LargeSpacerStyle}"/>
                                <Rectangle Style="{StaticResource StandardSpacerStyle}"/>
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Text="{Binding ResourceHeaderFacebook}" Style="{StaticResource HeaderTextStyle}" VerticalAlignment="Center"/>
                                    <Rectangle Style="{StaticResource LargeSpacerStyle}"/>
                                    <Rectangle Style="{StaticResource StandardSpacerStyle}"/>
                                    <Image Source="{Binding IconFacebookLogoUri}" Stretch="None"/>
                                </StackPanel>
                                <Rectangle Style="{StaticResource StandardSpacerStyle}"/>
                                <CustomControls:FormPanel Infrastructure:ValidationScope.Errors="{Binding ValidationErrors}" telerik:RadDockPanel.Dock="Top">
                                    <CustomControls:FormLabel Text="{Binding ResourceFormLabelName}"/>
                                    <TextBox Text="{Binding FacebookUsername, Mode=TwoWay, NotifyOnValidationError=True, ValidatesOnExceptions=True}"/>
                                    <CustomControls:FormLabel Text="{Binding ResourceFormLabelPassword}"/>
                                    <PasswordBox Password="{Binding FacebookPassword, Mode=TwoWay, NotifyOnValidationError=True, ValidatesOnExceptions=True}"/>
                                </CustomControls:FormPanel>
                            </StackPanel>
                        </CustomControls:ClippingBorder>
                    </telerik:RadDockPanel>
                </Border>
            </telerik:RadDockPanel>
        </Border>
    </Border>

</UserControl>
