<UserControl x:Class="Tango.FSE.UI.Dialogs.BugReportView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:material="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:local="clr-namespace:Tango.FSE.UI.Dialogs"
             mc:Ignorable="d" 
             Width="550" Height="600" d:DataContext="{d:DesignInstance Type=local:BugReportViewVM, IsDesignTimeCreatable=False}" Background="{StaticResource FSE_PrimaryBackgroundLightBrush}" Foreground="{StaticResource FSE_PrimaryForegroundBrush}">
    <DockPanel Margin="10">

        <StackPanel DockPanel.Dock="Top" Orientation="Horizontal">
            <material:PackIcon Width="42" Height="42" VerticalAlignment="Center" Kind="Bugfood" Foreground="{StaticResource FSE_ErrorBrush}" />
            <TextBlock VerticalAlignment="Center" Text="Report Issue" Margin="10 0 0 0" FontSize="{StaticResource FSE_LargeFontSize}"></TextBlock>
        </StackPanel>

        <Grid Margin="0 20 0 0" DockPanel.Dock="Top">
            <DockPanel>
                <StackPanel DockPanel.Dock="Top">

                    <TextBlock Foreground="{StaticResource FSE_GrayBrush}" TextWrapping="Wrap">
                    <Run>It looks like we have some internal issues.</Run>
                    <LineBreak/>
                    <Run>Help us improve your experience by submitting a report and our team will be notified.</Run>
                    </TextBlock>

                    <TextBox Margin="0 20" IsReadOnly="{Binding IsEditable,Converter={StaticResource BooleanInverseConverter}}" Text="{Binding Title,NotifyOnValidationError=True,ValidatesOnDataErrors=True,ValidatesOnNotifyDataErrors=True}" material:HintAssist.Hint="Title" material:HintAssist.IsFloating="True"></TextBox>

                    <StackPanel Margin="0 10 0 0">
                        <DockPanel>
                            <material:PackIcon Kind="Pencil" />
                            <TextBlock Margin="5 0 0 0" VerticalAlignment="Center" FontSize="{StaticResource FSE_SmallFontSize}">What Happened ?</TextBlock>
                        </DockPanel>
                        <TextBox Background="{StaticResource FSE_PrimaryBackgroundBrush}" IsEnabled="{Binding IsEditable}" Text="{Binding Description,NotifyOnValidationError=True,ValidatesOnDataErrors=True,ValidatesOnNotifyDataErrors=True}" Margin="0 3 0 0" Style="{StaticResource FSE_Rounded_Corners_TextBox_Multiline}" AcceptsReturn="True" TextWrapping="Wrap" Height="200"></TextBox>
                    </StackPanel>
                </StackPanel>

                <DockPanel Margin="0 20 0 0">
                    <DockPanel DockPanel.Dock="Top">
                        <material:PackIcon Kind="UserAlertOutline" />
                        <TextBlock Margin="5 0 0 0" VerticalAlignment="Center" FontSize="{StaticResource FSE_SmallFontSize}">Additional Comments</TextBlock>
                    </DockPanel>
                    <TextBox TextWrapping="Wrap" Text="{Binding Comments,NotifyOnValidationError=True,ValidatesOnDataErrors=True,ValidatesOnNotifyDataErrors=True}" Margin="0 2 0 0" Style="{StaticResource FSE_Rounded_Corners_TextBox_Multiline}" AcceptsReturn="True"></TextBox>
                </DockPanel>
            </DockPanel>
        </Grid>
    </DockPanel>
</UserControl>