﻿<controls:ReflowableUserControl
    x:Class="WinStore.UX.Controls.PDP.ReportApp"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="using:WinStore.UX.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="using:WinStore.UX.Controls.PDP"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    HorizontalAlignment="Stretch"
    HorizontalContentAlignment="Stretch"
    d:DesignHeight="300"
    d:DesignWidth="400"
    mc:Ignorable="d">

	<ScrollViewer HorizontalScrollMode="Disabled" VerticalScrollBarVisibility="Auto" VerticalScrollMode="Auto">
		<Grid x:ConnectionId='1' x:Name="_reportAppGrid">
			<VisualStateManager.VisualStateGroups>
				<VisualStateGroup x:ConnectionId='2' x:Name="DisplayStates">
					<VisualState x:ConnectionId='3' x:Name="Wide" />
					<VisualState x:ConnectionId='4' x:Name="MediumWide" />
					<VisualState x:ConnectionId='5' x:Name="Medium" />
					<VisualState x:ConnectionId='6' x:Name="MediumNarrow" />
					<VisualState x:ConnectionId='7' x:Name="Narrow">
						<Storyboard>
							<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Height" Storyboard.TargetName="_gridRowSix">
								<DiscreteObjectKeyFrame KeyTime="0" Value="80" />
							</ObjectAnimationUsingKeyFrames>
						</Storyboard>
					</VisualState>
				</VisualStateGroup>
			</VisualStateManager.VisualStateGroups>
			<Grid.RowDefinitions>
				<RowDefinition Height="Auto" />
				<RowDefinition Height="Auto" />
				<RowDefinition Height="Auto" />
				<RowDefinition Height="Auto" />
				<RowDefinition Height="15" />
				<RowDefinition Height="Auto" />
				<RowDefinition x:ConnectionId='8' Height="148" x:Name="_gridRowSix"/>
				<RowDefinition Height="Auto" />
			</Grid.RowDefinitions>
			<TextBlock x:ConnectionId='9'
				x:Name="_reportAppHeader"
				Style="{StaticResource SubtitleTextBlockStyle}"
				Margin="0,0,0,7"
				TextWrapping="WrapWholeWords"
				AutomationProperties.AutomationId="ReportAppHeader"
				x:Uid="ReportAppHeader" />
			<TextBlock x:ConnectionId='10'
				x:Name="_reportAppReasonHeader"
				Grid.Row="2"
				Margin="0,0,0,7"
				Style="{StaticResource BodyTextBlockStyle}"
				x:Uid="ReportAppReasonHeader" />
			<ComboBox x:ConnectionId='11'
				x:Name="_reportAppComboBox"
				Grid.Row="3"
				Height="32"
				Margin="0,0,0,8"
				                                                    />
			<TextBlock x:ConnectionId='12'
				x:Name="_comboBoxError"
				Style="{StaticResource CaptionTextBlockStyle}"
				Grid.Row="4"
				AutomationProperties.LiveSetting="Assertive"
				Foreground="{ThemeResource ErrorTextBrush}"
				Visibility="Collapsed"
				x:Uid="ReportAppReasonMissing" />
			<TextBlock x:ConnectionId='13'
				x:Name="_reportAppDescriptionHeader"
				Style="{StaticResource BodyTextBlockStyle}"
				Grid.Row="5"
				Margin="0,5,0,8"
				x:Uid="ReportAppTextHeader" />
			<TextBox x:ConnectionId='14'
				x:Name="_reportAppDescription"
				Grid.Row="6"
				VerticalContentAlignment="Top"
				MaxLength="500"
				                                              
				TextWrapping="Wrap" />
			<StackPanel Grid.Row="7" Margin="0,12,0,0" Orientation="Horizontal">
				<TextBlock x:ConnectionId='15' x:Name="_characterCount" Margin="0,0,10,0" />
				<TextBlock x:ConnectionId='16'
					x:Name="_descriptionError"
					Style="{StaticResource CaptionTextBlockStyle}"
					Foreground="{ThemeResource ErrorTextBrush}"
					Visibility="Collapsed"
					x:Uid="ReportAppDescriptionMissing" />
			</StackPanel>
		</Grid>
	</ScrollViewer>
</controls:ReflowableUserControl>

