<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:forms="clr-namespace:SkiaSharp.Views.Forms;assembly=SkiaSharp.Views.Forms"
             xmlns:touch="clr-namespace:CalcFeud.Touch"
             xmlns:yummy="clr-namespace:Xamarin.Forms.PancakeView;assembly=Xamarin.Forms.PancakeView"
             x:Class="CalcFeud.Views.MainPage">
    <!--<Image Source="C:\Users\kjerg\source\repos\CalcFeud\CalcFeud\CalcFeud\Images/CalcFeudBG.png"></Image>-->

    <ContentPage.Content>


        <Grid>

            <Grid.RowDefinitions>
                <RowDefinition Height="5"/>
                <RowDefinition Height="30"/>
                <RowDefinition x:Name="GameView" Height="*"/>
                <RowDefinition Height="15"/>
                <RowDefinition x:Name="LabelView" Height="0" />
                <RowDefinition x:Name="ButtonView" Height="Auto" />
            </Grid.RowDefinitions>

            <!-- Top buttons -->
            <Grid Row="1" BackgroundColor="Transparent" HorizontalOptions="FillAndExpand">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="10"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="30"/>
                    <ColumnDefinition Width="30"/>
                    <ColumnDefinition Width="10"/>
                </Grid.ColumnDefinitions>

                <Button Grid.Column="3" CornerRadius="6" Clicked="ShareOnFacebook" x:Name="FacebookShareButton" HeightRequest="30" WidthRequest="30" BackgroundColor="#3b579d" />
                <Button Grid.Column="4" CornerRadius="6" Clicked="EnterRulesMethod" x:Name="HowToButton" HeightRequest="30" WidthRequest="30" BackgroundColor="#686869" />

            </Grid>




            <!-- Board -->
            <Grid Row="2">

                <forms:SKCanvasView x:Name="CanvasView"
                                PaintSurface="OnCanvasViewPaintSurface" />
                <Grid.Effects>
                    <touch:TouchEffect Capture="True"
                                   TouchAction="OnTouchEffectAction" />
                </Grid.Effects>

            </Grid>


            <Grid Row="3" Margin="0, -80, 0, 0">



            </Grid>


            <!-- Labels -->
            <Grid Row="3" BackgroundColor="red">


                <StackLayout Grid.Column="0" BackgroundColor="blue" Margin="0, -25, 0, 0">

                    <StackLayout>
                        <Label Margin="10, 20, 0, 0" Text="Swaps left: " HorizontalOptions="StartAndExpand" HorizontalTextAlignment="Start" FontSize="Micro"/>
                        <Label x:Name="SwapsLeftLabel" HorizontalTextAlignment="Start" FontSize="Micro"/>
                    </StackLayout>

                    <StackLayout>
                        <Label Margin="10, -20, 0, 0" Text="Tiles left: " HorizontalOptions="StartAndExpand" HorizontalTextAlignment="Start" FontSize="Micro"/>
                        <Label x:Name="TilesLeftLabel" HorizontalTextAlignment="End" FontSize="Micro"/>
                    </StackLayout>

                </StackLayout>

                <StackLayout Grid.Column="3" BackgroundColor="green" Margin="0, -25, 0, 0">

                    <StackLayout>
                        <Label Margin="20, 20, 0, 0" Text="Your points: " HorizontalOptions="StartAndExpand" HorizontalTextAlignment="Start" FontSize="Micro"/>
                        <Label x:Name="PlayersPointsLabel" HorizontalTextAlignment="End" FontSize="Micro"/>
                    </StackLayout>

                    <StackLayout>
                        <Label Margin="20, -20, 0, 0" x:Name="OpponentsNamePoints" HorizontalOptions="StartAndExpand" HorizontalTextAlignment="Start" FontSize="Micro"/>
                        <Label x:Name="OpponentsPoints" HorizontalTextAlignment="End" FontSize="Micro"/>
                    </StackLayout>

                </StackLayout>
            </Grid>

            <!-- Buttons -->
            <Grid Row="5" HorizontalOptions="FillAndExpand" >
                <Grid.RowDefinitions>
                    <RowDefinition Height="2"/>
                    <RowDefinition/>
                    <RowDefinition Height="2"/>
                </Grid.RowDefinitions>

                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="10"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="10"/>
                </Grid.ColumnDefinitions>

                <Button Grid.Column="1" Grid.Row="1" FontSize="Micro" CornerRadius="20" TextColor="White" FontAttributes="Bold" BackgroundColor="#686869"  x:Name="PlayPassButton" Text="Pass" Clicked="PassMethod"/>
                <Button Grid.Column="2" Grid.Row="1" FontSize="Micro" CornerRadius="20" TextColor="White" FontAttributes="Bold" BackgroundColor="#686869"  x:Name="SwapButton" Text="Swap" Clicked="SwapMethod" />
                <Button Grid.Column="3" Grid.Row="1" FontSize="Micro" CornerRadius="20" TextColor="#FFFFFF" FontAttributes="Bold" BackgroundColor="#686869" x:Name="SurrenderButton" Text="Give In" Clicked="SurrenderMethod" />

                <!-- Labels -->





            </Grid>
        </Grid>
    </ContentPage.Content>

</ContentPage>