<UserControl x:Class="Tango.PPC.Common.Notifications.NotificationItems.MessageNotificationItemView"
             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:touch="clr-namespace:Tango.Touch.Controls;assembly=Tango.Touch"
             xmlns:local="clr-namespace:Tango.PPC.Common.Notifications.NotificationItems"
             mc:Ignorable="d" 
             d:DesignHeight="60" d:DesignWidth="800" d:DataContext="{d:DesignInstance Type=local:MessageNotificationItem, IsDesignTimeCreatable=False}" MinHeight="60" Height="60" MaxHeight="150">

    <ContentControl>
        <ContentControl.Style>
            <Style TargetType="ContentControl">
                <Setter Property="Foreground" Value="{StaticResource TangoLightForegroundBrush}"></Setter>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding MessageType}" Value="Info">
                        <Setter Property="Foreground" Value="{StaticResource TangoLightForegroundBrush}"></Setter>
                    </DataTrigger>
                    <DataTrigger Binding="{Binding MessageType}" Value="Success">
                        <Setter Property="Foreground" Value="{StaticResource TangoSuccessBrush}"></Setter>
                    </DataTrigger>
                    <DataTrigger Binding="{Binding MessageType}" Value="Warning">
                        <Setter Property="Foreground" Value="{StaticResource TangoWarningBrush}"></Setter>
                    </DataTrigger>
                    <DataTrigger Binding="{Binding MessageType}" Value="Error">
                        <Setter Property="Foreground" Value="{StaticResource TangoErrorBrush}"></Setter>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </ContentControl.Style>
        <DockPanel>
            <touch:TouchIcon Margin="15" DockPanel.Dock="Left" MaxHeight="50">
                <touch:TouchIcon.Style>
                    <Style TargetType="touch:TouchIcon">
                        <Setter Property="Icon" Value="Information"></Setter>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding MessageType}" Value="Info">
                                <Setter Property="Icon" Value="Information"></Setter>
                            </DataTrigger>
                            <DataTrigger Binding="{Binding MessageType}" Value="Success">
                                <Setter Property="Icon" Value="Check"></Setter>
                            </DataTrigger>
                            <DataTrigger Binding="{Binding MessageType}" Value="Warning">
                                <Setter Property="Icon" Value="Alert"></Setter>
                            </DataTrigger>
                            <DataTrigger Binding="{Binding MessageType}" Value="Error">
                                <Setter Property="Icon" Value="AlertOctagon"></Setter>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </touch:TouchIcon.Style>
            </touch:TouchIcon>

            <StackPanel Margin="10 0 0 0" VerticalAlignment="Center">
                <TextBlock Text="{Binding Message}" TextTrimming="CharacterEllipsis" TextWrapping="Wrap"></TextBlock>

                <TextBlock Margin="0 20 0 0" Text="{Binding ExpandedMessage}" TextWrapping="Wrap" Visibility="{Binding IsExpanded,Converter={StaticResource BooleanToVisibilityConverter}}"></TextBlock>
            </StackPanel>
        </DockPanel>
    </ContentControl>
</UserControl>