<UserControl x:Class="Artemis.UI.Screens.Settings.Debug.Tabs.RenderDebugView"
             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:local="clr-namespace:Artemis.UI.Screens.Settings.Debug.Tabs"
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:s="https://github.com/canton7/Stylet"
             mc:Ignorable="d"
             d:DesignHeight="450" d:DesignWidth="800" d:DataContext="{d:DesignInstance local:RenderDebugViewModel}">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="0" TextWrapping="Wrap">
            In this window you can view the inner workings of Artemis.
            Please note that having this window open can have a performance impact on your system.
        </TextBlock>

        <Grid Grid.Row="1" Margin="0,10,0,0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>
            <TextBlock Grid.Column="0">
                This image shows what is being rendered and dispatched to RGB.NET
            </TextBlock>
            <TextBlock Grid.Column="1" HorizontalAlignment="Right" Margin="0,0,5,0">
                <Run Text="FPS: " />
                <Run FontWeight="Bold" Text="{Binding CurrentFps}" />
                <Run Text="at" />
                <Run Text="{Binding RenderWidth}" /><Run Text="x" /><Run Text="{Binding RenderHeight}" />
                <Run Text="- Renderer:"></Run>
                <Run Text="{Binding Renderer}"></Run>
            </TextBlock>
        </Grid>

        <materialDesign:Card Grid.Row="2" Margin="0 5" Background="{StaticResource Checkerboard}">
            <Image Source="{Binding CurrentFrame}" />
        </materialDesign:Card>

        <StackPanel Grid.Row="3" HorizontalAlignment="Right" Margin="0 5">
            <Button Style="{StaticResource MaterialDesignOutlinedButton}" Command="{s:Action SaveFrame}">SAVE FRAME</Button>
        </StackPanel>
    </Grid>
</UserControl>