<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/backgroundColor"
    tools:context=".PreviewActivity">

    <RelativeLayout
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="55dp"
        android:background="@color/app_color">

        <ImageButton
            android:id="@+id/back_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@null"
            android:onClick="finish"
            android:padding="15dp"
            android:src="@drawable/ic_arrow_back"
            app:tint="@color/white" />

        <TextView
            android:layout_toRightOf="@id/back_btn"
            android:id="@+id/title_tv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:text="@string/app_name"
            android:textColor="@color/white"
            android:textSize="15dp" />

    </RelativeLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/title_tv2"
        android:layout_below="@id/toolbar"
        android:gravity="center"
        android:orientation="vertical">

        <ImageView
            android:id="@+id/poster_iv"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:src="@drawable/placeholder" />

        <com.google.android.exoplayer2.ui.PlayerView
            android:layout_centerVertical="true"
            android:id="@+id/playerview"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:minHeight="@dimen/_300sdp"
            app:controller_layout_id="@layout/item_player_controler"
            />

    </RelativeLayout>

    <TextView
        android:visibility="invisible"
        android:id="@+id/title_tv2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@id/title_tv3"
        android:layout_centerHorizontal="true"
        android:text="@string/your_photo_are_ready_to_share"
        android:textColor="@color/textColor"
        android:textSize="20dp"
        android:textStyle="bold" />
    <TextView
        android:id="@+id/title_tv3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@id/save_btn"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="@dimen/_8sdp"
        android:text="@string/save_share_post"
        android:textColor="@color/textColor"
        android:textSize="15dp" />

    <androidx.cardview.widget.CardView
        android:id="@+id/save_btn"
        android:layout_centerHorizontal="true"
        app:cardCornerRadius="@dimen/_8sdp"
        android:background="@drawable/rounded_bg"
        android:backgroundTint="#E12929"
        android:layout_above="@+id/bottom_lay"
        android:layout_width="@dimen/_200sdp"
        android:layout_height="@dimen/_50sdp">
        <TextView
            android:drawablePadding="@dimen/_8sdp"
            android:layout_gravity="center"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableLeft="@drawable/ic_down_open"
            android:text="@string/download"
            android:textStyle="bold"
            android:textColor="@color/white"
            android:drawableTint="@color/white"
            android:textSize="@dimen/_20sdp"
            android:gravity="center"/>
        <LinearLayout
            android:visibility="gone"
            android:id="@+id/progress_lay"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#81000000"
            android:gravity="center"
            android:orientation="vertical">

            <ProgressBar
                android:layout_width="@dimen/_20sdp"
                android:layout_height="@dimen/_20sdp"
                android:indeterminateTint="@color/white" />
        </LinearLayout>
    </androidx.cardview.widget.CardView>

    <LinearLayout
        android:id="@+id/bottom_lay"
        android:layout_above="@+id/footer"
        android:layout_width="match_parent"
        android:layout_height="@dimen/_100sdp"
        android:paddingVertical="15dp"
        android:orientation="horizontal">

        <LinearLayout
            android:layout_weight="1"
            android:gravity="center"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
            <ImageView
                android:padding="8dp"
                android:id="@+id/whatsapp_btn"
                android:layout_width="@dimen/_40sdp"
                android:layout_height="@dimen/_40sdp"
                android:background="@drawable/rounded_bg"
                android:backgroundTint="#1F9318"
                android:src="@drawable/ic_whatsapp"
                app:tint="@color/white"/>
            <TextView
                android:layout_marginTop="@dimen/_5sdp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/whatsapp"
                android:textColor="@color/textColor"
                android:textSize="@dimen/_10sdp"
                android:textStyle="bold"/>
        </LinearLayout>

        <LinearLayout
            android:layout_weight="1"
            android:gravity="center"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
            <ImageView
                android:padding="@dimen/_6sdp"
                android:id="@+id/facebook_btn"
                android:layout_width="@dimen/_40sdp"
                android:layout_height="@dimen/_40sdp"
                android:background="@drawable/rounded_bg"
                android:backgroundTint="#173FA6"
                android:src="@drawable/ic_facebook"
                app:tint="@color/white"/>
            <TextView
                android:layout_marginTop="@dimen/_5sdp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/facebook"
                android:textColor="@color/textColor"
                android:textSize="@dimen/_10sdp"
                android:textStyle="bold"/>
        </LinearLayout>

        <LinearLayout
            android:layout_weight="1"
            android:gravity="center"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
            <ImageView
                android:padding="8dp"
                android:id="@+id/instagram_btn"
                android:layout_width="@dimen/_40sdp"
                android:layout_height="@dimen/_40sdp"
                android:background="@drawable/rounded_bg"
                android:backgroundTint="#E91ED5"
                android:src="@drawable/ic_instagram"
                app:tint="@color/white"/>
            <TextView
                android:layout_marginTop="@dimen/_5sdp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/instagrame"
                android:textColor="@color/textColor"
                android:textSize="@dimen/_10sdp"
                android:textStyle="bold"/>
        </LinearLayout>

        <LinearLayout
            android:layout_weight="1"
            android:gravity="center"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
            <ImageView
                android:padding="8dp"
                android:id="@+id/more_btn"
                android:layout_width="@dimen/_40sdp"
                android:layout_height="@dimen/_40sdp"
                android:background="@drawable/rounded_bg"
                android:backgroundTint="#FF9800"
                android:src="@drawable/ic_more"
                app:tint="@color/white"/>
            <TextView
                android:layout_marginTop="@dimen/_5sdp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/more"
                android:textColor="@color/textColor"
                android:textSize="@dimen/_10sdp"
                android:textStyle="bold"/>
        </LinearLayout>

    </LinearLayout>

    <LinearLayout
        android:id="@+id/footer"
        android:gravity="center"
        android:layout_alignParentBottom="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <View
            android:layout_width="match_parent"
            android:layout_height="2dp"
            android:background="#4B787878"/>
        <TextView
            android:layout_marginTop="@dimen/_8sdp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="@dimen/_8sdp"
            android:text="@string/made_in_india_with_love"
            android:textColor="#C56B6B"
            android:textSize="12dp"
            android:textStyle="bold" />

    </LinearLayout>
</RelativeLayout>