<?xml version="1.0" encoding="UTF-8" ?>
<ContentView
    x:Class="Moshaverino.Views.SignUp.SelectSex"
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
    xmlns:forms="clr-namespace:FFImageLoading.Svg.Forms;assembly=FFImageLoading.Svg.Forms"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:models="clr-namespace:Moshaverino.Models;assembly=Moshaverino"
    mc:Ignorable="d">
    <ContentView.Content>

        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>

            <Grid
                Margin="-5,-20,-5,-5"
                Padding="40,60,40,40"
                BackgroundColor="#FFA000"
                Rotation="-4">
                <StackLayout
                    HorizontalOptions="Center"
                    Rotation="4"
                    VerticalOptions="Center">
                    <Label
                        FontFamily="{StaticResource ShabnameBold}"
                        FontSize="20"
                        HorizontalOptions="Center"
                        Text="جنسیت خود را انتخاب کنید"
                        TextColor="White" />
                </StackLayout>
            </Grid>
            <Grid Grid.Row="1" VerticalOptions="Center">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="*" />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <Label
                    Grid.Row="0"
                    Grid.Column="0"
                    Grid.ColumnSpan="2"
                    Margin="0,45"
                    FontFamily="{StaticResource Shabname}"
                    HorizontalOptions="Center"
                    HorizontalTextAlignment="Center"
                    Text="برای ارائه خدمات بهتر لطفا جنسیت خود را انتخاب کنید"
                    TextColor="#444" />
                <Frame
                    ClassId="femail"
                    Grid.Row="1"
                    Grid.Column="1"
                    Margin="20,8,8,8"
                    Padding="8"
                    CornerRadius="5"
                    VerticalOptions="Center">
                    <Grid>
                        <Frame
                            Margin="10"
                            Padding="0"
                            BackgroundColor="#eee"
                            CornerRadius="15"
                            HeightRequest="30"
                            HorizontalOptions="Start"
                            VerticalOptions="Start"
                            WidthRequest="30">
                            <Label
                                FontFamily="{StaticResource MaterialFontFamily}"
                                FontSize="16"
                                HorizontalOptions="Center"
                                Text="{x:Static models:MaterialIconFont.Check}"
                                VerticalOptions="Center" />
                        </Frame>
                        <forms:SvgCachedImage
                            Margin="0,20"
                            HeightRequest="100"
                            HorizontalOptions="Center"
                            Source="girl.svg"
                            VerticalOptions="Center"
                            WidthRequest="100" />

                    </Grid>
                    <Frame.GestureRecognizers>
                        <TapGestureRecognizer Tapped="SexFrame_OnTapped" />
                    </Frame.GestureRecognizers>
                </Frame>

                <Frame
                    ClassId="mail"
                    Grid.Row="1"
                    Grid.Column="0"
                    Margin="8,8,20,8"
                    Padding="8"
                    CornerRadius="5"
                    VerticalOptions="Center">
                    <Grid>
                        <Frame
                            Margin="10"
                            Padding="0"
                            BackgroundColor="#eee"
                            CornerRadius="15"
                            HeightRequest="30"
                            HorizontalOptions="Start"
                            VerticalOptions="Start"
                            WidthRequest="30">
                            <Label
                                FontFamily="{StaticResource MaterialFontFamily}"
                                FontSize="16"
                                HorizontalOptions="Center"
                                Text="{x:Static models:MaterialIconFont.Check}"
                                VerticalOptions="Center" />
                        </Frame>

                        <forms:SvgCachedImage
                            Margin="0,20"
                            HeightRequest="100"
                            HorizontalOptions="Center"
                            Source="boy.svg"
                            VerticalOptions="Center"
                            WidthRequest="100" />
                    </Grid>
                    <Frame.GestureRecognizers>
                        <TapGestureRecognizer Tapped="SexFrame_OnTapped" />
                    </Frame.GestureRecognizers>
                </Frame>
                <Button
                    Grid.Row="2"
                    Grid.Column="0"
                    Grid.ColumnSpan="2"
                    Margin="15,45,15,0"
                    BackgroundColor="#FFA000"
                    Clicked="SubmitButton_OnClicked"
                    CornerRadius="25"
                    FontFamily="{StaticResource ShabnameBold}"
                    FontSize="20"
                    Text="تایید"
                    TextColor="White" />
            </Grid>
        </Grid>
    </ContentView.Content>
</ContentView>