<?xml version="1.0" encoding="utf-8"?>
<!-- The cast panel. It covers the bottom of somebody's film, so it is a fade rather than a
     card: the scrim carries the names and the scene stays legible above them. The paddings
     match the transport row's 48dp side inset, so opening this does not shift the column
     the title and controls are read in. -->
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/player_cast_overlay"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/player_cast_scrim"
    android:clickable="true"
    android:clipChildren="false"
    android:focusable="true"
    android:visibility="gone">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:clipChildren="false"
        android:clipToPadding="false"
        android:orientation="vertical"
        android:paddingStart="48dp"
        android:paddingTop="20dp"
        android:paddingEnd="48dp"
        android:paddingBottom="54dp">

        <TextView
            android:id="@+id/player_cast_eyebrow"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:letterSpacing="0.14"
            android:text="@string/player_cast_eyebrow"
            android:textColor="#FF52B54B"
            android:textSize="11sp"
            android:textStyle="bold" />

        <!-- The title, not the word "Cast". The eyebrow above already says what the panel
             is, and a viewer who opened this mid-scene wants confirmation of what they are
             watching more than a heading repeating the button they just pressed. -->
        <TextView
            android:id="@+id/player_cast_title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="4dp"
            android:ellipsize="end"
            android:maxLines="1"
            android:textColor="#FFFFFFFF"
            android:textSize="26sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/player_cast_status"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="14dp"
            android:text="@string/player_cast_loading"
            android:textColor="#AFFFFFFF"
            android:textSize="14sp" />

        <HorizontalScrollView
            android:id="@+id/player_cast_scroller"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="16dp"
            android:clipChildren="false"
            android:clipToPadding="false"
            android:overScrollMode="never"
            android:paddingTop="6dp"
            android:paddingBottom="6dp"
            android:scrollbars="none">

            <LinearLayout
                android:id="@+id/player_cast_people"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:clipChildren="false"
                android:gravity="top"
                android:orientation="horizontal" />
        </HorizontalScrollView>

        <LinearLayout
            android:id="@+id/player_cast_profile"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:orientation="vertical"
            android:visibility="gone" />

        <TextView
            android:id="@+id/player_cast_back_hint"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="16dp"
            android:letterSpacing="0.08"
            android:text="@string/player_back_to_close"
            android:textColor="#6EFFFFFF"
            android:textSize="11sp" />
    </LinearLayout>
</FrameLayout>
