<?xml version="1.0" encoding="utf-8" ?>
<ContentView
    x:Class="Ezoterium.Forms.UI.Pages.Main.Items.SpecialistAutoSizeItemComponent"
    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">
    <Grid
        x:Name="ContentGrid"
        Margin="13,0"
        ColumnDefinitions="64,*"
        ColumnSpacing="0"
        RowDefinitions="*,9,29,16,16,16"
        RowSpacing="0">
        <Frame
            x:Name="AvatarFrame"
            Grid.ColumnSpan="2"
            Padding="0"
            CornerRadius="15"
            HasShadow="False"
            HorizontalOptions="Fill"
            IsClippedToBounds="True"
            VerticalOptions="Fill">
            <Image x:Name="AvatarImage" Aspect="AspectFill" />
        </Frame>
        <Label
            x:Name="QualificationLabel"
            Grid.ColumnSpan="2"
            Margin="8,8,0,0"
            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="Start"
            VerticalTextAlignment="Center" />
        <ImageButton
            x:Name="LikeImageButton"
            Grid.Column="1"
            HeightRequest="19"
            WidthRequest="19"
            Margin="0,8,8,0"
            BackgroundColor="{markup:AppColors Transparent}"
            HorizontalOptions="End"
            Source="{x:Static common:Images.IconLike}"
            VerticalOptions="Start" />
        <Label
            x:Name="FreeTimeLabel"
            Grid.RowSpan="2"
            Grid.ColumnSpan="2"
            Margin="8,0,8,0"
            Padding="11,3,11,4"
            effects:BorderEffect.BackgroundContentColor="{markup:AppColors AccentSecondary}"
            effects:BorderEffect.Radius="9"
            FontFamily="SourceSansProRegular"
            FontSize="9"
            HorizontalOptions="Fill"
            HorizontalTextAlignment="Center"
            TextColor="{markup:AppColors White}"
            VerticalOptions="End" />
        <Label
            x:Name="RateLabel"
            Grid.Row="2"
            Grid.ColumnSpan="2"
            FontFamily="SourceSansProBold"
            FontSize="10"
            TextColor="{markup:AppColors Accent}"
            VerticalOptions="Center">
            <Label.FormattedText>
                <FormattedString>
                    <Span x:Name="RateSpan" FontSize="16" />
                    <Span Text="/" />
                    <Span Text="{markup:AppStrings Hour}" />
                </FormattedString>
            </Label.FormattedText>
        </Label>
        <StackLayout
            Grid.Row="2"
            Grid.Column="1"
            HorizontalOptions="End"
            Orientation="Horizontal">
            <ImageButton
                x:Name="ChatImageButton"
                BackgroundColor="{markup:AppColors Transparent}"
                HeightRequest="14"
                Source="{x:Static common:Images.IconChat}"
                VerticalOptions="Center"
                WidthRequest="14" />
            <ImageButton
                x:Name="VideoChatImageButton"
                BackgroundColor="{markup:AppColors Transparent}"
                HeightRequest="10"
                Source="{x:Static common:Images.IconVideochat}"
                VerticalOptions="Center"
                WidthRequest="14" />
        </StackLayout>
        <Label
            x:Name="NameLabel"
            Grid.Row="3"
            Grid.ColumnSpan="2"
            FontFamily="LoraRegular"
            FontSize="12"
            TextColor="{markup:AppColors Gray}" />
        <controls:RatingControl
            x:Name="RatingControl"
            Grid.Row="4"
            HeightRequest="12"
            VerticalOptions="Center" />
        <Label
            x:Name="ReviewsLabel"
            Grid.Row="4"
            Grid.Column="1"
            Margin="4,0,0,0"
            FontFamily="SourceSansProRegular"
            FontSize="12"
            TextColor="{markup:AppColors Gray}" />
        <Label
            x:Name="SessionsLabel"
            Grid.Row="5"
            Grid.ColumnSpan="2"
            FontFamily="SourceSansProRegular"
            FontSize="12"
            TextColor="{markup:AppColors Gray}" />
    </Grid>
</ContentView>