<?xml version="1.0" encoding="utf-8"?>
<Page
    x:Class="was.droidtransfer.features.calendars.CalendarsSettingsPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:was.droidtransfer.features.calendars"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" d:DataContext="{d:DesignInstance Type=local:CalendarsSettingsPage}">

    <Grid>
        <Grid.Resources>
            <Style x:Key="HelpButtonBorderStyle" TargetType="Border">
                <Setter Property="CornerRadius" Value="12"/>
                <Setter Property="BorderThickness" Value="2"/>
                <Setter Property="BorderBrush" Value="{StaticResource SystemAccentColor}"/>
                <Setter Property="Padding" Value="3"/>
                <Setter Property="VerticalAlignment" Value="Top"/>
            </Style>
            <Style x:Key="HelpButtonFontIconStyle" TargetType="FontIcon">
                <Setter Property="FontSize" Value="14"/>
                <Setter Property="FontWeight" Value="SemiBold"/>
                <Setter Property="Foreground" Value="{ThemeResource SystemAccentColor}"/>
                <Setter Property="Glyph" Value="&#xE897;"/>
            </Style>
        </Grid.Resources>
        <StackPanel Padding="20,10">
            <TextBlock x:Uid="TextBlockCalendarsSettings" Style="{ThemeResource TitleTextBlockStyle}" Margin="0,10,0,20" Text="XX Calendars Settings"/>
            <TextBlock x:Uid="TextBlockViewOptions" Style="{ThemeResource SubtitleTextBlockStyle}" Text="XX View Options"  Margin="0,0,0,15"/>
            <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                <ComboBox x:Uid="ComboBoxEventViewMode" x:Name="comboBoxEventViewMode" Header="XX When viewing events, view">
                    <ComboBoxItem x:Uid="ComboBoxItemEventViewModeSelectedDay" Content="XX Selected day only" />
                    <ComboBoxItem x:Uid="ComboBoxItemEventViewModeWeek" Content="XX Upcoming 7 days"  />
                    <ComboBoxItem x:Uid="ComboBoxItemEventViewModeMonth" Content="XX Upcoming month" />
                    <ComboBoxItem x:Uid="ComboBoxItemEventViewModeYear" Content="XX Upcoming year"  />
                    <ComboBoxItem x:Uid="ComboBoxItemEventViewModeFuture" Content="XX Upcoming 5 years" />
                    <ComboBoxItem x:Uid="ComboBoxItemEventViewModeFarFuture" Content="XX All future events" />
                </ComboBox>
                <Border x:Name="borderEventViewMode" Style="{StaticResource HelpButtonBorderStyle}" Tapped="_borderEventViewMode_Tapped" Margin="20,1,0,0" >
                    <FontIcon Style="{StaticResource HelpButtonFontIconStyle}"/>
                </Border>
            </StackPanel>
            <TeachingTip x:Uid="TeachingTipEventViewMode" x:Name="teachingTipEventViewMode" Target="{x:Bind comboBoxEventViewMode}" Title="XX Calendars Event View" Subtitle="XX This determines how many events are shown beginning from the selected day."/>
            <TextBlock x:Uid="TextBlockExportOptions" Style="{ThemeResource SubtitleTextBlockStyle}" Text="XX Export Options" Margin="0,30,0,15" />
            <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                <ComboBox x:Uid="ComboBoxCalendarsExportMode" x:Name="comboBoxCalendarsExportMode" Header="XX When exporting calendars, export">
                    <ComboBoxItem x:Uid="ComboBoxItemCalendarsExportModeFiltered" Content="Only shown events"  />
                    <ComboBoxItem x:Uid="ComboBoxItemCalendarsExportModeAll" Content="All events in calendar" />
                </ComboBox>
                <Border x:Name="borderCalendarsExportMode" Style="{StaticResource HelpButtonBorderStyle}" Tapped="_borderCalendarsExportMode_Tapped" Margin="20,1,0,0" >
                    <FontIcon Style="{StaticResource HelpButtonFontIconStyle}"/>
                </Border>
            </StackPanel>
            <TeachingTip x:Uid="TeachingTipCalendarsExportMode" x:Name="teachingTipCalendarsExportMode" Target="{x:Bind comboBoxCalendarsExportMode}" Title="XX Calendars Export Mode" 
Subtitle="XX This determines which calendar events are exported when exporting."/>
            <StackPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="0,12,0,0">
                <ComboBox x:Uid="ComboBoxEmptyExportAction" x:Name="comboBoxEmptyExportAction" Header="XX If filtered calendar has no events, on export">
                    <ComboBoxItem x:Uid="ComboBoxItemEmptyExportActionAsk" Content="XX Ask what action to take"  />
                    <ComboBoxItem x:Uid="ComboBoxItemEmptyExportActionExport" Content="XX Export anyway" />
                    <ComboBoxItem x:Uid="ComboBoxItemEmptyExportActionExpand" Content="XX Export all events (ignore filter)"  />
                    <ComboBoxItem x:Uid="ComboBoxItemEmptyExportActionSkip" Content="XX Skip export" />
                </ComboBox>
                <Border x:Name="borderEmptyExportAction" Style="{StaticResource HelpButtonBorderStyle}" Tapped="_borderEmptyExportAction_Tapped" Margin="20,1,0,0" >
                    <FontIcon Style="{StaticResource HelpButtonFontIconStyle}"/>
                </Border>
            </StackPanel>
            <TeachingTip x:Uid="TeachingTipEmptyExportAction" x:Name="teachingTipEmptyExportAction" Target="{x:Bind comboBoxEmptyExportAction}" Title="XX Empty Calendar Export" 
Subtitle="XX This determines what to do if an exported calendar would contain no events based on the current selection and settings."/>
        </StackPanel>
    </Grid>
</Page>
