<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:local="clr-namespace:Artemis.UI.Screens.Debugger.Render"
             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
             x:DataType="local:RenderDebugViewModel"
             x:Class="Artemis.UI.Screens.Debugger.Render.RenderDebugView">
    <StackPanel>
        <TextBlock Classes="h3">Render</TextBlock>
        <TextBlock TextWrapping="Wrap">
            On this page you can view what Artemis renders to devices in real time. Artemis will overlay this image on your devices, taking the average of each pixel covering a LED, resulting the image appearing on your devices.
        </TextBlock>
        <TextBlock TextWrapping="Wrap" Classes="subtitle" Margin="0 10">
            Please note that having this window open can have a performance impact on your system.
        </TextBlock>

        <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
            <TextBlock Text="FPS: " />
            <TextBlock FontWeight="Bold" Text="{CompiledBinding CurrentFps}" />
            <TextBlock Text=" at " />
            <TextBlock Text="{CompiledBinding RenderWidth}" />
            <TextBlock Text="x" />
            <TextBlock Text="{CompiledBinding RenderHeight}" />
            <TextBlock Text=" - Renderer: " />
            <TextBlock Text="{CompiledBinding Renderer}" />
        </StackPanel>

        <Border Classes="card" Padding="10">
          <Image Name="Visualization" Source="{CompiledBinding CurrentFrame}">
            <Image.Transitions>
              <Transitions>
                <TransformOperationsTransition Property="RenderTransform" Duration="0:0:0.2" Easing="CubicEaseOut" />
              </Transitions>
            </Image.Transitions>
          </Image>
        </Border>
    </StackPanel>
</UserControl>