<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"
    android:focusable="true"
    android:focusableInTouchMode="true"
    android:nextFocusUp="@+id/season_row"
    android:clipChildren="false"
    android:clipToPadding="false"
    android:layout_width="220dp"
    android:layout_height="124dp"
    android:layout_marginEnd="16dp">
    <androidx.cardview.widget.CardView
        android:id="@+id/episode_card"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:cardBackgroundColor="@android:color/black"
        app:cardCornerRadius="@dimen/radius_poster"
        app:cardElevation="0dp"
        app:cardUseCompatPadding="false">
        <ImageView
            android:id="@+id/episode_image"
            android:background="@drawable/episode_image_clip"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop"
            android:contentDescription="@null"
            android:clipToOutline="true"/>
        <TextView
            android:textSize="13sp"
            android:textColor="@android:color/white"
            android:ellipsize="end"
            android:gravity="start|bottom"
            android:layout_gravity="bottom"
            android:id="@+id/episode_title"
            android:paddingTop="6dp"
            android:paddingBottom="10dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:maxLines="1"
            android:paddingStart="10dp"
            android:paddingEnd="10dp"/>
        <ImageView
            android:layout_gravity="end|top"
            android:id="@+id/episode_watched_badge"
            android:visibility="gone"
            android:layout_width="28dp"
            android:layout_height="28dp"
            android:layout_margin="8dp"
            android:src="@drawable/ic_check_badge"
            android:contentDescription="@string/watched"/>
        <View
            android:layout_gravity="bottom"
            android:id="@+id/episode_progress_bar"
            android:background="@drawable/progress_bar_round_red"
            android:visibility="gone"
            android:layout_width="match_parent"
            android:layout_height="5dp"/>
    </androidx.cardview.widget.CardView>
    <TextView
        android:textSize="8sp"
        android:textColor="@android:color/white"
        android:layout_gravity="start|top"
        android:id="@+id/episode_indicator_badge"
        android:background="@drawable/bg_episode_indicator"
        android:visibility="gone"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="4dp"
        android:fontFamily="sans-serif-medium"
        android:layout_marginStart="4dp"
        android:elevation="8dp"
        android:letterSpacing="0.05"
        android:paddingHorizontal="5dp"
        android:paddingVertical="1dp"/>
</FrameLayout>
