<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core"
             mc:Ignorable="d"
             x:Class="QControlKitXamDemo.MainPage"
             ios:Page.UseSafeArea="true"
             BackgroundColor="{DynamicResource PageBackgroundColor}">
    <ContentPage.Content>

        <StackLayout>
            <Frame BackgroundColor="{DynamicResource PageBackgroundColor}"
                   CornerRadius="0"
                   Margin="0"
                   Padding="0"
                   HasShadow="False">
                <StackLayout Spacing="0" BackgroundColor="Transparent">
                    <Label  Margin="0,10,0,10"
                            Padding="0"
                            HorizontalOptions="FillAndExpand"
                            VerticalOptions="FillAndExpand"
                            HorizontalTextAlignment="Center"
                            FontSize="Title"
                            Text="Discovered QLab Instances" />
                    <!--Need to try and remove the group spacing caused by ios:GroupHeaderStyle-->
                    <ListView x:Name="serverListView"
                            ios:ListView.GroupHeaderStyle="Grouped"
                            GroupDisplayBinding="{Binding name}"
                            IsGroupingEnabled="True"
                            d:IsGroupingEnabled="False"
                            BackgroundColor="Transparent"
                            SeparatorVisibility="None"
                            ItemsSource="{Binding ServersGrouped}"
                            Margin="0">
                        <ListView.GroupHeaderTemplate>
                            <DataTemplate>
                                <ViewCell>
                                    <Frame BackgroundColor="{DynamicResource ServerCellBackgroundColor}"
                                            Margin="0,0,0,0"
                                            Padding="10,0,10,0"
                                            CornerRadius="0">
                                        <Grid BackgroundColor="Transparent" VerticalOptions="FillAndExpand"
                                                RowSpacing="0"
                                                ColumnSpacing="0">
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="*"/>
                                            </Grid.RowDefinitions>
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="Auto"/>
                                            </Grid.ColumnDefinitions>

                                            <Label Grid.Column="0"
                                                    Text="{Binding GroupName}"
                                                    HorizontalOptions="FillAndExpand"
                                                    VerticalOptions="FillAndExpand"
                                                    VerticalTextAlignment="Center"
                                                    HorizontalTextAlignment="Start"
                                                    StyleClass="PrimaryText"/>
                                            <Label Grid.Column="1"
                                                    Text="{Binding version}"
                                                    HorizontalOptions="FillAndExpand"
                                                    VerticalOptions="FillAndExpand"
                                                    VerticalTextAlignment="Center"
                                                    HorizontalTextAlignment="End"
                                                    StyleClass="PrimaryText"/>
                                        </Grid>
                                    </Frame>
                                </ViewCell>
                            </DataTemplate>
                        </ListView.GroupHeaderTemplate>
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <ViewCell>
                                    <Frame BackgroundColor="{DynamicResource WorkspaceCellBackgroundColor}"
                                            BorderColor="Black"
                                            Margin="5,0,5,0"
                                            Padding="10,0,10,0"
                                            CornerRadius="0"
                                            HasShadow="False">
                                        <Grid Margin="0"
                                                BackgroundColor="Transparent"
                                                RowSpacing="0"
                                                ColumnSpacing="0">
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="*"/>
                                            </Grid.RowDefinitions>
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="*"/>
                                                <ColumnDefinition Width="Auto"/>
                                            </Grid.ColumnDefinitions>


                                            <Label Grid.Column="0" Text="{Binding Name}"
                                                        HorizontalOptions="FillAndExpand"
                                                        VerticalOptions="FillAndExpand"
                                                        VerticalTextAlignment="Center"
                                                        HorizontalTextAlignment="Start"
                                                        StyleClass="PrimaryText"/>

                                            <Label Grid.Column="1" Text="&#xf1184;"
                                                        FontFamily="{StaticResource MaterialFontFamily}"
                                                        FontSize="Large"
                                                        IsVisible="{Binding HasPasscode}"
                                                        HorizontalOptions="FillAndExpand"
                                                        VerticalOptions="FillAndExpand"
                                                        VerticalTextAlignment="Center"
                                                        HorizontalTextAlignment="End"
                                                        StyleClass="PrimaryText"/>
                                        </Grid>
                                    </Frame>
                                </ViewCell>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>
                </StackLayout>
            </Frame>

        </StackLayout>
    </ContentPage.Content>
</ContentPage>