<UserControl x:Class="Tango.SharedUI.Controls.ScriptEditorControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:avalonEdit="http://icsharpcode.net/sharpdevelop/avalonedit"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:fa="http://schemas.fontawesome.io/icons/"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="400" d:DesignWidth="600" Background="#151515">

    <UserControl.InputBindings>
        <KeyBinding Key="F5" Command="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=RunCommand}" />
    </UserControl.InputBindings>

    <Grid>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="40"/>
                <RowDefinition Height="1*"/>
            </Grid.RowDefinitions>
            <Border BorderThickness="0 0 0 1" BorderBrush="#545454">
                <ToolBar Background="#202020">
                    <StackPanel Margin="20 0 0 0" Orientation="Horizontal">
                        <Button Cursor="Hand" Command="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=SaveCommand}" ToolTip="Save" Style="{DynamicResource MetroCircleButtonStyle}" Width="16" Height="16">
                            <fa:ImageAwesome Icon="Save" Foreground="LightGray"></fa:ImageAwesome>
                        </Button>
                        <Rectangle Margin="20 7 10 5" HorizontalAlignment="Center" VerticalAlignment="Stretch" Stroke="#3E3E3E" StrokeThickness="2"></Rectangle>
                        <Button Cursor="Hand" Command="Undo" Margin="10 0 0 0" ToolTip="Undo"  Style="{DynamicResource MetroCircleButtonStyle}" Width="16" Height="16">
                            <fa:ImageAwesome Icon="Undo" Foreground="LightGray"></fa:ImageAwesome>
                        </Button>
                        <Button Cursor="Hand" Command="Redo" Margin="10 0 0 0" ToolTip="Redo"  Style="{DynamicResource MetroCircleButtonStyle}" Width="16" Height="16">
                            <fa:ImageAwesome Icon="Repeat" Foreground="LightGray"></fa:ImageAwesome>
                        </Button>
                        <Rectangle Margin="20 7 10 5" HorizontalAlignment="Center" VerticalAlignment="Stretch" Stroke="#3E3E3E" StrokeThickness="2"></Rectangle>
                        <Button Cursor="Hand" Command="Cut" Margin="10 0 0 0" ToolTip="Cut"  Style="{DynamicResource MetroCircleButtonStyle}" Width="16" Height="16">
                            <fa:ImageAwesome Icon="Cut" Foreground="LightGray"></fa:ImageAwesome>
                        </Button>
                        <Button Cursor="Hand" Command="Copy" Margin="10 0 0 0" ToolTip="Copy"  Style="{DynamicResource MetroCircleButtonStyle}" Width="20" Height="16">
                            <fa:ImageAwesome Icon="Copy" Foreground="LightGray"></fa:ImageAwesome>
                        </Button>
                        <Button Cursor="Hand" Command="Paste" Margin="10 0 0 0" ToolTip="Paste"  Style="{DynamicResource MetroCircleButtonStyle}" Width="16" Height="20">
                            <fa:ImageAwesome Icon="Paste" Foreground="LightGray"></fa:ImageAwesome>
                        </Button>
                        <Rectangle Margin="20 7 10 5" HorizontalAlignment="Center" VerticalAlignment="Stretch" Stroke="#3E3E3E" StrokeThickness="2"></Rectangle>
                        <Button Cursor="Hand" Margin="10 0 0 0" ToolTip="Run (F5)" Command="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=RunCommand}" Style="{DynamicResource MetroCircleButtonStyle}" Width="16" Height="16">
                            <fa:ImageAwesome Icon="Play">
                                <fa:ImageAwesome.Style>
                                    <Style TargetType="fa:ImageAwesome">
                                        <Setter Property="Foreground" Value="#8DD28A"></Setter>
                                        <Style.Triggers>
                                            <Trigger Property="IsEnabled" Value="False">
                                                <Setter Property="Foreground" Value="Gray"></Setter>
                                            </Trigger>
                                        </Style.Triggers>
                                    </Style>
                                </fa:ImageAwesome.Style>
                            </fa:ImageAwesome>
                        </Button>
                        <Button Cursor="Hand" Margin="15 0 0 0" ToolTip="Stop" Command="{Binding RelativeSource={RelativeSource AncestorType=UserControl},Path=StopCommand}" Style="{DynamicResource MetroCircleButtonStyle}" Width="14" Height="14">
                            <fa:ImageAwesome Icon="Stop">
                                <fa:ImageAwesome.Style>
                                    <Style TargetType="fa:ImageAwesome">
                                        <Setter Property="Foreground" Value="#F38B76"></Setter>
                                        <Style.Triggers>
                                            <Trigger Property="IsEnabled" Value="False">
                                                <Setter Property="Foreground" Value="Gray"></Setter>
                                            </Trigger>
                                        </Style.Triggers>
                                    </Style>
                                </fa:ImageAwesome.Style>
                            </fa:ImageAwesome>
                        </Button>
                    </StackPanel>
                </ToolBar>
            </Border>

            <Border Grid.Row="1" CornerRadius="5"  BorderThickness="0" BorderBrush="#404040">
                <avalonEdit:TextEditor Padding="5" TextChanged="textEditor_TextChanged" Background="#151515" Foreground="Gainsboro" Margin="5 5 0 0" ScrollViewer.HorizontalScrollBarVisibility="Auto"
				Name="textEditor"
				FontFamily="Consolas"
				FontSize="10pt"
				SyntaxHighlighting="C#"
                ShowLineNumbers="True">
                    <avalonEdit:TextEditor.ContextMenu>
                        <ContextMenu>
                            <ContextMenu.Resources>
                                <Style TargetType="MenuItem" BasedOn="{StaticResource {x:Type MenuItem}}">
                                    <Setter Property="Foreground" Value="Gainsboro"></Setter>
                                </Style>
                            </ContextMenu.Resources>
                            <MenuItem Header="Cut" MinWidth="150" Command="Cut">
                                <MenuItem.Icon>
                                    <fa:ImageAwesome Icon="Cut" Width="12" Foreground="Gainsboro" Margin="2" />
                                </MenuItem.Icon>
                            </MenuItem>
                            <Separator/>
                            <MenuItem Header="Copy" Command="Copy">
                                <MenuItem.Icon>
                                    <fa:ImageAwesome Icon="Copy" Width="12" Foreground="Gainsboro" Margin="2" />
                                </MenuItem.Icon>
                            </MenuItem>
                            <MenuItem Header="Paste" Command="Paste">
                                <MenuItem.Icon>
                                    <fa:ImageAwesome Icon="Paste" Width="12" Foreground="Gainsboro" Margin="2" />
                                </MenuItem.Icon>
                            </MenuItem>
                        </ContextMenu>
                    </avalonEdit:TextEditor.ContextMenu>
                </avalonEdit:TextEditor>
            </Border>
        </Grid>
    </Grid>
</UserControl>