<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/exo_controller"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <View
        android:id="@+id/exo_black_screen"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#A8000000" />

    <View
        android:id="@+id/exo_timeline_gradient"
        android:layout_width="match_parent"
        android:layout_height="64dp"
        android:layout_gravity="bottom"
        android:background="@drawable/linear_gradient_black" />

    <FrameLayout
        android:id="@+id/exo_controller_margin"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <FrameLayout
            android:id="@+id/exo_controller_cont"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <LinearLayout
                android:id="@+id/exo_bottom_cont"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom"
                android:orientation="vertical">

                <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:layout_gravity="end"
                    android:layout_margin="16dp"
                    android:orientation="horizontal">

                    <com.google.android.material.card.MaterialCardView
                        android:id="@+id/exo_skip"
                        android:layout_width="wrap_content"
                        android:layout_height="48dp"
                        android:layout_gravity="bottom|end"
                        android:clickable="true"
                        android:focusable="true"
                        app:cardBackgroundColor="@color/nav_bg_inv"
                        app:cardCornerRadius="16dp"
                        app:rippleColor="#54FFFFFF">

                        <LinearLayout
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:gravity="center"
                            android:orientation="horizontal"
                            android:padding="8dp"
                            tools:ignore="UseCompoundDrawables">

                            <TextView
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_marginTop="1dp"
                                android:layout_marginEnd="-2dp"
                                android:fontFamily="@font/poppins_bold"
                                android:text="+"
                                android:textColor="?attr/colorSecondary"
                                android:textSize="14sp"
                                tools:ignore="HardcodedText" />

                            <TextView
                                android:id="@+id/exo_skip_time"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_marginTop="1dp"
                                android:layout_marginEnd="-6dp"
                                android:fontFamily="@font/poppins_bold"
                                android:padding="4dp"
                                android:text="85"
                                android:textColor="?attr/colorSecondary"
                                android:textSize="14sp"
                                tools:ignore="HardcodedText" />

                            <ImageView
                                android:layout_width="24dp"
                                android:layout_height="24dp"
                                android:layout_margin="4dp"
                                app:srcCompat="@drawable/ic_round_fast_forward_24"
                                app:tint="?attr/colorSecondary"
                                tools:ignore="ContentDescription" />
                        </LinearLayout>
                    </com.google.android.material.card.MaterialCardView>

                </LinearLayout>

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="8dp"
                    android:gravity="bottom"
                    android:orientation="horizontal"
                    app:layout_constraintBottom_toBottomOf="parent">

                    <ImageButton
                        android:id="@+id/exo_settings"
                        android:layout_width="48dp"
                        android:layout_height="48dp"
                        android:backgroundTint="#00FFFFFF"
                        android:src="@drawable/ic_round_video_settings_24"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:tint="#fff"
                        tools:ignore="ContentDescription,SpeakableTextPresentCheck" />

                    <ImageButton
                        android:id="@+id/exo_source"
                        android:layout_width="48dp"
                        android:layout_height="48dp"
                        android:backgroundTint="#00FFFFFF"
                        android:src="@drawable/ic_round_source_24"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintEnd_toEndOf="parent"
                        tools:ignore="ContentDescription,SpeakableTextPresentCheck" />

                    <ImageButton
                        android:id="@+id/exo_quality"
                        android:layout_width="wrap_content"
                        android:layout_height="48dp"
                        android:backgroundTint="#00FFFFFF"
                        android:src="@drawable/ic_round_high_quality_24"
                        android:visibility="gone"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintEnd_toEndOf="parent"
                        tools:ignore="ContentDescription,SpeakableTextPresentCheck" />

                    <ImageButton
                        android:id="@+id/exo_sub"
                        android:layout_width="48dp"
                        android:layout_height="48dp"
                        android:backgroundTint="#00FFFFFF"
                        android:scaleX="-1"
                        android:src="@drawable/ic_round_subtitles_24"
                        app:tint="#fff"
                        tools:ignore="ContentDescription,SpeakableTextPresentCheck" />

                    <ImageButton
                        android:id="@+id/exo_download"
                        android:layout_width="wrap_content"
                        android:layout_height="48dp"
                        android:backgroundTint="#00FFFFFF"
                        android:src="@drawable/ic_round_download_24"
                        android:visibility="gone"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:tint="#fff"
                        tools:ignore="ContentDescription,SpeakableTextPresentCheck" />

                    <View
                        android:layout_width="0dp"
                        android:layout_height="match_parent"
                        android:layout_weight="1" />

                    <ImageButton
                        android:id="@+id/exo_rotate"
                        android:layout_width="wrap_content"
                        android:layout_height="48dp"
                        android:backgroundTint="#00FFFFFF"
                        android:visibility="gone"
                        app:srcCompat="@drawable/ic_round_screen_rotation_alt_24"
                        tools:ignore="ContentDescription,SpeakableTextPresentCheck" />

                    <ImageButton
                        android:id="@+id/exo_cast"
                        android:layout_width="wrap_content"
                        android:layout_height="48dp"
                        android:backgroundTint="#00FFFFFF"
                        android:src="@drawable/ic_round_cast_24"
                        android:visibility="gone"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintEnd_toEndOf="parent"
                        tools:ignore="ContentDescription,SpeakableTextPresentCheck" />

                    <ImageButton
                        android:id="@+id/exo_pip"
                        android:layout_width="48dp"
                        android:layout_height="48dp"
                        android:backgroundTint="#00FFFFFF"
                        android:src="@drawable/ic_round_picture_in_picture_alt_24"
                        app:tint="#fff"
                        tools:ignore="ContentDescription,SpeakableTextPresentCheck" />

                    <ImageButton
                        android:id="@+id/exo_skip_op_ed"
                        android:layout_width="48dp"
                        android:layout_height="48dp"
                        android:backgroundTint="#00FFFFFF"
                        android:src="@drawable/ic_round_play_disabled_24"
                        android:visibility="gone"
                        app:tint="#fff"
                        tools:ignore="ContentDescription,SpeakableTextPresentCheck" />


                    <ImageButton
                        android:id="@id/exo_playback_speed"
                        android:layout_width="48dp"
                        android:layout_height="48dp"
                        android:backgroundTint="#00FFFFFF"
                        android:src="@drawable/ic_round_slow_motion_video_24"
                        app:tint="#fff"
                        tools:ignore="ContentDescription,SpeakableTextPresentCheck" />

                    <ImageButton
                        android:id="@+id/exo_screen"
                        android:layout_width="48dp"
                        android:layout_height="48dp"
                        android:backgroundTint="#00FFFFFF"
                        android:src="@drawable/ic_round_fullscreen_24"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintEnd_toEndOf="parent"
                        tools:ignore="ContentDescription,SpeakableTextPresentCheck" />

                </LinearLayout>
            </LinearLayout>

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:gravity="center"
                android:orientation="horizontal">

                <androidx.cardview.widget.CardView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    app:cardBackgroundColor="#00FFFFFF"
                    app:cardCornerRadius="16dp"
                    app:cardElevation="0dp">

                    <ImageButton
                        android:id="@+id/exo_prev_ep"
                        style="@style/ExoMediaButton.Pause"
                        android:layout_width="72dp"
                        android:layout_height="72dp"
                        android:scaleX="1.5"
                        android:scaleY="1.5"
                        android:src="@drawable/ic_round_skip_previous_24"
                        tools:ignore="ContentDescription,DuplicateSpeakableTextCheck" />

                </androidx.cardview.widget.CardView>


                <androidx.cardview.widget.CardView
                    android:id="@+id/exo_fast_rewind_button_cont"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginEnd="-32dp"
                    android:visibility="gone"
                    app:cardBackgroundColor="#00FFFFFF"
                    app:cardCornerRadius="16dp"
                    app:cardElevation="0dp">

                    <ImageButton
                        android:id="@+id/exo_fast_rewind_button"
                        style="@style/ExoMediaButton.Pause"
                        android:layout_width="72dp"
                        android:layout_height="72dp"
                        android:scaleX="1.5"
                        android:scaleY="1.5"
                        android:src="@drawable/ic_round_fast_rewind_24"
                        tools:ignore="ContentDescription,DuplicateSpeakableTextCheck" />

                </androidx.cardview.widget.CardView>

                <androidx.cardview.widget.CardView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_margin="32dp"
                    app:cardBackgroundColor="#00FFFFFF"
                    app:cardCornerRadius="16dp"
                    app:cardElevation="0dp">

                    <ImageButton
                        android:id="@id/exo_play"
                        style="@style/ExoMediaButton.Play"
                        android:layout_width="72dp"
                        android:layout_height="72dp"
                        android:src="@drawable/anim_play_to_pause"
                        tools:ignore="ContentDescription" />

                </androidx.cardview.widget.CardView>

                <androidx.cardview.widget.CardView
                    android:id="@+id/exo_fast_forward_button_cont"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="-32dp"
                    android:visibility="gone"
                    app:cardBackgroundColor="#00FFFFFF"
                    app:cardCornerRadius="16dp"
                    app:cardElevation="0dp">

                    <ImageButton
                        android:id="@+id/exo_fast_forward_button"
                        style="@style/ExoMediaButton.Pause"
                        android:layout_width="72dp"
                        android:layout_height="72dp"
                        android:layout_gravity="center"
                        android:scaleX="1.5"
                        android:scaleY="1.5"
                        android:src="@drawable/ic_round_fast_forward_24"
                        tools:ignore="ContentDescription,DuplicateSpeakableTextCheck" />

                </androidx.cardview.widget.CardView>


                <androidx.cardview.widget.CardView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    app:cardBackgroundColor="#00FFFFFF"
                    app:cardCornerRadius="16dp"
                    app:cardElevation="0dp">

                    <ImageButton
                        android:id="@+id/exo_next_ep"
                        android:layout_width="72dp"
                        android:layout_height="72dp"
                        android:layout_weight="1"
                        android:background="?android:attr/selectableItemBackground"
                        android:scaleX="1.5"
                        android:scaleY="1.5"
                        android:src="@drawable/ic_round_skip_next_24"
                        tools:ignore="ContentDescription,SpeakableTextPresentCheck" />
                </androidx.cardview.widget.CardView>
            </LinearLayout>

            <LinearLayout
                android:id="@+id/exo_top_cont"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:clipToPadding="false"
                android:orientation="vertical"
                android:padding="8dp">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal">

                    <ImageButton
                        android:id="@+id/exo_back"
                        android:layout_width="48dp"
                        android:layout_height="48dp"
                        android:backgroundTint="#00FFFFFF"
                        android:src="@drawable/ic_round_arrow_back_ios_new_24"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintEnd_toEndOf="parent"
                        tools:ignore="ContentDescription,SpeakableTextPresentCheck" />

                    <LinearLayout
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center_vertical"
                        android:orientation="vertical">

                        <ani.dantotsu.SpinnerNoSwipe
                            android:id="@+id/exo_ep_sel"
                            android:layout_width="match_parent"
                            android:layout_height="48dp"
                            android:layout_marginEnd="0dp"
                            android:layout_marginBottom="-10dp"
                            android:background="@drawable/spinner_icon"
                            android:backgroundTint="#fff"
                            android:backgroundTintMode="src_atop"
                            android:entries="@array/tips"
                            android:popupBackground="@drawable/round_corner"
                            tools:ignore="SpeakableTextPresentCheck" />

                        <TextView
                            android:id="@+id/exo_anime_title"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_marginEnd="48dp"
                            android:alpha="0.66"
                            android:fontFamily="@font/poppins"
                            android:singleLine="false"
                            android:textColor="@color/bg_white"
                            android:textSize="12sp"
                            tools:ignore="TextContrastCheck"
                            tools:text="@string/popular_anime" />

                    </LinearLayout>

                    <ImageButton
                        android:id="@+id/exo_lock"
                        android:layout_width="48dp"
                        android:layout_height="48dp"
                        android:backgroundTint="#00FFFFFF"
                        app:tint="@color/bg_white"
                        app:srcCompat="@drawable/ic_round_lock_open_24"
                        tools:ignore="ContentDescription,SpeakableTextPresentCheck" />

                </LinearLayout>

                <TextView
                    android:id="@+id/exo_video_name"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginEnd="8dp"
                    android:alpha="0.58"
                    android:ellipsize="marquee"
                    android:singleLine="true"
                    android:textAlignment="textEnd"
                    android:textColor="@color/bg_white"
                    android:textSize="12sp"
                    tools:ignore="TextContrastCheck"
                    tools:text="720x1080" />

                <TextView
                    android:id="@+id/exo_server_info"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginEnd="8dp"
                    android:alpha="0.58"
                    android:fontFamily="@font/poppins_bold"
                    android:textAlignment="textEnd"
                    android:textColor="@color/bg_white"
                    android:textSize="12sp"
                    tools:ignore="TextContrastCheck"
                    tools:text="@string/server_selector" />

                <TextView
                    android:id="@+id/exo_video_info"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginEnd="8dp"
                    android:alpha="0.58"
                    android:textAlignment="textEnd"
                    android:textColor="@color/bg_white"
                    android:textSize="12sp"
                    tools:ignore="TextContrastCheck"
                    tools:text="720x1080" />

            </LinearLayout>

        </FrameLayout>

        <LinearLayout
            android:id="@+id/exo_timeline_cont"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:layout_marginStart="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginBottom="36dp"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginStart="8dp"
                android:layout_marginEnd="8dp"
                android:layout_marginBottom="-8dp"
                android:gravity="center_vertical"
                android:orientation="horizontal">

                <TextView
                    android:id="@id/exo_position"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:fontFamily="@font/poppins"
                    android:includeFontPadding="false"
                    android:textColor="#F1F1F1"
                    android:textSize="14sp"
                    tools:ignore="TextContrastCheck"
                    tools:text="00:00" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text=" / "
                    android:includeFontPadding="false"
                    android:textSize="14sp"
                    android:textColor="#80FFFFFF"
                    tools:ignore="HardcodedText,TextContrastCheck" />

                <TextView
                    android:id="@id/exo_duration"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:fontFamily="@font/poppins"
                    android:includeFontPadding="false"
                    android:textAlignment="viewEnd"
                    android:textColor="#80FFFFFF"
                    android:textSize="14sp"
                    tools:ignore="TextContrastCheck"
                    tools:text="24:00" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text=" • "
                    android:textSize="14sp"
                    android:includeFontPadding="false"
                    android:textColor="#80FFFFFF"
                    tools:ignore="HardcodedText,TextContrastCheck" />

                <TextView
                    android:id="@+id/exo_time_stamp_text"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:fontFamily="@font/poppins"
                    android:includeFontPadding="false"
                    android:textColor="#F1F1F1"
                    android:textSize="14sp"
                    tools:ignore="HardcodedText,TextContrastCheck"
                    tools:text="@string/animations" />

            </LinearLayout>

            <view class="ani.dantotsu.media.anime.ExoplayerView$ExtendedTimeBar"
                android:id="@id/exo_progress"
                android:layout_width="match_parent"
                android:layout_height="24dp"
                app:ad_marker_color="#A9FFFFFF"
                app:bar_height="2dp"
                app:played_color="?attr/colorPrimary"
                app:scrubber_color="?attr/colorPrimaryContainer"
                tools:ignore="SpeakableTextPresentCheck" />

        </LinearLayout>

        <androidx.cardview.widget.CardView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="end"
            android:layout_marginTop="8dp"
            android:layout_marginEnd="8dp"
            app:cardBackgroundColor="#A8000000"
            app:cardCornerRadius="16dp"
            app:cardElevation="0dp">

            <ImageButton
                android:id="@+id/exo_unlock"
                android:layout_width="48dp"
                android:layout_height="48dp"
                android:backgroundTint="#00FFFFFF"
                android:visibility="gone"
                app:srcCompat="@drawable/ic_round_lock_24"
                tools:ignore="ContentDescription,SpeakableTextPresentCheck" />
        </androidx.cardview.widget.CardView>

    </FrameLayout>

</FrameLayout>