<Page
    x:Class="Mensa.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Mensa"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    DataContext="{Binding RelativeSource={RelativeSource Self}}"
    d:DataContext="{Binding Source={d:DesignInstance Type=local:DesignTimeData, IsDesignTimeCreatable=True}}"
    mc:Ignorable="d" Foreground="Black">

    <Grid Background="#FFCCCCCC">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="120" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="10" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="120" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="100" />
            <RowDefinition Height="40" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <Rectangle Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="5" Grid.RowSpan="3" Fill="Orange" />
        <TextBlock Text="Mensa Leipzig" Grid.Row="0" Grid.Column="1" Style="{StaticResource PageHeaderTextStyle}" Foreground="#FF17479E" />
        <ProgressRing Name="ProgressRing" Grid.Row="1" Grid.Column="1" VerticalAlignment="Center" HorizontalAlignment="Left" Foreground="{StaticResource MensaBlue}" />
        <ListView Name="MensaList"
                  ItemsSource="{Binding Mensae}"
                  Background="{StaticResource ListViewBackground}"
                  SelectionChanged="MensaListOnItemClick"
                  Grid.Column="1"
                  Grid.Row="2"
                  ItemContainerStyle="{StaticResource MensaItemStyle}"
                  HeaderTemplate="{StaticResource HeaderTemplate}"
                  Header="Mensen">
            <ListView.ItemContainerTransitions>
                <TransitionCollection>
                    <EntranceThemeTransition />
                </TransitionCollection>
            </ListView.ItemContainerTransitions>
        </ListView>
        <FlipView ItemsSource="{Binding MenuLists}"
                  Grid.Column="3"
                  Grid.Row="2"
                  IsDoubleTapEnabled="False"
                  IsHoldingEnabled="False"
                  IsRightTapEnabled="False"
                  ItemContainerStyle="{StaticResource MenuFlipItemStyle}">
        </FlipView>
    </Grid>
</Page>