<?xml version="1.0" encoding="UTF-8"?>
<i:IllustRecommendsCollectionPage xmlns="http://xamarin.com/schemas/2014/forms"
                                  xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                                  xmlns:i="clr-namespace:Pixiview.Illust"
                                  xmlns:u="clr-namespace:Pixiview.UI"
                                  xmlns:r="clr-namespace:Pixiview.Resources"
                                  x:Class="Pixiview.Illust.RelatedIllustsPage"
                                  Title="{r:Text RelatedIllusts}"
                                  BackgroundColor="{DynamicResource WindowColor}">
    <ContentPage.ToolbarItems>
        <ToolbarItem Order="Primary" Clicked="Refresh_Clicked"
                     IconImageSource="{DynamicResource FontIconRefresh}"/>
    </ContentPage.ToolbarItems>
    <Grid>
        <ScrollView x:Name="scrollView" Scrolled="ScrollView_Scrolled"
                    HorizontalOptions="Fill" HorizontalScrollBarVisibility="Never">
            <StackLayout>
                <ActivityIndicator x:Name="activityLoading" Margin="0, -40, 0, 0"
                                   HeightRequest="40"
                                   IsRunning="{Binding IsLoading}"
                                   IsVisible="{Binding IsLoading}"/>
                <u:FlowLayout ItemsSource="{Binding Illusts}" MaxHeightChanged="FlowLayout_MaxHeightChanged"
                              HorizontalOptions="Fill" Column="{Binding Columns}"
                              Margin="16" RowSpacing="16" ColumnSpacing="16"
                              ItemTemplate="{StaticResource cardView}"/>
                <ActivityIndicator x:Name="activityBottomLoading" Margin="0, -10, 0, 16"
                                   IsRunning="{Binding IsBottomLoading}"
                                   IsVisible="{Binding IsBottomLoading}"/>
            </StackLayout>
        </ScrollView>
    </Grid>
</i:IllustRecommendsCollectionPage>
