<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:id="@+id/play_control"
    android:background="#00000000"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <RelativeLayout
        android:background="@drawable/gradient_top_bottom"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <TextView
            android:textSize="36sp"
            android:textColor="#ffffff"
            android:id="@+id/title"
            android:layout_width="600dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:layout_marginBottom="20dp"
            android:layout_centerVertical="true"
            android:layout_marginStart="40dp"
            android:layout_marginVertical="20dp"/>
        <ImageView
            android:id="@+id/iv_pip"
            android:padding="20dp"
            android:visibility="gone"
            android:layout_width="108dp"
            android:layout_height="108dp"
            android:src="@mipmap/icon_pip"
            android:layout_centerVertical="true"
            android:layout_marginEnd="60dp"
            android:layout_toStartOf="@+id/iv_lock"/>
        <ImageView
            android:id="@+id/iv_lock"
            android:padding="20dp"
            android:layout_width="108dp"
            android:layout_height="108dp"
            android:src="@mipmap/icon_mobile_lock"
            android:layout_centerVertical="true"
            android:layout_marginEnd="60dp"
            android:layout_toStartOf="@+id/iv_settings"/>
        <ImageView
            android:id="@+id/iv_settings"
            android:padding="20dp"
            android:layout_width="108dp"
            android:layout_height="108dp"
            android:src="@mipmap/mobile_settings"
            android:layout_centerVertical="true"
            android:layout_marginEnd="60dp"
            android:layout_toStartOf="@+id/iv_feed"/>
        <ImageView
            android:layout_gravity="end"
            android:id="@+id/iv_feed"
            android:padding="20dp"
            android:layout_width="108dp"
            android:layout_height="108dp"
            android:src="@mipmap/play_feedback_white"
            android:layout_centerVertical="true"
            android:layout_marginEnd="60dp"
            android:layout_toStartOf="@+id/btn_airplay"/>
        <ImageView
            android:id="@+id/btn_airplay"
            android:padding="20dp"
            android:visibility="gone"
            android:layout_width="108dp"
            android:layout_height="108dp"
            android:src="@mipmap/airplay"
            android:layout_centerVertical="true"
            android:layout_marginEnd="30dp"
            android:layout_toStartOf="@+id/btn_close"/>
        <ImageView
            android:id="@+id/btn_close"
            android:padding="20dp"
            android:layout_width="108dp"
            android:layout_height="108dp"
            android:src="@mipmap/close"
            android:layout_centerVertical="true"
            android:layout_marginEnd="30dp"
            android:layout_alignParentEnd="true"/>
    </RelativeLayout>
    <TextView
        android:textSize="36sp"
        android:textColor="#ffffff"
        android:gravity="center"
        android:layout_gravity="end"
        android:id="@+id/subtitle_progress"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="150dp"
        android:layout_marginEnd="50dp"/>
    <LinearLayout
        android:gravity="center_vertical"
        android:layout_gravity="center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <ImageView
            android:id="@+id/pre"
            android:layout_width="120dp"
            android:layout_height="120dp"
            android:src="@mipmap/icon_pre_15"/>
        <ImageView
            android:id="@+id/play_center_btn"
            android:layout_width="180dp"
            android:layout_height="180dp"
            android:layout_marginLeft="100dp"
            android:layout_marginRight="100dp"
            android:src="@mipmap/play_circle"
            android:layout_marginHorizontal="100dp"/>
        <ImageView
            android:id="@+id/next"
            android:layout_width="120dp"
            android:layout_height="120dp"
            android:src="@mipmap/icon_next_15"/>
    </LinearLayout>
    <LinearLayout
        android:layout_gravity="bottom"
        android:orientation="vertical"
        android:background="@drawable/gradient_bottom_top"
        android:paddingTop="40dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="60dp"
            android:layout_marginRight="60dp"
            android:layout_marginHorizontal="60dp">
            <SeekBar
                android:layout_gravity="center_vertical"
                android:id="@+id/seekBar"
                android:background="@null"
                android:layout_width="0dp"
                android:layout_height="40dp"
                android:maxHeight="6dp"
                android:max="1000"
                android:progressDrawable="@drawable/layer_progress_bar"
                android:thumb="@drawable/seekbar_thumb"
                android:thumbOffset="0dp"
                android:layout_weight="1"
                android:paddingStart="0dp"
                android:paddingEnd="0dp"/>
            <TextView
                android:textSize="32sp"
                android:textColor="#ffffff"
                android:id="@+id/duration"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="30dp"/>
        </LinearLayout>
        <LinearLayout
            android:gravity="center"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginTop="20dp"
            android:layout_marginBottom="30dp">
            <LinearLayout
                android:gravity="center"
                android:id="@+id/ll_ratio"
                android:paddingTop="20dp"
                android:paddingBottom="20dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingVertical="20dp">
                <ImageView
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:src="@mipmap/ratio_white"
                    android:layout_marginEnd="10dp"/>
                <TextView
                    android:textSize="32sp"
                    android:textColor="#ffffff"
                    android:id="@+id/tv_ratio"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>
            </LinearLayout>
            <LinearLayout
                android:gravity="center"
                android:id="@+id/ll_play_speed"
                android:paddingTop="20dp"
                android:paddingBottom="20dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="80dp"
                android:paddingVertical="20dp">
                <ImageView
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:src="@mipmap/icon_mobile_speed"
                    android:layout_marginEnd="10dp"/>
                <TextView
                    android:textSize="32sp"
                    android:textColor="#ffffff"
                    android:id="@+id/tv_speed"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>
            </LinearLayout>
            <LinearLayout
                android:gravity="center"
                android:id="@+id/ll_play_episode"
                android:paddingTop="20dp"
                android:paddingBottom="20dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="80dp"
                android:paddingVertical="20dp">
                <ImageView
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:src="@mipmap/icon_mobile_season"
                    android:layout_marginEnd="10dp"/>
                <TextView
                    android:textSize="32sp"
                    android:textColor="#ffffff"
                    android:id="@+id/tv_episode"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>
            </LinearLayout>
            <LinearLayout
                android:gravity="center"
                android:id="@+id/ll_play_subtitle"
                android:paddingTop="20dp"
                android:paddingBottom="20dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="80dp"
                android:paddingVertical="20dp">
                <ImageView
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:src="@mipmap/icon_mobile_subtitle"
                    android:layout_marginEnd="10dp"/>
                <TextView
                    android:textSize="32sp"
                    android:textColor="#ffffff"
                    android:id="@+id/tv_subtitle"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>
            </LinearLayout>
            <LinearLayout
                android:gravity="center"
                android:id="@+id/ll_play_quality"
                android:paddingTop="20dp"
                android:paddingBottom="20dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="80dp"
                android:paddingVertical="20dp">
                <ImageView
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:src="@mipmap/icon_mobile_quality"
                    android:layout_marginEnd="10dp"/>
                <TextView
                    android:textSize="32sp"
                    android:textColor="#ffffff"
                    android:id="@+id/tv_quality"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>
            </LinearLayout>
            <LinearLayout
                android:gravity="center"
                android:id="@+id/ll_play_next"
                android:paddingTop="20dp"
                android:paddingBottom="20dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="80dp"
                android:paddingVertical="20dp">
                <ImageView
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:src="@mipmap/icon_mobile_next"
                    android:layout_marginEnd="10dp"/>
                <TextView
                    android:textSize="32sp"
                    android:textColor="#ffffff"
                    android:id="@+id/tv_next"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>
            </LinearLayout>
        </LinearLayout>
    </LinearLayout>
</FrameLayout>
