<?xml version="1.0" encoding="utf-8" ?>
<ContentView
    x:Class="Ezoterium.Forms.UI.Pages.Main.Items.SpecialistItemComponent"
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:common="clr-namespace:Ezoterium.Core.Common;assembly=Ezoterium.Core"
    xmlns:controls="clr-namespace:Ezoterium.Forms.UI.Controls"
    xmlns:effects="clr-namespace:Ezoterium.Forms.UI.Effects;assembly=Ezoterium.Forms"
    xmlns:markup="clr-namespace:Ezoterium.Forms.Extensions.MarkupExtensions"
    Padding="16,0,16,0">
    <Grid
        ColumnDefinitions="8,64,49,19,8"
        ColumnSpacing="0"
        HorizontalOptions="CenterAndExpand"
        RowDefinitions="8,19,121,8,8,3.5,2,10,2,3.5,4,16,4,2,12,2,4,16"
        RowSpacing="0">
        <Frame
            Grid.RowSpan="3"
            Grid.ColumnSpan="5"
            Padding="0"
            CornerRadius="15"
            HasShadow="False"
            IsClippedToBounds="True">
            <Image x:Name="AvatarImage" Aspect="AspectFill" />
        </Frame>
        <Label
            x:Name="QualificationLabel"
            Grid.Row="1"
            Grid.Column="1"
            Grid.ColumnSpan="2"
            Padding="8,4,8,4"
            effects:BorderEffect.BackgroundContentColor="{markup:AppColors Accent}"
            effects:BorderEffect.Radius="10"
            FontFamily="ArkhipBold"
            FontSize="9"
            HorizontalOptions="Start"
            HorizontalTextAlignment="Start"
            TextColor="{markup:AppColors White}"
            VerticalOptions="Fill"
            VerticalTextAlignment="Center" />
        <ImageButton
            x:Name="LikeImageButton"
            Grid.Row="1"
            Grid.Column="3"
            WidthRequest="19"
            HeightRequest="19"
            BackgroundColor="{markup:AppColors Transparent}"
            HorizontalOptions="Start"
            Source="{x:Static common:Images.IconLike}" />
        <Label
            x:Name="FreeTimeLabel"
            Grid.Row="2"
            Grid.RowSpan="2"
            Grid.Column="1"
            Grid.ColumnSpan="3"
            Padding="14.5,3,14.5,4"
            effects:BorderEffect.BackgroundContentColor="{markup:AppColors AccentSecondary}"
            effects:BorderEffect.Radius="9"
            FontFamily="SourceSansProRegular"
            FontSize="9"
            HeightRequest="18"
            HorizontalOptions="Center"
            HorizontalTextAlignment="Center"
            TextColor="{markup:AppColors White}"
            VerticalOptions="End"
            VerticalTextAlignment="Center" />
        <Label
            x:Name="RateLabel"
            Grid.Row="5"
            Grid.RowSpan="5"
            Grid.ColumnSpan="3"
            FontFamily="SourceSansProBold"
            FontSize="10"
            TextColor="{markup:AppColors Accent}"
            VerticalOptions="Start"
            VerticalTextAlignment="Start">
            <Label.FormattedText>
                <FormattedString>
                    <Span x:Name="RateSpan" FontSize="16" />
                    <Span Text="/" />
                    <Span Text="{markup:AppStrings Hour}" />
                </FormattedString>
            </Label.FormattedText>
        </Label>
        <ImageButton
            x:Name="ChatImageButton"
            Grid.Row="6"
            Grid.RowSpan="3"
            Grid.ColumnSpan="3"
            BackgroundColor="{markup:AppColors Transparent}"
            HeightRequest="14"
            HorizontalOptions="End"
            Source="{x:Static common:Images.IconChat}"
            VerticalOptions="Start"
            WidthRequest="14" />
        <ImageButton
            x:Name="VideoChatImageButton"
            Grid.Row="7"
            Grid.Column="3"
            Grid.ColumnSpan="2"
            BackgroundColor="{markup:AppColors Transparent}"
            HeightRequest="10"
            Source="{x:Static common:Images.IconVideochat}"
            VerticalOptions="Start"
            WidthRequest="14" />
        <Label
            x:Name="NameLabel"
            Grid.Row="11"
            Grid.ColumnSpan="5"
            FontFamily="LoraRegular"
            FontSize="12"
            TextColor="{markup:AppColors Gray}"
            VerticalOptions="Start"
            VerticalTextAlignment="Start" />
        <controls:RatingControl
            x:Name="RatingControl"
            Grid.Row="14"
            Grid.ColumnSpan="2" />
        <Label
            x:Name="ReviewsLabel"
            Grid.Row="13"
            Grid.RowSpan="3"
            Grid.Column="2"
            Grid.ColumnSpan="2"
            Margin="4,0,0,0"
            FontFamily="SourceSansProRegular"
            FontSize="12"
            TextColor="{markup:AppColors Gray}"
            VerticalOptions="Start" />
        <Label
            x:Name="SessionsLabel"
            Grid.Row="17"
            Grid.ColumnSpan="2"
            FontFamily="SourceSansProRegular"
            FontSize="12"
            TextColor="{markup:AppColors Gray}"
            VerticalTextAlignment="Center" />
    </Grid>
</ContentView>