<Page
    x:Class="SmartCharging.SiteOwnerRegistrationPage"
    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:converter="using:SmartCharging.Converter"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Page.Resources>
        <converter:BoolToVisibilityConverter x:Key="BoolToVisibilityConverter" ></converter:BoolToVisibilityConverter>


    </Page.Resources>
    <ScrollViewer ScrollViewer.VerticalScrollBarVisibility="Visible">
        <Grid x:Name="LayoutRoot" VerticalAlignment="Stretch" Background="White">



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

            <Border Grid.Row="0" Background="#2cdaff">
                <local:ImagePicker x:Name="AvatarPicker"></local:ImagePicker>

            </Border>

            <StackPanel Orientation="Vertical" Grid.Row="1" HorizontalAlignment="Stretch" Margin="40,20">

                <ToggleSwitch x:Name="UserTypeToggleSwitch" x:Uid="UserTypeToggleSwitch" OffContent="Utente" OnContent="Gestore Locale" VerticalAlignment="Center" HorizontalAlignment="Right" Padding="0,0,4,0" Foreground="#FF2CDAFF" HorizontalContentAlignment="Left" Style="{StaticResource ToggleSwitchStyleDefault}" Toggled="UserTypeToggleSwitch_Toggled"  />


                <TextBox PlaceholderText="Nome" x:Uid="NameTextBox" x:Name="NameInput"  Style="{StaticResource TextBoxStyleDefault}" Margin="0,5" Padding="10,10" BorderBrush="White" />
                <TextBox PlaceholderText="Cognome" x:Uid="SurnameTextBox"  x:Name="SurnameInput"  Style="{StaticResource TextBoxStyleDefault}" Margin="0,5" Padding="10,10"/>
                <TextBox PlaceholderText="Telefono(opzionale)" x:Uid="PhoneNumberTextBox" x:Name="PhoneNumberInput"  Style="{StaticResource TextBoxStyleDefault}"  Margin="0,7" Padding="10,10"/>
                <TextBox PlaceholderText="Email" x:Uid="EmailTextBox" x:Name="EmailInput"  Style="{StaticResource TextBoxStyleDefault}"  Margin="0,5" Padding="10,10"/>
                <TextBox PlaceholderText="Username" x:Name="UsernameInput" x:Uid="UsernameTextBox"  Style="{StaticResource TextBoxStyleDefault}"  Margin="0,5" Padding="10,10"/>
                <PasswordBox x:Name="PasswordInput" PlaceholderText="Password"  x:Uid="Password" Style="{StaticResource PasswordBoxStyleDefault}" Margin="0,5" Padding="10,10"/>

                <Border HorizontalAlignment="Stretch" Visibility="{Binding ElementName=UserTypeToggleSwitch, Path=IsOn, Converter={StaticResource BoolToVisibilityConverter}}"  Margin="-38,25" Height="2" Background="#FF2CDAFF" BorderBrush="#FF2CDAFF"></Border>


                <TextBox PlaceholderText="Nome locale" x:Uid="SiteNameTextBox" x:Name="SiteNameInput"  Style="{StaticResource TextBoxStyleDefault}"  Margin="0,5" Padding="10,10" Visibility="{Binding ElementName=UserTypeToggleSwitch, Path=IsOn, Converter={StaticResource BoolToVisibilityConverter}}"/>
                <TextBox PlaceholderText="Descrizione locale" x:Uid="SiteDescriptionTextBox" x:Name="SiteDescriptionInput"  Style="{StaticResource TextBoxStyleDefault}"  Margin="0,5" Padding="10,10" Height="150" TextWrapping="Wrap" Visibility="{Binding ElementName=UserTypeToggleSwitch, Path=IsOn, Converter={StaticResource BoolToVisibilityConverter}}"/>
                <TextBox PlaceholderText="Numero di caricatori" x:Uid="NumberOfChargersTextBox" x:Name="NumberOfChargersTextBox"  Style="{StaticResource TextBoxStyleDefault}"  Margin="0,5" Padding="10,10"  TextWrapping="Wrap" Visibility="{Binding ElementName=UserTypeToggleSwitch, Path=IsOn, Converter={StaticResource BoolToVisibilityConverter}}"  />
                <TextBox PlaceholderText="Sito web" x:Uid="SiteWebsiteTextBox" x:Name="SiteWebsiteTextBox"  Style="{StaticResource TextBoxStyleDefault}"  Margin="0,5" Padding="10,10" TextWrapping="Wrap" Visibility="{Binding ElementName=UserTypeToggleSwitch, Path=IsOn, Converter={StaticResource BoolToVisibilityConverter}}"/>
                <Button x:Name="SiteTypeButton"  x:Uid="SiteTypeButton" Content="Tipologie di locali" Grid.Row="2" Grid.Column="1" Grid.ColumnSpan="2" Style="{StaticResource ButtonStyleFlat}"  FontSize="14" Padding="0,0,10,0" BorderThickness="0" Margin="0,3,3,3" Background="#FFD1D1D1" Foreground="#FF666666" Visibility="{Binding ElementName=UserTypeToggleSwitch, Path=IsOn, Converter={StaticResource BoolToVisibilityConverter}}">

                    <Button.Flyout >
                        <Flyout >
                            <ScrollViewer ScrollViewer.VerticalScrollBarVisibility="Auto">
                                <ListView x:Name="SiteTypeList">
                                    <ListView.ItemsPanel>
                                        <ItemsPanelTemplate>
                                            <StackPanel Orientation="Vertical"></StackPanel>
                                        </ItemsPanelTemplate>
                                    </ListView.ItemsPanel>
                                    <ListView.ItemTemplate>
                                        <DataTemplate>
                                            <ListBoxItem Content="{Binding Label}" FontSize="20" Tapped="ListBoxItem_Tapped" Margin="10,10"></ListBoxItem>
                                        </DataTemplate>
                                    </ListView.ItemTemplate>
                                </ListView>
                            </ScrollViewer>
                        </Flyout>

                    </Button.Flyout>
                </Button>
                <TextBlock x:Name="SetLocationTextBlock" x:Uid="SetLocationTextBlock" Text="Imposta la posizione del locale" Foreground="#FF2CDAFF" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="18" FontWeight="SemiBold" Visibility="{Binding ElementName=UserTypeToggleSwitch, Path=IsOn, Converter={StaticResource BoolToVisibilityConverter}}" Margin="0,20"></TextBlock>

                <Border x:Name="SitePositionSelectorBorder" Margin="-38,0" Visibility="{Binding ElementName=UserTypeToggleSwitch, Path=IsOn, Converter={StaticResource BoolToVisibilityConverter}}" BorderThickness="2">
                    <local:MapAddressSelectorControl x:Name="SitePositionSelector"   ></local:MapAddressSelectorControl>
                </Border>
                <local:MultipleImagePicker x:Name="SiteImagePicker" Visibility="{Binding ElementName=UserTypeToggleSwitch, Path=IsOn, Converter={StaticResource BoolToVisibilityConverter}}"></local:MultipleImagePicker>
                <Button x:Name="SubmitButton" BorderBrush="#FF564966" Content="Registrati" x:Uid="RegisterButton" Foreground="#FF564966" Margin="0,25,0,0" Height="64" Style="{StaticResource ButtonStyleFlat}" VerticalAlignment="Bottom" Tapped="SubmitButton_Tapped"   />



            </StackPanel>
            <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>


    </ScrollViewer>
</Page>