<Page
    x:Class="John_Glen.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:John_Glen"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Page.Resources>
        <Style x:Key="DeleteAppBarButtonStyle" TargetType="ButtonBase" BasedOn="{StaticResource AppBarButtonStyle}">
            <Setter Property="AutomationProperties.AutomationId" Value="DeleteAppBarButton" />
            <Setter Property="AutomationProperties.Name" Value="Delete" />
            <Setter Property="Content" Value="&#xE106;" />
        </Style>
    </Page.Resources>
    <Viewbox>
        <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}" Margin="0">
            <Grid HorizontalAlignment="Center" VerticalAlignment="Center" Height="768" Margin="0,0,0,0" Width="1366" Background="Black" RenderTransformOrigin="-0.005,0.518"/>
            <Grid x:Name="Output">
                <StackPanel Orientation="Horizontal" Margin="0,0,0,0" HorizontalAlignment="Center" Width="1366" Height="768">
                    <Image x:Name="imgIniz" Source="jon_sfondo.jpg"  Margin="0,0,5,0"  VerticalAlignment="Center"  />
                    <Image x:Name="imgTop" Source="{Binding topImage}"  Margin="0,0,5,0"  VerticalAlignment="Center"  />
                    <StackPanel x:Name="topPanel" Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Center">

                        <Canvas Width="780" Height="500">
                            <Canvas.Background>
                                <ImageBrush ImageSource="corniceBLU.png" ></ImageBrush>
                            </Canvas.Background>
                            <ScrollViewer x:Name="scroller" Height="420" Width="670" Canvas.Top="40" Canvas.Left="60">
                                <TextBlock x:Name="testoTop" FontSize="35" Width="580"  TextAlignment="Center" TextWrapping="Wrap" Foreground="Wheat" Margin="40,0,40,40" Text="{Binding text}">

                                </TextBlock>
                            </ScrollViewer>
                        </Canvas>

                        <StackPanel x:Name="buttonPanel1" Visibility="Visible" HorizontalAlignment="Center" Margin="5,0,0,0" Width="780">
                            <Button x:ConnectionId='16' x:Name="button11" Width="770" Height="260"  FontSize="100" Foreground="Black"                       >
                                <Button.Background>
                                    <ImageBrush ImageSource="images/bkimag.jpg" Stretch="UniformToFill" />
                                </Button.Background>
                                <TextBlock x:Name="textB11" Text="{Binding bottoni[0].testo }" TextWrapping="Wrap" ></TextBlock>
                            </Button>
                        </StackPanel>

                        <StackPanel x:Name="buttonPanel2" Orientation="Horizontal" Visibility="Collapsed" HorizontalAlignment="Center" Margin="5,0,0,0" Width="780">
                            <Button x:ConnectionId='14' x:Name="button21" Width="390" Height="260"  FontSize="35" Foreground="Black"                       >
                                <Button.Background>
                                    <ImageBrush ImageSource="images/bkimag.jpg" />
                                </Button.Background>
                                <TextBlock x:Name="textB21" Text="{Binding bottoni[0].testo }" TextWrapping="Wrap" ></TextBlock>
                            </Button>
                            <Button x:ConnectionId='15' x:Name="button22" Width="390" Height="260" FontSize="35" Foreground="Black"                       >
                                <Button.Background>
                                    <ImageBrush ImageSource="images/bkimag.jpg" />
                                </Button.Background>
                                <TextBlock x:Name="textB22" Text="{Binding bottoni[1].testo }" TextWrapping="Wrap" ></TextBlock>
                            </Button>
                        </StackPanel>

                        <StackPanel x:Name="buttonPanel3" Orientation="Horizontal" Visibility="Collapsed" HorizontalAlignment="Center" Margin="5,0,0,0" Width="780">
                            <Button x:ConnectionId='11' x:Name="button31" Width="260" Height="260" FontSize="30" Foreground="Black"                       >
                                <Button.Background>
                                    <ImageBrush ImageSource="images/bkimag.jpg" />
                                </Button.Background>
                                <TextBlock x:Name="textB31" Text="{Binding bottoni[0].testo }" TextWrapping="Wrap" ></TextBlock>
                            </Button>
                            <Button x:ConnectionId='12' x:Name="button32" Width="260" Height="260" FontSize="30" Foreground="Black"                       >
                                <Button.Background>
                                    <ImageBrush ImageSource="images/bkimag.jpg" />
                                </Button.Background>
                                <TextBlock x:Name="textB32" Text="{Binding bottoni[1].testo }" TextWrapping="Wrap" ></TextBlock>
                            </Button>
                            <Button x:ConnectionId='13' x:Name="button33" Width="260" Height="260" FontSize="30" Foreground="Black"                       >
                                <Button.Background>
                                    <ImageBrush ImageSource="images/bkimag.jpg" />
                                </Button.Background>
                                <TextBlock x:Name="textB33" Text="{Binding bottoni[2].testo }" TextWrapping="Wrap" ></TextBlock>
                            </Button>
                        </StackPanel>

                        <StackPanel x:Name="buttonPanel4" Orientation="Vertical" Visibility="Collapsed" HorizontalAlignment="Center" Margin="5,0,0,0" Width="780" Height="260">
                            <StackPanel Orientation="Horizontal">
                                <Button x:ConnectionId='9' x:Name="button41" Width="390" Height="130" FontSize="18" Foreground="Black"                       >
                                    <Button.Background>
                                        <ImageBrush ImageSource="images/bkimag.jpg" />
                                    </Button.Background>
                                    <TextBlock x:Name="textB41" Text="{Binding bottoni[0].testo }" TextWrapping="Wrap" ></TextBlock>
                                </Button>
                                <Button x:ConnectionId='10' x:Name="button42" Width="390" Height="130" FontSize="18" Foreground="Black"                       >
                                    <Button.Background>
                                        <ImageBrush ImageSource="images/bkimag.jpg" />
                                    </Button.Background>
                                    <TextBlock x:Name="textB42" Text="{Binding bottoni[1].testo }" TextWrapping="Wrap" ></TextBlock>
                                </Button>
                            </StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <Button x:ConnectionId='7' x:Name="button43" Width="390" Height="130" FontSize="18" Foreground="Black"                       >
                                    <Button.Background>
                                        <ImageBrush ImageSource="images/bkimag.jpg" />
                                    </Button.Background>
                                    <TextBlock x:Name="textB43" Text="{Binding bottoni[2].testo }" TextWrapping="Wrap" ></TextBlock>
                                </Button>
                                <Button x:ConnectionId='8' x:Name="button44" Width="390" Height="130" FontSize="18" Foreground="Black"                       >
                                    <Button.Background>
                                        <ImageBrush ImageSource="images/bkimag.jpg" />
                                    </Button.Background>
                                    <TextBlock x:Name="textB44" Text="{Binding bottoni[3].testo }" TextWrapping="Wrap" ></TextBlock>
                                </Button>
                            </StackPanel>
                        </StackPanel>

                        <StackPanel x:Name="buttonPanel5" Orientation="Vertical" Visibility="Collapsed" HorizontalAlignment="Center" Margin="5,0,0,0" Width="760" Height="260">
                            <StackPanel Orientation="Horizontal" Width="780" Height="130">
                                <Button x:ConnectionId='5' x:Name="button51" Width="390" Height="130" FontSize="18" Foreground="Black"                       >
                                    <Button.Background>
                                        <ImageBrush ImageSource="images/bkimag.jpg" />
                                    </Button.Background>
                                    <TextBlock x:Name="textB51" Text="{Binding bottoni[0].testo }" TextWrapping="Wrap" ></TextBlock>
                                </Button>
                                <Button x:ConnectionId='6' x:Name="button52" Width="390" Height="130" FontSize="18" Foreground="Black"                       >
                                    <Button.Background>
                                        <ImageBrush ImageSource="images/bkimag.jpg" />
                                    </Button.Background>
                                    <TextBlock x:Name="textB52" Text="{Binding bottoni[1].testo }" TextWrapping="Wrap" ></TextBlock>
                                </Button>
                            </StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <Button x:ConnectionId='2' x:Name="button53" Width="260" Height="130" FontSize="18" Foreground="Black"                       >
                                    <Button.Background>
                                        <ImageBrush ImageSource="images/bkimag.jpg" />
                                    </Button.Background>
                                    <TextBlock x:Name="textB53" Text="{Binding bottoni[2].testo }" TextWrapping="Wrap" ></TextBlock>
                                </Button>
                                <Button x:ConnectionId='3' x:Name="button54" Width="260" Height="130" FontSize="18" Foreground="Black"                       >
                                    <Button.Background>
                                        <ImageBrush ImageSource="images/bkimag.jpg" />
                                    </Button.Background>
                                    <TextBlock x:Name="textB54" Text="{Binding bottoni[3].testo }" TextWrapping="Wrap" ></TextBlock>
                                </Button>
                                <Button x:ConnectionId='4' x:Name="button55" Width="260" Height="130" FontSize="18" Foreground="Black"                       >
                                    <Button.Background>
                                        <ImageBrush ImageSource="images/bkimag.jpg" />
                                    </Button.Background>
                                    <TextBlock x:Name="textB55" Text="{Binding bottoni[4].testo }" TextWrapping="Wrap" ></TextBlock>
                                </Button>
                            </StackPanel>
                        </StackPanel>



                    </StackPanel>

                    
                    
                    
                    


                </StackPanel>



                <!--<Canvas x:Name="replay" Visibility="Collapsed">
                    <Canvas.Background>
                        <ImageBrush ImageSource="sfondoFine.png" Stretch="UniformToFill" />
                    </Canvas.Background>
                    <StackPanel Margin="0,100,0,0" Orientation="Vertical" Width="1366">
                        <TextBlock  HorizontalAlignment="Center" FontSize="68" FontWeight="Bold" Foreground="Black">DO YOU WANT TO PLAY AGAIN?</TextBlock>
                        <StackPanel Margin="0,100,0,0" Orientation="Horizontal" HorizontalAlignment="Center">
                            <Button x:Name="botSi" Width="500" Height="200" Click="botSi_Click">
                                <TextBlock FontSize="70" Foreground="Wheat">YES</TextBlock>
                            </Button>
                            <Button x:Name="botNo" Width="500" Height="200" Click="botNo_Click">
                                <TextBlock FontSize="70" Foreground="Wheat">NO, QUIT</TextBlock>
                            </Button>
                        </StackPanel>
                    </StackPanel>
                </Canvas>-->

                <Canvas x:Name="blackCanvas" Background="Black" Visibility="Collapsed"></Canvas>

                <Canvas x:Name="credits" Visibility="Collapsed" Width="800">
                    <!-- <Canvas.Background>
                        <ImageBrush ImageSource="Credits.png" Stretch="None"  />
                    </Canvas.Background>-->

                    <Grid Width="800" Background="#AA000000" VerticalAlignment="Center" Height="700" >
                        <Grid.RowDefinitions>

                            <RowDefinition Height="6*"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>

                        </Grid.RowDefinitions>
                        <TextBlock  TextAlignment="Center" FontSize="70" Grid.Row="0" FontWeight="Bold" Margin="0,50,0,0" Grid.RowSpan="2"  >End of the Game.</TextBlock>
                        <TextBlock  TextAlignment="Center" FontSize="30" Grid.Row="1"  >Story and drawings : Marco Dominici</TextBlock>
                        <TextBlock  TextAlignment="Center" FontSize="30" Grid.Row="2" >Project Leader : Bruce Wayne</TextBlock>
                        <TextBlock  TextAlignment="Center" FontSize="30" Grid.Row="3" >Devolepment lead : Marco Oliva</TextBlock>
                        <TextBlock  TextAlignment="Center" FontSize="30" Grid.Row="4"  >Devolepers : Lorenzo Tardio, John Moeses Bauan</TextBlock>
                        <TextBlock  TextAlignment="Center" FontSize="30" Grid.Row="5" >Server side : John Moeses Bauan</TextBlock>
                        <TextBlock  TextAlignment="Center" FontSize="30" Grid.Row="6"  >Quality Assurance : Maurizia Fazzari</TextBlock>
                    </Grid>
                    <Button x:ConnectionId='1' x:Name="closeBut" Width="93" Style="{StaticResource DeleteAppBarButtonStyle}" Height="64" Canvas.Left="686" Canvas.Top="14"                       >
                        <!--<Button.Background>
                            <ImageBrush ImageSource="appbar.close.rest.png" />
                        </Button.Background>-->
                    </Button>
                </Canvas>

            </Grid>
        </Grid>
    </Viewbox>
</Page>