<?xml version="1.0" encoding="utf-8"?>
<Page
    x:Class="was.droidtransfer.features.calllogs.CallLogsSettingsPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:was.droidtransfer.features.calllogs"
    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:CallLogsSettingsPage}">

    <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="TextBlockCallLogsSettings" Style="{ThemeResource TitleTextBlockStyle}" Margin="0,10,0,20" Text="XX Call Logs Settings"/>
            <TextBlock x:Uid="TextBlockSortOptions" Style="{ThemeResource SubtitleTextBlockStyle}" Text="XX Sort Options" Margin="0,0,0,15"/>
            <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                <ComboBox x:Uid="ComboBoxSortType" x:Name="comboBoxSortType" Header="XX Order call logs by">
                    <ComboBoxItem x:Uid="ComboBoxItemName" Content="XX Name"  />
                    <ComboBoxItem x:Uid="ComboBoxItemLastUpdated" Content="XX Last Updated" />
                </ComboBox>
                <Border x:Name="borderSortType" Style="{StaticResource HelpButtonBorderStyle}" Tapped="_borderSortType_Tapped" Margin="20,1,0,0" >
                    <FontIcon Style="{StaticResource HelpButtonFontIconStyle}"/>
                </Border>
            </StackPanel>
            <TeachingTip x:Uid="TeachingTipSortType" x:Name="teachingTipSortType" Target="{x:Bind comboBoxSortType}" Title="XX Call Logs Sort Order" 
                         Subtitle="XX This determines how your call logs are listed. Listed alphabetically by first name or by last call date."/>

            <TextBlock x:Uid="TextBlockExportOptions" Style="{ThemeResource SubtitleTextBlockStyle}" Text="XX Export Options" Margin="0,20,0,15"/>
            <CheckBox x:Name="checkBoxMergeCallLogs">
                <TextBlock x:Uid="TextBlockMergeCallLogs" Style="{ThemeResource BodyTextBlockStyle}" Text="XX Merge selected call logs into a single call log."/>
            </CheckBox>
        </StackPanel>
    </Grid>
</Page>
