<UserControl x:Class="StyletUI.TvShowView"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:s="https://github.com/canton7/Stylet">

    <Border BorderBrush="#666666" Background="Red" BorderThickness="1,1,1,1" CornerRadius="8,8,8,8">

        <Border.Effect>

            <DropShadowEffect Color="Gray" Opacity="0.5" />

        </Border.Effect>

        <Grid Margin="4">

            <Grid.ColumnDefinitions>

                <ColumnDefinition Width="*"/>

                <ColumnDefinition Width="*"/>

                <ColumnDefinition Width="*"/>

                <ColumnDefinition Width="*"/>

            </Grid.ColumnDefinitions>

            <StackPanel Grid.Column="0" HorizontalAlignment="Center" VerticalAlignment="Center">

                <TextBlock Text="{Binding Name}" FontSize="20" HorizontalAlignment="Center" VerticalAlignment="Center"/>

                <TextBlock Text="{Binding EpisodeName}" HorizontalAlignment="Center" VerticalAlignment="Center"/>

            </StackPanel>

            <StackPanel Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center">

                <TextBlock Text="{Binding Season, StringFormat='Season: {0}'}" HorizontalAlignment="Center" VerticalAlignment="Center"/>

                <TextBlock Text="{Binding Episode, StringFormat='Episode: {0}'}" HorizontalAlignment="Center" VerticalAlignment="Center"/>

            </StackPanel>

            <TextBlock Grid.Column="2" Text="{Binding Percent}" HorizontalAlignment="Center" VerticalAlignment="Center"/>

            <StackPanel Orientation="Horizontal" Grid.Column="3" HorizontalAlignment="Right">

                <Button Command="{s:Action DoStartVideo}" Visibility="{Binding IsOnDisc, Converter={x:Static s:BoolToVisibilityConverter.Instance}}" HorizontalAlignment="Right" BorderBrush="Transparent" Background="#00000000">

                    <Image Source="\Icons\clapperboard.png" Height="20" Width="20" Stretch="Uniform"/>

                </Button>

                <Button Command="{s:Action DoOpenInBrowser}" HorizontalAlignment="Right" BorderBrush="Transparent" Background="#00000000">

                    <Image Source="\Assets\Icons\earth-africa-europe.png" Width="20" Height="20" Stretch="Uniform"/>

                </Button>

                <Button Command="{s:Action DoDownload}" HorizontalAlignment="Right" BorderBrush="Transparent" Background="#00000000">

                    <Image Source="\Assets\Icons\cloud-download.png" Width="20" Height="20" Stretch="Uniform"/>

                </Button>

            </StackPanel>

        </Grid>

    </Border>

</UserControl>