<UserControl x:Class="Tango.MachineStudio.Logging.Views.EventDetailsView"
             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:converters="clr-namespace:Tango.SharedUI.Converters;assembly=Tango.SharedUI"
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:controls="clr-namespace:Tango.SharedUI.Controls;assembly=Tango.SharedUI"
             xmlns:vm="clr-namespace:Tango.MachineStudio.Logging.ViewModels"
             xmlns:entities="clr-namespace:Tango.BL.Entities;assembly=Tango.BL"
             xmlns:local="clr-namespace:Tango.MachineStudio.Logging.Views"
             mc:Ignorable="d" 
             Height="500" Width="800" Background="{StaticResource Dialog.Background}" d:DataContext="{d:DesignInstance Type=vm:EventDetailsViewVM, IsDesignTimeCreatable=False}" Foreground="{StaticResource MainWindow.Foreground}">

    <UserControl.Resources>
        <converters:DateTimeUTCToStringConverter x:Key="DateTimeUTCToStringConverter" />
    </UserControl.Resources>

    <Grid>
        <Grid Grid.RowSpan="2">
            <Grid.RowDefinitions>
                <RowDefinition Height="60"/>
                <RowDefinition Height="31*"/>
                <RowDefinition Height="50"/>
            </Grid.RowDefinitions>

            <StackPanel Orientation="Horizontal">
                <materialDesign:PackIcon Width="42" Height="42" VerticalAlignment="Center">
                    <materialDesign:PackIcon.Style>
                        <Style TargetType="materialDesign:PackIcon">
                            <Setter Property="Kind" Value="Alert"></Setter>
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding Event.Category}" Value="Info">
                                    <Setter Property="Kind" Value="Information"></Setter>
                                    <Setter Property="Foreground" Value="{StaticResource DimGrayBrush}"></Setter>
                                </DataTrigger>
                                <DataTrigger Binding="{Binding Event.Category}" Value="Warning">
                                    <Setter Property="Kind" Value="Alert"></Setter>
                                    <Setter Property="Foreground" Value="{StaticResource OrangeBrush}"></Setter>
                                </DataTrigger>
                                <DataTrigger Binding="{Binding Event.Category}" Value="Error">
                                    <Setter Property="Kind" Value="AlertOctagon"></Setter>
                                    <Setter Property="Foreground" Value="{StaticResource RedBrush100}"></Setter>
                                </DataTrigger>
                                <DataTrigger Binding="{Binding Event.Category}" Value="Critical">
                                    <Setter Property="Kind" Value="BellPlus"></Setter>
                                    <Setter Property="Foreground" Value="Red"></Setter>
                                </DataTrigger>
                                <DataTrigger Binding="{Binding Event.Type}" Value="ApplicationStarted">
                                    <Setter Property="Kind" Value="ClockFast"></Setter>
                                    <Setter Property="Foreground" Value="White"></Setter>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </materialDesign:PackIcon.Style>
                </materialDesign:PackIcon>
                <TextBlock VerticalAlignment="Center" Text="{Binding Event.EventType.Title}" Margin="10 0 0 0" FontSize="16"></TextBlock>
            </StackPanel>

            <Grid Grid.Row="1">
                <DockPanel>
                    <UniformGrid Columns="2" DockPanel.Dock="Top">
                        <controls:TableGrid RowHeight="30">
                            <TextBlock Text="Date:" FontWeight="SemiBold" />
                            <TextBlock Text="{Binding Event.DateTime,Converter={StaticResource DateTimeUTCToStringConverter},ConverterParameter='MM/dd/yyyy HH:mm:ss.fff'}"></TextBlock>
                            <TextBlock Text="Host Name:" FontWeight="SemiBold" />
                            <TextBlock Text="{Binding Event.HostName}"></TextBlock>
                            <TextBlock Text="Machine:" FontWeight="SemiBold" />
                            <TextBlock Text="{Binding Event.Machine.SerialNumber}"></TextBlock>
                            <TextBlock Text="User:" FontWeight="SemiBold" />
                            <TextBlock Text="{Binding Event.EventUser.Contact.FullName}"></TextBlock>
                        </controls:TableGrid>

                        <controls:TableGrid RowHeight="30">
                            <TextBlock Text="Category:" FontWeight="SemiBold" />
                            <TextBlock Text="{Binding Event.EventType.Category}"></TextBlock>
                            <TextBlock Text="Group:" FontWeight="SemiBold" />
                            <TextBlock Text="{Binding Event.EventType.Group}"></TextBlock>
                        </controls:TableGrid>
                    </UniformGrid>

                    <Border Padding="5" BorderThickness="1" BorderBrush="{StaticResource BorderBrushGainsboro}">
                        <TextBox BorderThickness="0" Text="{Binding Event.Description}" Style="{x:Null}" TextWrapping="Wrap" IsReadOnly="True" HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto" Background="Transparent" />
                    </Border>
                </DockPanel>
            </Grid>

            <Grid Grid.Row="2">
                <Button HorizontalAlignment="Right" Width="140" Command="{Binding CloseCommand}">CLOSE</Button>
            </Grid>
        </Grid>
    </Grid>
</UserControl>