<?xml version="1.0" encoding="UTF-8"?>
<ContentView
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:inutralia;assembly=inutralia"
	  xmlns:ffimageloading="clr-namespace:FFImageLoading.Forms;assembly=FFImageLoading.Forms"
    x:Class="inutralia.Views.TrivialGameResultTemplate"
    x:Name="TrivialGameItemTemplate"
    BackgroundColor="White">

  <StackLayout Padding="8,8,8,8">
    <Label Text="{Binding Question.Text}" HorizontalOptions="Start" />

    <StackLayout Orientation="Horizontal" HorizontalOptions="FillAndExpand">
      <Label Text="  { x:Static local:IoniciconsFont.CheckmarkCircled }"
             IsVisible="{Binding IsCorrect}"
             Margin="26,0,26,0"
             HorizontalOptions="Start"
             TextColor="Green"
             Style="{StaticResource FontIcon}"
             FontSize="Small"
             YAlign="Center"
             XAlign="Start">

        <Label.FontSize>
          <OnIdiom x:TypeArguments="x:Double"
                   Phone="12"
                   Tablet="20"/>
        </Label.FontSize>
      </Label>

      <Label Text="  { x:Static local:IoniciconsFont.CloseCircled }"
             IsVisible="{Binding IsNotCorrect}"
             Margin="26,0,26,0"
             HorizontalOptions="Start"
             TextColor="Red"
             Style="{StaticResource FontIcon}"
             FontSize="Small"
             YAlign="Center"
             XAlign="Start">

        <Label.FontSize>
          <OnIdiom x:TypeArguments="x:Double"
                   Phone="12"
                   Tablet="20"/>
        </Label.FontSize>
      </Label>

      <Label Text="{Binding Answer}" HorizontalOptions="Start"  YAlign="Center" />
    </StackLayout>

    <StackLayout IsVisible="{Binding IsNotCorrect}" Orientation="Horizontal" HorizontalOptions="FillAndExpand">
      <Label Text="  { x:Static local:IoniciconsFont.CheckmarkCircled }" Margin="26,0,26,0" HorizontalOptions="Start" TextColor="Green" Style="{StaticResource FontIcon}" FontSize="Small"  YAlign="Center" XAlign="Start">
        <Label.FontSize>
          <OnIdiom x:TypeArguments="x:Double"
                   Phone="12"
                   Tablet="20"/>
        </Label.FontSize>
      </Label>

      <Label Text="{Binding ValidAnswer}" HorizontalOptions="Start"  YAlign="Center" />

    </StackLayout>
  </StackLayout>
</ContentView>
