<?xml version="1.0" encoding="UTF-8"?>
<ContentPage
    Title="THEGAME"
    BackgroundColor="{DynamicResource BlackColor}"        
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:resources="clr-namespace:TheGameExtreme.Resx"
    x:Class="TheGameExtreme.view.HomePage"
    x:Name="homepageT">

    <StackLayout BackgroundColor="Transparent">

        <Grid x:Name="MainGrid">

            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="15*"/>
                <ColumnDefinition Width="70*"/>
                <ColumnDefinition Width="15*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="19*"/>
                <RowDefinition Height="27*"/>
                <RowDefinition Height="27*"/>
                <RowDefinition Height="27*"/>
                <RowDefinition Height="27*"/>
            </Grid.RowDefinitions>

            <ImageButton Source="PointI.png"
                         Grid.Column="0"
                         Grid.Row="0"
                         Clicked="ImageButton_Clicked"
                         BackgroundColor="Transparent"
                         WidthRequest="40"
                         HeightRequest="40"
                         VerticalOptions="End"
                         HorizontalOptions="Center"/>

            <Label
            Text="{x:Static resources:AppResources.StrTitle}"
            TextColor="{DynamicResource WhiteColor}"
            Grid.Row="0"
            Grid.Column="1" 
            HorizontalTextAlignment="Center"  
            FontSize="45"
            VerticalTextAlignment="Start"
            FontFamily=""/>



            <Button
                Text="{x:Static resources:AppResources.StrLocalGame}"
                FontSize="18"
                Grid.Row="2"
                Grid.Column="1" 
                HorizontalOptions="Center" 
                WidthRequest="230" 
                HeightRequest="57" 
                VerticalOptions="Center"
                Clicked="OpenGame"
                CornerRadius="10"                
                BackgroundColor="{DynamicResource SkyBlueColor}"/>


            <Button
                Text="{x:Static resources:AppResources.StrMultiplayer}"
                FontSize="18"
                Grid.Row="3"
                Grid.Column="1" 
                HorizontalOptions="Center" 
                VerticalOptions="Center"
                HeightRequest="57" 
                WidthRequest="230"
                Clicked="OpenMultiPlayerMode"
                CornerRadius="10"                                    
                BackgroundColor="{DynamicResource SkyBlueColor}"/>

            <Button Text="{x:Static resources:AppResources.StrTitleRules}"
                    FontSize="18"
                    Grid.Row="4"
                    Grid.Column="1"
                    HorizontalOptions="Center"
                    VerticalOptions="Center"
                    HeightRequest="57"
                    WidthRequest="230"
                    Clicked="Rules_Clicked"
                    CornerRadius="10"                    
                    BackgroundColor="{DynamicResource SkyBlueColor}"/>

            <Image Source="TrierImageB.png"
                         Grid.Column="1"
                         Grid.Row="1"/>


            <Grid Grid.Row="0" Grid.Column="2" x:Name="ButtonGrid">
                <Grid.RowDefinitions>
                    <RowDefinition Height="2*"/>
                    <RowDefinition Height="6*"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="2*" />
                    <ColumnDefinition Width="6*" />
                </Grid.ColumnDefinitions>

                <ImageButton
                    x:Name="imageButton"                                
                    Grid.Column="1"
                    Grid.Row="1"                
                    VerticalOptions="End"
                    HorizontalOptions="Center"                
                    Clicked="Theme_Clicked"
                    BorderColor="{DynamicResource SkyBlueColor}"
                    BackgroundColor="Transparent"/>
            </Grid>

        </Grid>

    </StackLayout>

</ContentPage>
