<?xml version="1.0" encoding="UTF-8"?>
<i:IllustDataCollectionPage 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.RecommendsPage"
                            BackgroundColor="{DynamicResource WindowColor}"
                            Title="{r:Text Recommends}">
    <ContentPage.ToolbarItems>
        <ToolbarItem Order="Primary" Clicked="Refresh_Clicked"
                     IconImageSource="{DynamicResource FontIconRefresh}"/>
    </ContentPage.ToolbarItems>
    <Grid Padding="{Binding PageTopMargin}">
        <ScrollView HorizontalOptions="Fill">
            <u:FlowLayout ItemsSource="{Binding Illusts}"
                          HorizontalOptions="Fill" Column="{Binding Columns}"
                          Margin="16, 6, 16, 16" RowSpacing="16" ColumnSpacing="16"
                          ItemTemplate="{StaticResource cardView}"/>
        </ScrollView>
        <Grid Margin="0, -40, 0, 0" VerticalOptions="Start" HeightRequest="40">
            <u:SegmentedControl VerticalOptions="Center" HorizontalOptions="Center"
                                HeightRequest="30"
                                BackgroundColor="{DynamicResource WindowColor}"
                                TintColor="{DynamicResource SubTextColor}"
                                SelectedTextColor="{DynamicResource TextColor}"
                                SelectedSegmentIndex="{Binding SegmentIndex, Mode=TwoWay}">
                <u:SegmentedControl.Children>
                    <u:SegmentedControlOption Text="{r:Text Recommends}"/>
                    <u:SegmentedControlOption Text="{r:Text ByUser}"/>
                </u:SegmentedControl.Children>
            </u:SegmentedControl>
        </Grid>
        <Frame HasShadow="False" Margin="0" Padding="20" CornerRadius="8"
               IsVisible="{Binding IsLoading}"
               HorizontalOptions="Center" VerticalOptions="Center"
               BackgroundColor="{DynamicResource MaskColor}">
            <ActivityIndicator IsRunning="True" IsVisible="True"
                               Color="{DynamicResource WindowColor}"/>
        </Frame>
    </Grid>
</i:IllustDataCollectionPage>
