<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clickable="true"
    android:focusable="true"
    android:orientation="vertical">

    <RelativeLayout
        android:id="@+id/videoContainer"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center">
<!--        <SurfaceView-->
<!--            android:id="@+id/surface_view"-->
<!--            android:layout_width="match_parent"-->
<!--            android:layout_height="match_parent"-->
<!--            android:layout_gravity="center"-->
<!--            android:tag="videoView"/>-->
        <com.rn_advanced_video_player.CustomVideoView
            android:id="@+id/surface_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:tag="videoView"/>

        <com.google.android.exoplayer2.ui.SimpleExoPlayerView
            android:id="@+id/exoplayer"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:tag="exoPlayer"/>
    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/bg_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <LinearLayout
                android:id="@+id/top_layout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/top_gradient"
                android:gravity="center"
                android:orientation="horizontal"
                android:paddingHorizontal="10dp"
                android:paddingVertical="15dp"
                android:alpha="0">

                <ImageButton
                    android:id="@+id/back_button"
                    android:layout_width="22dp"
                    android:layout_height="22dp"
                    android:layout_marginRight="10dp"
                    android:background="@drawable/back"
                    android:scaleType="fitXY"
                    android:tag="backBtn" />

                <TextView
                    android:id="@+id/titleText"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_marginRight="20dp"
                    android:layout_weight="1"
                    android:ellipsize="end"
                    android:includeFontPadding="false"
                    android:singleLine="true"
                    android:tag="titleText"
                    android:text=""
                    android:textColor="@android:color/white"
                    android:textSize="15sp" />

                <ImageButton
                    android:id="@+id/like_button"
                    android:layout_width="22dp"
                    android:layout_height="22dp"
                    android:background="@drawable/bookmark"
                    android:scaleType="fitXY"
                    android:tag="likeBtn" />

                <ImageButton
                    android:id="@+id/share_button"
                    android:layout_width="22dp"
                    android:layout_height="22dp"
                    android:layout_marginLeft="15dp"
                    android:background="@drawable/share"
                    android:scaleType="fitXY"
                    android:tag="shareBtn" />

                <ImageButton
                    android:id="@+id/download_button"
                    android:layout_width="22dp"
                    android:layout_height="22dp"
                    android:layout_marginLeft="15dp"
                    android:background="@drawable/download"
                    android:scaleType="fitXY"
                    android:tag="downloadBtn" />

                <ImageButton
                    android:id="@+id/refresh_button"
                    android:layout_width="22dp"
                    android:layout_height="22dp"
                    android:layout_marginLeft="15dp"
                    android:background="@drawable/refresh"
                    android:scaleType="fitXY"
                    android:tag="refreshBtn" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center_vertical"
                android:orientation="horizontal">

                <RelativeLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="0.1"
                    android:gravity="left|center_vertical">

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:gravity="left|center_vertical"
                        android:orientation="vertical">

                        <ImageButton
                            android:id="@+id/brightness_icon"
                            android:layout_width="15dp"
                            android:layout_height="15dp"
                            android:layout_marginLeft="5dp"
                            android:layout_marginBottom="7dp"
                            android:background="@drawable/brightness"
                            android:scaleType="fitXY"
                            android:visibility="invisible"/>

                        <RelativeLayout
                            android:id="@+id/brightnessContainer"
                            android:layout_width="50dp"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center_vertical"
                            android:alpha="0">

                            <com.lukelorusso.verticalseekbar.VerticalSeekBar
                                android:id="@+id/brightness_seekbar"
                                android:layout_width="5dp"
                                android:layout_height="fill_parent"
                                android:layout_marginLeft="10dp"
                                app:vsb_click_to_set_progress="false"
                                app:vsb_show_thumb="false" />
                        </RelativeLayout>
                    </LinearLayout>
                </RelativeLayout>

                <RelativeLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_vertical|right"
                    android:layout_weight="1"
                    android:gravity="center">

                    <RelativeLayout
                        android:id="@+id/swipeDetailsParentContainer"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:gravity="center">

                        <ImageButton
                            android:id="@+id/pause_play_button"
                            android:layout_width="50dp"
                            android:layout_height="50dp"
                            android:layout_centerHorizontal="true"
                            android:layout_centerVertical="true"
                            android:background="@drawable/pause"
                            android:scaleType="fitXY"
                            android:tag="@drawable/pause"
                            android:visibility="invisible"/>

                        <com.github.ybq.android.spinkit.SpinKitView xmlns:app="http://schemas.android.com/apk/res-auto"
                            android:id="@+id/spinner"
                            style="@style/SpinKitView.Large.Circle"
                            android:layout_width="50dp"
                            android:layout_height="50dp"
                            android:layout_centerHorizontal="true"
                            android:layout_centerVertical="true"
                            android:layout_gravity="center" />

                        <LinearLayout
                            android:id="@+id/swipeDetailsContainer"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_centerHorizontal="true"
                            android:layout_centerVertical="true"
                            android:alpha="0"
                            android:orientation="vertical"
                            android:padding="10dp">

                            <TextView
                                android:id="@+id/swipeSeconds"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_gravity="center"
                                android:layout_weight="1"
                                android:includeFontPadding="false"
                                android:text="+30secs"
                                android:textColor="@android:color/white"
                                android:textSize="15sp" />

                            <LinearLayout
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_marginTop="20dp"
                                android:gravity="bottom"
                                android:orientation="horizontal">

                                <TextView
                                    android:id="@+id/swipe_current_time"
                                    android:layout_width="wrap_content"
                                    android:layout_height="wrap_content"
                                    android:layout_gravity="center"
                                    android:includeFontPadding="false"
                                    android:text="+30secs"
                                    android:textColor="@android:color/white"
                                    android:textSize="15sp" />

                                <TextView
                                    android:layout_width="wrap_content"
                                    android:layout_height="wrap_content"
                                    android:layout_gravity="center"
                                    android:includeFontPadding="false"
                                    android:text=" / "
                                    android:textColor="@android:color/white"
                                    android:textSize="15sp" />

                                <TextView
                                    android:id="@+id/swipe_video_length"
                                    android:layout_width="wrap_content"
                                    android:layout_height="wrap_content"
                                    android:layout_gravity="center"
                                    android:includeFontPadding="false"
                                    android:text="+30secs"
                                    android:textColor="@android:color/white"
                                    android:textSize="15sp" />
                            </LinearLayout>
                        </LinearLayout>
                    </RelativeLayout>
                </RelativeLayout>

                <RelativeLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="0.1"
                    android:gravity="right|center_vertical">

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:gravity="right|center_vertical"
                        android:orientation="vertical">

                        <ImageButton
                            android:id="@+id/volume_icon"
                            android:layout_width="15dp"
                            android:layout_height="15dp"
                            android:layout_marginRight="5dp"
                            android:layout_marginBottom="7dp"
                            android:background="@drawable/volume"
                            android:scaleType="fitXY"
                            android:visibility="invisible"/>

                        <RelativeLayout
                            android:id="@+id/volumeContainer"
                            android:layout_width="50dp"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center_vertical"
                            android:gravity="right"
                            android:alpha="0">

                            <com.lukelorusso.verticalseekbar.VerticalSeekBar
                                android:id="@+id/volume_seekbar"
                                android:layout_width="5dp"
                                android:layout_height="fill_parent"
                                android:layout_marginRight="10dp"
                                android:elevation="0dp"
                                app:vsb_click_to_set_progress="false"
                                app:vsb_show_thumb="false" />
                        </RelativeLayout>
                    </LinearLayout>
                </RelativeLayout>
            </LinearLayout>

            <LinearLayout
                android:id="@+id/btm_layout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/btm_gradient"
                android:gravity="center"
                android:orientation="horizontal"
                android:paddingHorizontal="10dp"
                android:paddingVertical="15dp"
                android:alpha="0">

                <TextView
                    android:id="@+id/current_time"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:includeFontPadding="false"
                    android:tag="currentTimeText"
                    android:text="00:00:00"
                    android:textAlignment="center"
                    android:textColor="@android:color/white"
                    android:textSize="15sp"
                    android:alpha="0"/>

                <SeekBar
                    android:id="@+id/seek_bar"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_vertical"
                    android:layout_weight="1"
                    android:tag="videoSeekBar"
                    android:alpha="0"/>

                <TextView
                    android:id="@+id/video_length"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:includeFontPadding="false"
                    android:tag="videoLengthText"
                    android:text="00:00:00"
                    android:textColor="@android:color/white"
                    android:textSize="15sp" />

                <RelativeLayout
                    android:id="@+id/dummy_view"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:tag="dummyView" />

                <ImageButton
                    android:id="@+id/zoom_button"
                    android:layout_width="18dp"
                    android:layout_height="18dp"
                    android:layout_marginLeft="10dp"
                    android:background="@drawable/fullscreen"
                    android:scaleType="fitXY"
                    android:tag="zoomBtn"
                    android:visibility="invisible"/>
            </LinearLayout>
        </LinearLayout>
    </RelativeLayout>
</FrameLayout>
