<?xml version="1.0" encoding="UTF-8"?>

<ContentPage
    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.GamePreparationPage">

    <Grid
        Margin="5,5,5,5">
        <Grid.RowDefinitions>
            <RowDefinition Height="20*" />
            <RowDefinition Height="80*" />
                
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="50*" />                
            <ColumnDefinition Width="50*" />
        </Grid.ColumnDefinitions>

        <StackLayout
            Grid.Row="0"
            Grid.Column="0"
            Orientation="Horizontal">
            <ImageButton
                Source="ArrowSettingsBack.png"
                VerticalOptions="Start" 
                HorizontalOptions="StartAndExpand" 
                HeightRequest="40" 
                WidthRequest="50"                    
                Clicked="Back"
                BackgroundColor="Transparent"/>

            <Button
                Text="{x:Static resources:AppResources.StrBtnPlay}"
                Clicked="Play"
                VerticalOptions="Start" 
                HorizontalOptions="End"
                MinimumWidthRequest="30"
                WidthRequest="100"
                BackgroundColor="{DynamicResource Gold}"
                CornerRadius="10"/>
        </StackLayout>

        

        <Grid
            Grid.Row="1"
            Grid.Column="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="5*" />
                <RowDefinition Height="10*" />
                <RowDefinition Height="5*" />
                <RowDefinition Height="10*" />
            </Grid.RowDefinitions>

            <StackLayout
                Grid.Row="0"
                Grid.Column="0">
                <Label
                    Text="{x:Static resources:AppResources.StrNbPlayers}"
                    TextColor="{DynamicResource WhiteColor}"
                    FontSize="16"
                    VerticalTextAlignment="Center"
                    HorizontalTextAlignment="Center"/>
            </StackLayout>

            <StackLayout
                Grid.Row="1"
                Grid.Column="0">
                <Picker
                    x:Name="PlayerSelecter"
                    BackgroundColor="{DynamicResource SkyBlueColor}"
                    SelectedIndexChanged="ChangedPseudo"
                    HorizontalOptions="Center"
                    VerticalOptions="Center"
                    MinimumWidthRequest="30"
                    WidthRequest="100"/>
            </StackLayout>

            <StackLayout
                Grid.Row="2"
                Grid.Column="0">
                <Label Text="{x:Static resources:AppResources.StrValueType}"
                        TextColor="{DynamicResource WhiteColor}"
                        FontSize="16"
                        VerticalTextAlignment="Center"
                        HorizontalTextAlignment="Center"/>
            </StackLayout>

            <StackLayout
                Grid.Row="3"
                Grid.Column="0">
                <Picker
                    x:Name="SelectMode"
                    BackgroundColor="{DynamicResource SkyBlueColor}"
                    HorizontalOptions="Center"
                    VerticalOptions="Center"
                    MinimumWidthRequest="30"
                    WidthRequest="110"/>
            </StackLayout>

            <StackLayout
                Grid.Row="0"
                Grid.Column="1">
                <Label Text="{x:Static resources:AppResources.StrNbStacksInGame}"
                    TextColor="{DynamicResource WhiteColor}"
                    FontSize="16"
                    VerticalTextAlignment="Center"
                    HorizontalTextAlignment="Center"/>
            </StackLayout>

            <StackLayout
                Grid.Row="1"
                Grid.Column="1">
                <Picker x:Name="SelectNbStack"
                    BackgroundColor="{DynamicResource SkyBlueColor}"
                    MinimumWidthRequest="30"
                    WidthRequest="100"
                    HorizontalOptions="Center"
                    VerticalOptions="Center"/>
            </StackLayout>

            <StackLayout
                Grid.Row="2"
                Grid.Column="1">
                <Label Text="{x:Static resources:AppResources.StrNbCards}"
                        TextColor="{DynamicResource WhiteColor}"
                        FontSize="16"
                        VerticalTextAlignment="Center"
                        HorizontalTextAlignment="Center"/>
            </StackLayout>

            <StackLayout
                Grid.Row="3"
                Grid.Column="1">
                <Picker
                    x:Name="SelectNbCard"
                    BackgroundColor="{DynamicResource SkyBlueColor}"
                    Margin="0,0,10,0"
                    MinimumWidthRequest="30"
                    WidthRequest="100"
                    HorizontalOptions="Center"
                    VerticalOptions="Center"/>
            </StackLayout>

        </Grid>

        <ScrollView
            Grid.Column="0"
            Grid.Row="1">

            <StackLayout
                x:Name="NameList">

                <Label
                Text="{x:Static resources:AppResources.StrPseudoGM}"
                TextColor="{DynamicResource WhiteColor}"
                FontSize="16"
                VerticalTextAlignment="Center"
                HorizontalTextAlignment="Center"/>
                
                <Entry
                    BackgroundColor="{DynamicResource Gold}"                    
                    Placeholder="Pseudo"
                    HorizontalOptions="Center"
                    MinimumWidthRequest="50"
                    WidthRequest="200"
                    MaxLength="18"
                    IsTextPredictionEnabled="False"/>

            </StackLayout>
        </ScrollView>

    </Grid>

</ContentPage>
