<?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:background="@android:color/black"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ImageView
        android:id="@+id/hero_backdrop"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"/>
    <ImageView
        android:id="@+id/hero_backdrop_incoming"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        android:alpha="0"/>
    <View
        android:id="@+id/ambient_background_overlay"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
    <View
        android:id="@+id/sidecar_scrim"
        android:background="@drawable/sidecar_scrim_gradient"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
    <com.strmr.ps.ui.widget.FadingImageView
        android:id="@+id/hero_sidecar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        android:alpha="0"/>
    <View
        android:background="@drawable/fullscreen_gradient"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
    <View
        android:id="@+id/background_dim_overlay"
        android:background="@android:color/black"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:alpha="0"/>
    <FrameLayout
        android:layout_gravity="start|center_vertical"
        android:id="@+id/navigation_dock"
        android:clipChildren="false"
        android:clipToPadding="false"
        android:layout_width="72dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="48dp"
        android:layout_marginBottom="48dp"
        android:translationX="-28dp"
        android:layout_marginStart="4dp"
        android:translationZ="8dp">
        <View
            android:id="@+id/navigation_dock_background"
            android:background="@drawable/nav_glass_background"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:elevation="6dp"/>
        <LinearLayout
            android:gravity="center_horizontal"
            android:orientation="vertical"
            android:id="@+id/navigation_sidebar"
            android:paddingTop="20dp"
            android:paddingBottom="20dp"
            android:clipChildren="false"
            android:clipToPadding="false"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:paddingStart="34dp"
            android:paddingEnd="12dp">
            <com.google.android.material.button.MaterialButton
                android:id="@+id/nav_search"
                android:background="@drawable/nav_icon_button_background"
                android:focusable="true"
                android:focusableInTouchMode="true"
                android:nextFocusRight="@+id/content_rows"
                android:layout_width="56dp"
                android:layout_height="56dp"
                android:layout_marginBottom="12dp"
                android:insetTop="0dp"
                android:insetBottom="0dp"
                app:backgroundTint="@android:color/transparent"
                app:cornerRadius="32dp"
                app:icon="@drawable/ic_search"
                app:iconGravity="textStart"
                app:iconPadding="0dp"
                app:iconSize="32dp"
                app:iconTint="@color/nav_icon_color"
                app:rippleColor="@color/nav_button_ripple"/>
            <com.google.android.material.button.MaterialButton
                android:id="@+id/nav_home"
                android:background="@drawable/nav_icon_button_background"
                android:focusable="true"
                android:focusableInTouchMode="true"
                android:nextFocusRight="@+id/content_rows"
                android:layout_width="56dp"
                android:layout_height="56dp"
                android:layout_marginBottom="12dp"
                android:insetTop="0dp"
                android:insetBottom="0dp"
                app:backgroundTint="@android:color/transparent"
                app:cornerRadius="32dp"
                app:icon="@drawable/ic_home"
                app:iconGravity="textStart"
                app:iconPadding="0dp"
                app:iconSize="32dp"
                app:iconTint="@color/nav_icon_color"
                app:rippleColor="@color/nav_button_ripple"/>
            <com.google.android.material.button.MaterialButton
                android:id="@+id/nav_movies"
                android:background="@drawable/nav_icon_button_background"
                android:focusable="true"
                android:focusableInTouchMode="true"
                android:nextFocusRight="@+id/content_rows"
                android:layout_width="56dp"
                android:layout_height="56dp"
                android:layout_marginBottom="12dp"
                android:insetTop="0dp"
                android:insetBottom="0dp"
                app:backgroundTint="@android:color/transparent"
                app:cornerRadius="32dp"
                app:icon="@drawable/ic_movie"
                app:iconGravity="textStart"
                app:iconPadding="0dp"
                app:iconSize="32dp"
                app:iconTint="@color/nav_icon_color"
                app:rippleColor="@color/nav_button_ripple"/>
            <com.google.android.material.button.MaterialButton
                android:id="@+id/nav_tv_shows"
                android:background="@drawable/nav_icon_button_background"
                android:focusable="true"
                android:focusableInTouchMode="true"
                android:nextFocusRight="@+id/content_rows"
                android:layout_width="56dp"
                android:layout_height="56dp"
                android:layout_marginBottom="12dp"
                android:insetTop="0dp"
                android:insetBottom="0dp"
                app:backgroundTint="@android:color/transparent"
                app:cornerRadius="32dp"
                app:icon="@drawable/ic_tv"
                app:iconGravity="textStart"
                app:iconPadding="0dp"
                app:iconSize="32dp"
                app:iconTint="@color/nav_icon_color"
                app:rippleColor="@color/nav_button_ripple"/>
            <com.google.android.material.button.MaterialButton
                android:id="@+id/nav_library"
                android:background="@drawable/nav_icon_button_background"
                android:focusable="true"
                android:focusableInTouchMode="true"
                android:visibility="gone"
                android:nextFocusRight="@+id/content_rows"
                android:layout_width="56dp"
                android:layout_height="56dp"
                android:layout_marginBottom="12dp"
                android:insetTop="0dp"
                android:insetBottom="0dp"
                app:backgroundTint="@android:color/transparent"
                app:cornerRadius="32dp"
                app:icon="@drawable/ic_library"
                app:iconGravity="textStart"
                app:iconPadding="0dp"
                app:iconSize="32dp"
                app:iconTint="@color/nav_icon_color"
                app:rippleColor="@color/nav_button_ripple"/>
            <com.google.android.material.button.MaterialButton
                android:id="@+id/nav_settings"
                android:background="@drawable/nav_icon_button_background"
                android:focusable="true"
                android:focusableInTouchMode="true"
                android:nextFocusRight="@+id/content_rows"
                android:layout_width="56dp"
                android:layout_height="56dp"
                android:insetTop="0dp"
                android:insetBottom="0dp"
                app:backgroundTint="@android:color/transparent"
                app:cornerRadius="32dp"
                app:icon="@drawable/ic_settings"
                app:iconGravity="textStart"
                app:iconPadding="0dp"
                app:iconSize="32dp"
                app:iconTint="@color/nav_icon_color"
                app:rippleColor="@color/nav_button_ripple"/>
        </LinearLayout>
    </FrameLayout>
    <LinearLayout
        android:orientation="vertical"
        android:id="@+id/movies_content_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="@dimen/layout_margin_top_hero_container"
        android:layout_marginBottom="0dp"
        android:weightSum="2"
        android:layout_marginStart="0dp"
        android:layout_marginEnd="-30dp">
        <LinearLayout
            android:gravity="top"
            android:orientation="vertical"
            android:id="@+id/hero_info_container"
            android:paddingBottom="@dimen/hero_container_padding_bottom"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="0.91"
            android:paddingStart="@dimen/hero_container_padding_start"
            android:paddingEnd="@dimen/hero_container_padding_end"
            android:layout_marginStart="0dp">
            <ImageView
                android:id="@+id/hero_logo"
                android:visibility="gone"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/hero_logo_margin_top"
                android:layout_marginBottom="@dimen/hero_logo_margin_bottom"
                android:scaleType="fitCenter"
                android:adjustViewBounds="true"
                android:maxWidth="@dimen/hero_logo_max_width"
                android:maxHeight="@dimen/hero_logo_max_height"
                android:contentDescription="@string/hero_logo_content_description"/>
            <TextView
                android:textSize="@dimen/hero_title_size"
                android:textStyle="bold"
                android:textColor="@android:color/white"
                android:ellipsize="end"
                android:id="@+id/hero_title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:maxLines="1"
                android:shadowColor="#cc000000"
                android:shadowDx="0"
                android:shadowDy="4"
                android:shadowRadius="12"/>
            <TextView
                android:textSize="15sp"
                android:textStyle="italic"
                android:textColor="#b3ffffff"
                android:ellipsize="end"
                android:id="@+id/hero_tagline"
                android:visibility="gone"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="4dp"
                android:maxLines="2"
                android:shadowColor="#cc000000"
                android:shadowDx="0"
                android:shadowDy="4"
                android:shadowRadius="12"/>
            <TextView
                android:textSize="@dimen/hero_metadata_size"
                android:textStyle="bold"
                android:textColor="#f0ffffff"
                android:id="@+id/hero_metadata"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/hero_metadata_margin_top"
                android:shadowColor="#cc000000"
                android:shadowDx="0"
                android:shadowDy="4"
                android:shadowRadius="12"/>
            <TextView
                android:textSize="@dimen/hero_genre_size"
                android:textColor="@android:color/white"
                android:ellipsize="end"
                android:id="@+id/hero_genre_text"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/hero_genre_margin_top"
                android:maxLines="1"
                android:shadowColor="#cc000000"
                android:shadowDx="0"
                android:shadowDy="4"
                android:shadowRadius="12"/>
            <com.strmr.ps.ui.widget.AutoScrollTextView
                android:textSize="@dimen/hero_overview_size"
                android:textColor="@android:color/white"
                android:id="@+id/hero_overview"
                android:layout_width="match_parent"
                android:layout_height="@dimen/hero_overview_height"
                android:layout_marginTop="@dimen/hero_overview_margin_top"
                android:shadowColor="#cc000000"
                android:shadowDx="0"
                android:shadowDy="4"
                android:shadowRadius="12"
                android:lineSpacingMultiplier="1.1"
                android:layout_marginEnd="@dimen/hero_overview_margin_end"/>
            <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/hero_cast_margin_top">
                <TextView
                    android:textSize="@dimen/hero_cast_size"
                    android:textColor="#cccccc"
                    android:ellipsize="end"
                    android:id="@+id/hero_cast"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:maxLines="1"
                    android:shadowColor="#cc000000"
                    android:shadowDx="0"
                    android:shadowDy="4"
                    android:shadowRadius="12"/>
                <View
                    android:layout_gravity="end"
                    android:background="@drawable/hero_cast_fade"
                    android:layout_width="72dp"
                    android:layout_height="match_parent"/>
            </FrameLayout>
        </LinearLayout>
        <androidx.leanback.widget.VerticalGridView
            android:id="@+id/content_rows"
            android:paddingTop="8dp"
            android:paddingBottom="12dp"
            android:focusable="true"
            android:focusableInTouchMode="true"
            android:clipChildren="false"
            android:clipToPadding="false"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1.09"
            android:paddingStart="0dp"/>
    </LinearLayout>
    <ProgressBar
        android:layout_gravity="center"
        android:id="@+id/loading_indicator"
        android:visibility="gone"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    <FrameLayout
        android:id="@+id/hero_trailer_container"
        android:focusable="false"
        android:focusableInTouchMode="false"
        android:visibility="gone"
        android:clickable="false"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:translationZ="16dp"/>
</FrameLayout>
