<UserControl
    x:Class="GuidaTv.ProgramItem"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:GuidaTv"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    xmlns:common="using:GuidaTv.Common"
    d:DesignHeight="300"
    d:DesignWidth="400" >
    
    <UserControl.Resources>
        <common:DurationToWidthConverter x:Key="dtwConverter"></common:DurationToWidthConverter>
        <common:BooleanToVisibilityConverter x:Key="btvConverter"></common:BooleanToVisibilityConverter>
        <Style x:Key="TextBlockStyle1" TargetType="TextBlock">
          
            <Setter Property="Foreground" Value="#FFF0EDEC"></Setter>
            

        </Style>
       
    </UserControl.Resources>
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!--CornerRadius="15"-->
    <Border Width="{Binding width}"  Background="#88000000" >
        
        <Grid Margin="4" >
            
            <Grid.RowDefinitions>
                <RowDefinition Height="*"></RowDefinition>
                <RowDefinition Height="*"></RowDefinition>
                <RowDefinition Height="*"></RowDefinition>
            </Grid.RowDefinitions>
            <Border Visibility="{Binding isNow,Converter={StaticResource btvConverter}}" Grid.RowSpan="3" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Background="#88000000"></Border>
            <TextBlock Grid.Row="0"  Text="{Binding title}"   FontSize="16" FontWeight="SemiBold" TextTrimming="WordEllipsis" Style="{StaticResource TextBlockStyle1}" />
            <Grid Grid.Row="1">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="10"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <TextBlock Text="{Binding durationDisplay}" Grid.Column="0" Grid.ColumnSpan="3" FontSize="13" HorizontalAlignment="Left"  TextTrimming="WordEllipsis" Style="{StaticResource TextBlockStyle1}" />
                <!--<TextBlock Text="{Binding durationDisplay}" Grid.Column="2"  FontSize="13" HorizontalAlignment="Right"  TextTrimming="WordEllipsis" Style="{StaticResource TextBlockStyle1}" />-->
            </Grid>
            <!--<Grid Grid.Row="2">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                    <ColumnDefinition Width="10"></ColumnDefinition>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <TextBlock Text="{Binding startTime}" Grid.Column="0" FontSize="13" HorizontalAlignment="Left"  TextTrimming="WordEllipsis" Style="{StaticResource TextBlockStyle1}" />
                <TextBlock Text="{Binding endTime}" Grid.Column="2"  FontSize="13" HorizontalAlignment="Right"  TextTrimming="WordEllipsis" Style="{StaticResource TextBlockStyle1}" />
            </Grid>-->
           
            

        </Grid>
    </Border>
</UserControl>