<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Battle.net.View.SCpage"
             NavigationPage.HasNavigationBar="False">

    <Grid BackgroundColor="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="3"/>
            <RowDefinition />
        </Grid.RowDefinitions>

        <Image Grid.RowSpan="4" Source="http://youloveit.free.fr/forum/sc2%20customisation/StarCraft%202%20Customisation_fichiers/backgroundstarterkit.jpg" Aspect="AspectFill"/>

        <StackLayout Grid.Row="0" BackgroundColor="Transparent">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="120"/>
                </Grid.RowDefinitions>
                <StackLayout>
                    <Image x:Name="imgSC" Aspect="AspectFill" Source="http://bnetcmsus-a.akamaihd.net/cms/blog_header/sb/SBXXDX09NY841444168206739.jpg"/>
                    <Image x:Name="imgPortrait" Margin="-220,-110,0,-120" WidthRequest="70" HeightRequest="70"/>
                    <Label x:Name="SCTag" TextColor="WhiteSmoke" XAlign="Center" FontSize="Large" Margin="50,60,0,0"/>
                </StackLayout>
                <!--<Label x:Name="btnSC" Text="Starcraft II" Grid.Row="2" TextColor="WhiteSmoke" XAlign="Center" YAlign="Center" Font="18" FontSize="Large"/>
            <Label x:Name="btnWoW" Text="World of Warcraft" Grid.Row="4" TextColor="WhiteSmoke" XAlign="Center" YAlign="Center" Font="18" FontSize="Large"/>-->
            </Grid>
        </StackLayout>

        <StackLayout Grid.Row="1" BackgroundColor="Transparent" Margin="0,20,0,20">
            <Frame BackgroundColor="Transparent" Padding="2" HasShadow="False">
                <Grid BackgroundColor="Transparent">
                    <Grid.RowDefinitions>
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                        <RowDefinition />
                    </Grid.RowDefinitions>
                    <Label x:Name="Realm" Grid.Row="0" TextColor="WhiteSmoke" Margin="20,0,30,0" XAlign="End" FontSize="Large" />
                    <Label x:Name="RealmText" Text="Realm: " Margin="30,0,20,0" Grid.Row="0" TextColor="WhiteSmoke" FontSize="Large" />
                    <Label x:Name="DisplayName" Grid.Row="1" TextColor="WhiteSmoke" Margin="20,0,30,0" XAlign="End" FontSize="Large" />
                    <Label x:Name="DisplayNameText" Text="Display name: " Margin="30,0,20,0" Grid.Row="1" TextColor="WhiteSmoke" FontSize="Large" />
                    <Label x:Name="ClanName" Grid.Row="2" TextColor="WhiteSmoke" Margin="20,0,30,0" XAlign="End" FontSize="Large" />
                    <Label x:Name="ClanNameText" Text="Clan name: " Grid.Row="2" Margin="30,0,20,0" TextColor="WhiteSmoke" FontSize="Large" />
                    <Label x:Name="ClanTag" Grid.Row="3" TextColor="WhiteSmoke" Margin="20,0,30,0" XAlign="End" FontSize="Large" />
                    <Label x:Name="ClanTagText" Text="Clan tag: " Grid.Row="3" Margin="30,0,20,0" TextColor="WhiteSmoke" FontSize="Large" />
                    <!--<Label x:Name="btnSC" Text="Starcraft II" Grid.Row="2" TextColor="WhiteSmoke" XAlign="Center" YAlign="Center" Font="18" FontSize="Large"/>
                <Label x:Name="btnWoW" Text="World of Warcraft" Grid.Row="4" TextColor="WhiteSmoke" XAlign="Center" YAlign="Center" Font="18" FontSize="Large"/>-->
                </Grid>
            </Frame>
        </StackLayout>

        <BoxView BackgroundColor="#35bbff" Grid.Row="2" WidthRequest="250" HorizontalOptions="Center"/>

        <StackLayout Grid.Row="3" BackgroundColor="Transparent">
            <Frame BackgroundColor="Transparent" Padding="2" HasShadow="False">
                <Grid BackgroundColor="Transparent" Margin="0,10,0,0">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <Label x:Name="TotalLevelText" Text="Total level: " Grid.Row="0" TextColor="WhiteSmoke" FontSize="Large" XAlign="Center"/>
                    <Label x:Name="TotalLevel" Grid.Row="1" TextColor="WhiteSmoke" FontSize="Large" XAlign="Center"/>
                        <Grid Grid.Row="2" Margin="0,-20,0,0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <Image x:Name="ZergPortrait" WidthRequest="60" HeightRequest="60" Margin="30, 10" Source="https://i.pinimg.com/originals/05/c7/8f/05c78f6c8fe808f64180198591c15804.png" Grid.Column="0" HorizontalOptions="Center"/>
                        <Label x:Name="ZergLevel" Grid.Column="0" TextColor="#a217ed" FontSize="Large" XAlign="Center" Margin="0,110,0,0"/>
                        <Image x:Name="TerranPortrait" WidthRequest="60" HeightRequest="60" Margin="30, 10" Source="https://upload.wikimedia.org/wikipedia/fr/b/b0/Terran.png" Grid.Column="1" HorizontalOptions="Center"/>
                        <Label x:Name="TerranLevel" Grid.Column="1" TextColor="#ffb407" FontSize="Large"  XAlign="Center" Margin="0,110,0,0"/>
                        <Image x:Name="ProtossPortrait" WidthRequest="100" HeightRequest="100" Margin="30, 10" Source="http://wiki.teamliquid.net/commons/images/e/e4/ProtossIcon.png" Grid.Column="2" HorizontalOptions="Center"/>
                        <Label x:Name="ProtossLevel" Grid.Column="2" TextColor="#f7e30c" FontSize="Large"  XAlign="Center" Margin="0,110,0,0"/>
                    </Grid>
                </Grid>
            </Frame>
        </StackLayout>
    </Grid>

</ContentPage>