<Page x:Class="FlipView.MainPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:local="using:FlipView"
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
      mc:Ignorable="d">
    <Page.Resources>
        <Style TargetType="TextBlock">
            <Setter Property="FontSize"
                    Value="20" />
            <Setter Property="Margin"
                    Value="5" />
            <Setter Property="HorizontalAlignment"
                    Value="Right" />
            <Setter Property="Grid.Column"
                    Value="0" />
        </Style>
        <Style TargetType="TextBox">
            <Setter Property="Margin"
                    Value="5" />
            <Setter Property="HorizontalAlignment"
                    Value="Left" />
            <Setter Property="Grid.Column"
                    Value="1" />
        </Style>
    </Page.Resources>
    <Page.BottomAppBar>
        <AppBar x:Name="BottomAppBar1"
                Padding="10,0,10,0"
                AutomationProperties.Name="Bottom App Bar">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="50*" />
                    <ColumnDefinition Width="50*" />
                </Grid.ColumnDefinitions>
                <StackPanel x:Name="LeftPanel"
                            Orientation="Horizontal"
                            Grid.Column="0"
                            HorizontalAlignment="Left">
                    <Button x:Name="Save"
                            Style="{StaticResource SaveAppBarButtonStyle}"
                            Tag="Save"
                            Click="Save_Click"/>
                    <Button x:Name="Delete"
                            Style="{StaticResource DeleteAppBarButtonStyle}"
                            Tag="Delete" 
                            Click="Delete_Click"/>
                </StackPanel>
            </Grid>
        </AppBar>
    </Page.BottomAppBar>
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <FlipView Name="xFlipView"
                  SelectionChanged="xFlipView_SelectionChanged_1">
            <StackPanel Margin="100">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                    </Grid.RowDefinitions>
                        <TextBlock Text="Email" />
                        <TextBox Width="200"
                                 Height="40"
                                 Name="Email" />
                        <TextBlock Text="First Name" Grid.Row="1"/>
                        <TextBox Width="200"
                                 Height="40"
                                 Name="FirstName" Grid.Row="1"/>
                        <TextBlock Text="Last Name" Grid.Row="2"/>
                        <TextBox Width="200"
                                 Height="40"
                                 Name="LastName" Grid.Row="2"/>
                    <TextBlock Text="Title" Grid.Row="3"/>
                    <TextBox Width="200"
                             Height="40"
                             Name="Title" Grid.Row="3"/>
                    <TextBlock Text="Company" Grid.Row="4"/>
                    <TextBox Width="200"
                             Height="40"
                             Name="Company" Grid.Row="4"/>
                    <TextBlock Text="Phone Number" Grid.Row="5"/>
                    <TextBox Width="200"
                             Height="40"
                             Name="PhoneNumber" Grid.Row="5"/>
                </Grid>
            </StackPanel>
            <Image Source="Assets/DancingWoman.jpg" />
            <Image Source="Assets/DNA.jpg" />
            <Image Source="Earth.jpg" />
        </FlipView>
    </Grid>
</Page>
