<UserControl x:Class="Tango.MachineStudio.Logging.Views.HomeView"
             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:global="clr-namespace:Tango.MachineStudio.Logging"
             xmlns:vm="clr-namespace:Tango.MachineStudio.Logging.ViewModels"
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:local="clr-namespace:Tango.MachineStudio.Logging.Views"
             mc:Ignorable="d" 
             d:DesignHeight="1080" d:DesignWidth="1920" d:DataContext="{d:DesignInstance Type=vm:HomeViewVM, IsDesignTimeCreatable=False}" DataContext="{x:Static global:ViewModelLocator.HomeViewVM}">

    <UserControl.Resources>
        <Style TargetType="Border" x:Key="LogBorder">
            <Setter Property="Padding" Value="50"></Setter>
            <Setter Property="Background">
                <Setter.Value>
                    <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                        <GradientStop Color="#35FFFFFF"/>
                        <GradientStop Color="White" Offset="1"/>

                    </LinearGradientBrush>
                </Setter.Value>
            </Setter>
            <Setter Property="CornerRadius" Value="20"></Setter>
            <Setter Property="Width" Value="450"></Setter>
            <Setter Property="Height" Value="400"></Setter>
            <Setter Property="TextElement.Foreground" Value="#202020"></Setter>
            <Setter Property="TextElement.FontSize" Value="25"></Setter>
            <Setter Property="BorderThickness" Value="1"></Setter>
            <Setter Property="BorderBrush" Value="#D6D6D6"></Setter>
            <Setter Property="Cursor" Value="Hand"></Setter>
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="TextElement.Foreground" Value="DodgerBlue"></Setter>
                    <Setter Property="BorderBrush" Value="DodgerBlue"></Setter>
                </Trigger>
            </Style.Triggers>
        </Style>
    </UserControl.Resources>

    <Grid>

        <TextBlock Margin="80 50" FontSize="16">
            <Run FontSize="20">Machine Studio logs information from multiple source.</Run>
            <LineBreak/>
            <LineBreak/>
            <LineBreak/>
            <Run FontWeight="SemiBold">• Machine Events</Run> <Run>are predefined events that occurs only when a set of predefined actions have occurred (e.g 'Job executed', 'Thread Break').</Run>
            <LineBreak/>
            <LineBreak/>
            <Run FontWeight="SemiBold">• Application Logs</Run> <Run>are the standard machine studio logs which can be used to trace issues in code.</Run>
            <LineBreak/>
            <LineBreak/>
            <Run FontWeight="SemiBold">• Embedded Logs</Run> <Run>are logs transmitted from the machine's embedded device software.</Run>
        </TextBlock>
        
        <UniformGrid Columns="3" Rows="1" VerticalAlignment="Center" Margin="50 150 50 0">
            <Button Style="{StaticResource emptyButton}" Margin="70" Padding="0" Height="Auto" Command="{Binding NavigateToCommand}" CommandParameter="EventsView">
                <Border Style="{StaticResource LogBorder}">
                    <DockPanel>
                        <TextBlock HorizontalAlignment="Center" Margin="0 20 0 0" DockPanel.Dock="Bottom">MACHINE EVENTS</TextBlock>
                        <Image Source="../Images/events.png"></Image>
                    </DockPanel>
                </Border>
            </Button>

            <Button Style="{StaticResource emptyButton}" Margin="70" Padding="0" Height="Auto" Command="{Binding NavigateToCommand}" CommandParameter="ApplicationLogsView">
                <Border Style="{StaticResource LogBorder}">
                    <DockPanel>
                        <TextBlock HorizontalAlignment="Center" Margin="0 20 0 0" DockPanel.Dock="Bottom">APPLICATION LOGS</TextBlock>
                        <Image Source="../Images/application-logs.png"></Image>
                    </DockPanel>
                </Border>
            </Button>

            <Button Style="{StaticResource emptyButton}" Margin="70" Padding="0" Height="Auto" Command="{Binding NavigateToCommand}" CommandParameter="EmbeddedLogsView">
                <Border Style="{StaticResource LogBorder}">
                    <DockPanel>
                        <TextBlock HorizontalAlignment="Center" Margin="0 20 0 0" DockPanel.Dock="Bottom">EMBEDDED LOGS</TextBlock>
                        <Image Source="../Images/embedded-logs.png"></Image>
                    </DockPanel>
                </Border>
            </Button>
        </UniformGrid>
    </Grid>
</UserControl>