<?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:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
        android:id="@+id/ll_top"
        android:background="@drawable/gradient_top_bottom"
        android:paddingTop="55dp"
        android:layout_width="match_parent"
        android:layout_height="240dp"
        android:paddingStart="40dp"
        android:paddingEnd="40dp">
        <ImageView
            android:id="@+id/iv_back"
            android:padding="10dp"
            android:layout_width="44dp"
            android:layout_height="68dp"
            android:src="@mipmap/icon_back"/>
        <TextView
            android:textSize="40sp"
            android:textStyle="bold"
            android:textColor="#ffffff"
            android:gravity="center"
            android:id="@+id/tv_channel_icon"
            android:background="@drawable/shape_radius_text"
            android:visibility="gone"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:textAlignment="center"/>
        <TextView
            android:textSize="48sp"
            android:textStyle="bold"
            android:textColor="#ffffff"
            android:id="@+id/tv_controller_channel_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:layout_marginRight="20dp"
            android:layout_marginHorizontal="20dp"/>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/channel_icon"/>
        <View
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"/>
        <ImageView
            android:id="@+id/iv_feedback"
            android:layout_width="58dp"
            android:layout_height="58dp"
            android:src="@mipmap/play_feedback_white_pad"/>
    </LinearLayout>
    <ImageView
        android:layout_gravity="start|center_vertical"
        android:id="@+id/iv_previous"
        android:padding="20dp"
        android:layout_width="128dp"
        android:layout_height="128dp"
        android:src="@mipmap/previous_white_pad"
        android:layout_marginStart="115dp"/>
    <ImageView
        android:layout_gravity="end|center_vertical"
        android:id="@+id/iv_next"
        android:padding="20dp"
        android:layout_width="128dp"
        android:layout_height="128dp"
        android:src="@mipmap/next_white_pad"
        android:layout_marginEnd="115dp"/>
    <LinearLayout
        android:gravity="bottom"
        android:layout_gravity="bottom"
        android:orientation="vertical"
        android:id="@+id/layout_control"
        android:background="@drawable/gradient_bottom_top"
        android:paddingBottom="40dp"
        android:layout_width="match_parent"
        android:layout_height="240dp">
        <androidx.constraintlayout.widget.ConstraintLayout
            android:layout_gravity="center"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <LinearLayout
                android:gravity="center_vertical"
                android:layout_gravity="center"
                android:id="@+id/ll_controller_all"
                android:focusable="true"
                android:focusableInTouchMode="true"
                android:layout_width="wrap_content"
                android:layout_height="80dp"
                android:layout_marginEnd="40dp"
                app:layout_constraintBottom_toBottomOf="@+id/ll_epg"
                app:layout_constraintEnd_toStartOf="@+id/ll_favorite"
                app:layout_constraintTop_toTopOf="@+id/ll_epg">
                <ImageView
                    android:id="@+id/iv_controller_menu"
                    android:background="@drawable/selector"
                    android:layout_width="58dp"
                    android:layout_height="58dp"
                    android:src="@mipmap/live_menu_white_pad"/>
                <TextView
                    android:textSize="32sp"
                    android:textColor="@color/text_selector_black_white"
                    android:id="@+id/tv_controller_all"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="@string/all_channels"
                    android:layout_marginStart="10dp"/>
            </LinearLayout>
            <LinearLayout
                android:gravity="center"
                android:id="@+id/ll_favorite"
                android:background="@drawable/selector_red_12"
                android:paddingLeft="10dp"
                android:paddingRight="10dp"
                android:focusable="true"
                android:focusableInTouchMode="true"
                android:clickable="true"
                android:layout_width="wrap_content"
                android:layout_height="58dp"
                android:layout_marginEnd="40dp"
                android:paddingHorizontal="10dp"
                app:layout_constraintEnd_toStartOf="@+id/ll_video_ratio"
                app:layout_constraintTop_toTopOf="parent">
                <ImageView
                    android:id="@+id/iv_like"
                    android:layout_width="58dp"
                    android:layout_height="58dp"
                    android:src="@mipmap/icon_like_pad"/>
                <TextView
                    android:textSize="32sp"
                    android:textColor="@color/white"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="@string/favorite"
                    android:layout_marginStart="12dp"/>
            </LinearLayout>
            <LinearLayout
                android:gravity="center"
                android:id="@+id/ll_video_ratio"
                android:background="@drawable/selector_red_12"
                android:paddingLeft="10dp"
                android:paddingRight="10dp"
                android:focusable="true"
                android:focusableInTouchMode="true"
                android:clickable="true"
                android:layout_width="wrap_content"
                android:layout_height="58dp"
                android:layout_marginEnd="40dp"
                android:paddingHorizontal="10dp"
                app:layout_constraintEnd_toStartOf="@+id/ll_subtitle"
                app:layout_constraintTop_toTopOf="parent">
                <ImageView
                    android:id="@+id/iv_ratio"
                    android:layout_width="58dp"
                    android:layout_height="58dp"
                    android:src="@mipmap/ratio_white_pad"/>
                <TextView
                    android:textSize="32sp"
                    android:textColor="@color/white"
                    android:id="@+id/tv_video_ratio"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="12dp"/>
            </LinearLayout>
            <LinearLayout
                android:gravity="center"
                android:id="@+id/ll_subtitle"
                android:background="@drawable/selector_red_12"
                android:paddingLeft="10dp"
                android:paddingRight="10dp"
                android:focusable="true"
                android:focusableInTouchMode="true"
                android:visibility="gone"
                android:clickable="true"
                android:layout_width="wrap_content"
                android:layout_height="58dp"
                android:layout_marginEnd="40dp"
                android:paddingHorizontal="10dp"
                app:layout_constraintEnd_toStartOf="@+id/ll_audio"
                app:layout_constraintTop_toTopOf="parent">
                <ImageView
                    android:layout_width="58dp"
                    android:layout_height="58dp"
                    android:src="@mipmap/subtitle_white_pad"/>
                <TextView
                    android:textSize="32sp"
                    android:textColor="@color/white"
                    android:id="@+id/tv_subtitle"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="12dp"/>
            </LinearLayout>
            <LinearLayout
                android:gravity="center"
                android:id="@+id/ll_audio"
                android:background="@drawable/selector_red_12"
                android:paddingLeft="10dp"
                android:paddingRight="10dp"
                android:focusable="true"
                android:focusableInTouchMode="true"
                android:visibility="gone"
                android:clickable="true"
                android:layout_width="wrap_content"
                android:layout_height="58dp"
                android:layout_marginEnd="40dp"
                android:paddingHorizontal="10dp"
                app:layout_constraintEnd_toStartOf="@+id/ll_quality"
                app:layout_constraintTop_toTopOf="parent">
                <ImageView
                    android:layout_width="58dp"
                    android:layout_height="58dp"
                    android:src="@mipmap/audio_white_3x"/>
                <TextView
                    android:textSize="32sp"
                    android:textColor="@color/white"
                    android:id="@+id/tv_audio"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="12dp"/>
            </LinearLayout>
            <LinearLayout
                android:gravity="center"
                android:id="@+id/ll_quality"
                android:background="@drawable/selector_red_12"
                android:paddingLeft="10dp"
                android:paddingRight="10dp"
                android:focusable="true"
                android:focusableInTouchMode="true"
                android:visibility="gone"
                android:clickable="true"
                android:layout_width="wrap_content"
                android:layout_height="58dp"
                android:layout_marginEnd="40dp"
                android:paddingHorizontal="10dp"
                app:layout_constraintEnd_toStartOf="@+id/ll_epg"
                app:layout_constraintTop_toTopOf="parent">
                <ImageView
                    android:layout_width="58dp"
                    android:layout_height="58dp"
                    android:src="@mipmap/live_hq_pad"/>
                <TextView
                    android:textSize="32sp"
                    android:textColor="@color/white"
                    android:id="@+id/tv_quality"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="12dp"/>
            </LinearLayout>
            <LinearLayout
                android:gravity="center"
                android:id="@+id/ll_epg"
                android:background="@drawable/selector_red_12"
                android:paddingLeft="10dp"
                android:paddingRight="10dp"
                android:focusable="true"
                android:focusableInTouchMode="true"
                android:clickable="true"
                android:layout_width="wrap_content"
                android:layout_height="58dp"
                android:paddingHorizontal="10dp"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintTop_toTopOf="parent">
                <ImageView
                    android:layout_width="58dp"
                    android:layout_height="58dp"
                    android:src="@mipmap/live_epg_pad"/>
                <TextView
                    android:textSize="32sp"
                    android:textColor="@color/white"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="EPG"
                    android:layout_marginStart="12dp"/>
            </LinearLayout>
        </androidx.constraintlayout.widget.ConstraintLayout>
    </LinearLayout>
</FrameLayout>
