<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="@color/mobile_background"
    android:fitsSystemWindows="true"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <com.google.android.material.appbar.AppBarLayout
        android:id="@+id/app_bar"
        android:background="@android:color/transparent"
        android:fitsSystemWindows="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:elevation="0dp">
        <com.google.android.material.appbar.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:fitsSystemWindows="true"
            android:layout_width="match_parent"
            android:layout_height="@dimen/detail_collapsing_toolbar_height"
            app:contentScrim="@color/mobile_surface"
            app:layout_scrollFlags="exitUntilCollapsed|scroll"
            app:titleEnabled="false">
            <ImageView
                android:id="@+id/backdrop_image"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="centerCrop"
                android:contentDescription="@null"
                app:layout_collapseMode="parallax"/>
            <View
                android:background="@drawable/gradient_backdrop_mobile"
                android:layout_width="match_parent"
                android:layout_height="match_parent"/>
            <com.google.android.material.appbar.MaterialToolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"
                app:navigationIcon="@drawable/ic_arrow_back"
                app:navigationIconTint="@android:color/white"/>
        </com.google.android.material.appbar.CollapsingToolbarLayout>
    </com.google.android.material.appbar.AppBarLayout>
    <androidx.core.widget.NestedScrollView
        android:id="@+id/details_scroll_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fillViewport="true"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">
        <LinearLayout
            android:orientation="vertical"
            android:paddingBottom="126dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingHorizontal="@dimen/spacing_md_mobile">
            <LinearLayout
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/spacing_md_mobile">
                <androidx.cardview.widget.CardView
                    android:layout_width="100dp"
                    android:layout_height="150dp"
                    app:cardCornerRadius="@dimen/radius_poster_mobile"
                    app:cardElevation="4dp">
                    <ImageView
                        android:id="@+id/poster_image"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:scaleType="centerCrop"
                        android:contentDescription="@null"/>
                </androidx.cardview.widget.CardView>
                <LinearLayout
                    android:orientation="vertical"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:layout_marginStart="@dimen/spacing_md_mobile">
                    <TextView
                        android:textSize="20sp"
                        android:textStyle="bold"
                        android:textColor="@color/mobile_on_surface"
                        android:id="@+id/title_text"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"/>
                    <TextView
                        android:textSize="14sp"
                        android:textColor="@color/mobile_on_surface_variant"
                        android:id="@+id/metadata_text"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="4dp"/>
                    <TextView
                        android:textSize="14sp"
                        android:textColor="@color/mobile_on_surface_variant"
                        android:id="@+id/genres_text"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="4dp"/>
                    <LinearLayout
                        android:orientation="horizontal"
                        android:id="@+id/imdb_badge_container"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="8dp">
                        <TextView
                            android:textSize="12sp"
                            android:textStyle="bold"
                            android:textColor="#000000"
                            android:id="@+id/imdb_label"
                            android:background="@drawable/imdb_badge_left_bg"
                            android:paddingTop="2dp"
                            android:paddingBottom="2dp"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="@string/label_imdb"
                            android:fontFamily="sans-serif-condensed"
                            android:paddingStart="6dp"
                            android:paddingEnd="6dp"/>
                        <TextView
                            android:textSize="12sp"
                            android:textStyle="bold"
                            android:textColor="@color/mobile_on_surface"
                            android:id="@+id/rating_text"
                            android:background="@drawable/imdb_badge_right_bg"
                            android:paddingTop="2dp"
                            android:paddingBottom="2dp"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:paddingStart="6dp"
                            android:paddingEnd="6dp"/>
                    </LinearLayout>
                </LinearLayout>
            </LinearLayout>
            <LinearLayout
                android:orientation="vertical"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/spacing_md_mobile">
                <com.google.android.material.button.MaterialButton
                    android:textColor="@color/mobile_background"
                    android:id="@+id/play_button"
                    android:layout_width="match_parent"
                    android:layout_height="48dp"
                    android:text="@string/details_play"
                    app:backgroundTint="@android:color/white"
                    app:cornerRadius="24dp"
                    app:icon="@drawable/ic_play"
                    app:iconGravity="textStart"
                    app:iconTint="@color/mobile_background"/>
                <LinearLayout
                    android:gravity="center_vertical"
                    android:orientation="horizontal"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="8dp">
                    <com.google.android.material.button.MaterialButton
                        android:textColor="@android:color/white"
                        android:id="@+id/trailer_button"
                        android:layout_width="0dp"
                        android:layout_height="44dp"
                        android:text="@string/details_play_trailer"
                        android:layout_weight="1"
                        android:layout_marginEnd="8dp"
                        app:cornerRadius="22dp"
                        app:icon="@drawable/ic_play_circle"
                        app:iconGravity="textStart"
                        app:iconTint="@android:color/white"
                        app:strokeColor="@color/mobile_outline"
                        style="@style/Widget.Material3.Button.OutlinedButton"/>
                    <com.google.android.material.button.MaterialButton
                        android:id="@+id/shuffle_button"
                        android:padding="0dp"
                        android:visibility="gone"
                        android:layout_width="44dp"
                        android:layout_height="44dp"
                        android:insetTop="0dp"
                        android:insetBottom="0dp"
                        android:contentDescription="@string/cd_shuffle_play"
                        android:layout_marginEnd="8dp"
                        app:cornerRadius="22dp"
                        app:icon="@drawable/ic_shuffle"
                        app:iconGravity="textStart"
                        app:iconPadding="0dp"
                        app:iconSize="20dp"
                        app:iconTint="@android:color/white"
                        app:strokeColor="@color/mobile_outline"
                        style="@style/Widget.Material3.Button.OutlinedButton.Icon"/>
                    <com.google.android.material.button.MaterialButton
                        android:id="@+id/watched_button"
                        android:padding="0dp"
                        android:layout_width="44dp"
                        android:layout_height="44dp"
                        android:insetTop="0dp"
                        android:insetBottom="0dp"
                        android:contentDescription="@string/cd_mark_watched"
                        android:layout_marginEnd="8dp"
                        app:cornerRadius="22dp"
                        app:icon="@drawable/ic_check_circle_outline_24"
                        app:iconGravity="textStart"
                        app:iconPadding="0dp"
                        app:iconSize="20dp"
                        app:iconTint="@android:color/white"
                        app:strokeColor="@color/mobile_outline"
                        style="@style/Widget.Material3.Button.OutlinedButton.Icon"/>
                    <com.google.android.material.button.MaterialButton
                        android:id="@+id/more_button"
                        android:padding="0dp"
                        android:layout_width="44dp"
                        android:layout_height="44dp"
                        android:insetTop="0dp"
                        android:insetBottom="0dp"
                        android:contentDescription="@string/cd_more_options"
                        app:cornerRadius="22dp"
                        app:icon="@drawable/ic_more_vert"
                        app:iconGravity="textStart"
                        app:iconPadding="0dp"
                        app:iconSize="20dp"
                        app:iconTint="@android:color/white"
                        app:strokeColor="@color/mobile_outline"
                        style="@style/Widget.Material3.Button.OutlinedButton.Icon"/>
                </LinearLayout>
            </LinearLayout>
            <LinearLayout
                android:gravity="center_vertical"
                android:orientation="horizontal"
                android:id="@+id/streaming_availability_section"
                android:visibility="gone"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/spacing_sm_mobile">
                <TextView
                    android:textSize="14sp"
                    android:textColor="@color/mobile_on_surface_variant"
                    android:id="@+id/streaming_label"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="@string/label_available_on"
                    android:layout_marginEnd="8dp"/>
                <HorizontalScrollView
                    android:scrollbars="none"
                    android:fadingEdge="horizontal"
                    android:fadingEdgeLength="16dp"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:requiresFadingEdge="horizontal">
                    <LinearLayout
                        android:orientation="horizontal"
                        android:id="@+id/streaming_services_container"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"/>
                </HorizontalScrollView>
            </LinearLayout>
            <TextView
                android:textSize="14sp"
                android:textColor="@color/mobile_on_surface"
                android:id="@+id/overview_text"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/spacing_md_mobile"
                android:lineSpacingExtra="4dp"/>
            <LinearLayout
                android:orientation="vertical"
                android:id="@+id/seasons_section"
                android:visibility="gone"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">
                <TextView
                    android:textSize="18sp"
                    android:textStyle="bold"
                    android:textColor="@color/mobile_on_surface"
                    android:id="@+id/seasons_header"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="@dimen/spacing_lg_mobile"
                    android:text="@string/details_section_seasons"/>
                <HorizontalScrollView
                    android:scrollbars="none"
                    android:fadingEdge="horizontal"
                    android:fadingEdgeLength="16dp"
                    android:clipToPadding="false"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="@dimen/spacing_sm_mobile"
                    android:requiresFadingEdge="horizontal"
                    android:layout_marginStart="-16dp"
                    android:layout_marginEnd="-16dp"
                    android:paddingHorizontal="@dimen/spacing_md_mobile">
                    <com.google.android.material.chip.ChipGroup
                        android:id="@+id/season_chip_group"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        app:selectionRequired="true"
                        app:singleLine="true"
                        app:singleSelection="true"/>
                </HorizontalScrollView>
                <FrameLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="@dimen/spacing_md_mobile">
                    <TextView
                        android:textSize="16sp"
                        android:textStyle="bold"
                        android:textColor="@color/mobile_on_surface"
                        android:id="@+id/episodes_header"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/details_section_episodes"/>
                    <ProgressBar
                        android:layout_gravity="end|center_vertical"
                        android:id="@+id/episodes_loading"
                        android:visibility="gone"
                        android:layout_width="20dp"
                        android:layout_height="20dp"/>
                </FrameLayout>
                <androidx.recyclerview.widget.RecyclerView
                    android:id="@+id/episodes_recycler_view"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="@dimen/spacing_sm_mobile"
                    android:nestedScrollingEnabled="false"
                    app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"/>
            </LinearLayout>
            <TextView
                android:textSize="18sp"
                android:textStyle="bold"
                android:textColor="@color/mobile_on_surface"
                android:id="@+id/cast_header"
                android:visibility="gone"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/spacing_lg_mobile"
                android:text="@string/details_section_cast"/>
            <androidx.recyclerview.widget.RecyclerView
                android:orientation="horizontal"
                android:id="@+id/cast_recycler_view"
                android:visibility="gone"
                android:clipToPadding="false"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="8dp"
                android:layout_marginStart="-16dp"
                android:layout_marginEnd="-16dp"
                android:paddingHorizontal="@dimen/spacing_md_mobile"
                app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"/>
            <TextView
                android:textSize="18sp"
                android:textStyle="bold"
                android:textColor="@color/mobile_on_surface"
                android:id="@+id/collection_header"
                android:visibility="gone"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/spacing_lg_mobile"/>
            <androidx.recyclerview.widget.RecyclerView
                android:orientation="horizontal"
                android:id="@+id/collection_recycler_view"
                android:visibility="gone"
                android:clipToPadding="false"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="8dp"
                android:layout_marginStart="-16dp"
                android:layout_marginEnd="-16dp"
                android:paddingHorizontal="@dimen/spacing_md_mobile"
                app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"/>
            <TextView
                android:textSize="18sp"
                android:textStyle="bold"
                android:textColor="@color/mobile_on_surface"
                android:id="@+id/similar_header"
                android:visibility="gone"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/spacing_lg_mobile"
                android:text="@string/details_section_similar"/>
            <androidx.recyclerview.widget.RecyclerView
                android:orientation="horizontal"
                android:id="@+id/similar_recycler_view"
                android:visibility="gone"
                android:clipToPadding="false"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="8dp"
                android:layout_marginStart="-16dp"
                android:layout_marginEnd="-16dp"
                android:paddingHorizontal="@dimen/spacing_md_mobile"
                app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"/>
        </LinearLayout>
    </androidx.core.widget.NestedScrollView>
    <ProgressBar
        android:layout_gravity="center"
        android:id="@+id/progress_bar"
        android:visibility="gone"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
</androidx.coordinatorlayout.widget.CoordinatorLayout>
