<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:android_custom="http://schemas.android.com/apk/res-auto"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:fitsSystemWindows="true"
                android:orientation="vertical">

    <com.facebook.drawee.view.SimpleDraweeView
        android:id="@+id/iv_home_bg"
        android:layout_width="match_parent"
        android:layout_height="@dimen/home_bg_height"
        android:alpha="0"
        android_custom:actualImageScaleType="centerCrop"
        android_custom:backgroundImage="@color/white"
        android_custom:fadeDuration="300"
        android_custom:placeholderImage="@drawable/home_bg"
        android_custom:placeholderImageScaleType="centerCrop"/>

    <RelativeLayout
        android:id="@+id/rl"
        android:layout_width="match_parent"
        android:layout_height="@dimen/title_height"
        android:layout_alignParentTop="true"
        >

        <View
            android:id="@+id/title_bg"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="?attr/colorValue"/>

        <app.hanks.com.conquer.view.materialmenu.MaterialMenuView
            android:id="@+id/material_menu"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:layout_margin="8dp"
            android:background="@drawable/btn_selector_white"
            android_custom:mm_strokeWidth="2"
            android_custom:mm_transformDuration="300"/>

        <ImageButton
            android:id="@+id/iv_sort"
            android:layout_width="@dimen/title_icon_size"
            android:layout_height="@dimen/title_icon_size"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:background="@drawable/btn_selector_white"
            android:padding="@dimen/title_btn_padding"
            android:scaleType="centerInside"
            android:src="@drawable/ic_more_vert_white_24dp"/>

        <ImageButton
            android:id="@+id/iv_search"
            android:layout_width="@dimen/title_icon_size"
            android:layout_height="@dimen/title_icon_size"
            android:layout_centerVertical="true"
            android:layout_toLeftOf="@+id/iv_sort"
            android:background="@drawable/btn_selector_white"
            android:padding="@dimen/title_btn_padding"
            android:scaleType="centerInside"
            android:src="@drawable/ic_search_white_24dp"
            />

        <TextView
            android:id="@+id/tv_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="5dp"
            android:layout_toRightOf="@+id/material_menu"
            android:gravity="center"
            android:text="@string/edit_task"
            android:textColor="@color/white"
            android:textSize="20sp"
            android:textStyle="bold"/>
    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/ll_bottom"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/iv_home_bg"
        android:alpha="0"
        android:background="@color/white">
    </RelativeLayout>

    <LinearLayout
        android:id="@+id/layout_task"
        android:layout_width="match_parent"
        android:layout_height="90dp"
        android:layout_below="@+id/iv_home_bg"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        android:visibility="invisible"
        >

        <app.hanks.com.conquer.view.RoundProgressBar
            android:id="@+id/pb"
            style="@style/MyProgressBar"
            android:layout_width="70dip"
            android:layout_height="70dip"
            android:layout_marginLeft="16dp"
            android:progress="0"
            android_custom:max="4320"
            android_custom:roundColor="#D1D1D1"
            android_custom:roundProgressColor="@color/red_button"
            android_custom:roundWidth="6dip"
            android_custom:textColor="@color/black"
            android_custom:textSize="12sp">
        </app.hanks.com.conquer.view.RoundProgressBar>


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_toRightOf="@id/pb"
            android:gravity="center_vertical"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/tv_time"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="2"
                android:clickable="true"
                android:gravity="center"
                android:onClick="showDatePicker"
                android:text="00:00"
                android:textColor="#000"
                android:textSize="30sp"
                android:textStyle="bold"/>

            <EditText
                android:id="@+id/tv_name"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="3"
                android:background="@null"
                android:gravity="center_vertical|left"
                android:singleLine="true"
                android:text="N/A"
                android:textSize="20sp"/>
        </LinearLayout>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/ll_audio"
        layout="@layout/layout_audio"
        android:layout_below="@+id/layout_task"
        android:layout_marginBottom="4dp"
        android:layout_marginLeft="16dp"
        android:layout_marginRight="16dp"
        android:layout_marginTop="4dp"
        android:alpha="0"
        android:background="@drawable/ll_bg"
        android:gravity="center_vertical"
        android:minHeight="55dp"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_alignLeft="@+id/tv_content"
        android:orientation="horizontal">

        <ImageButton
            android:id="@+id/ib_play"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_centerVertical="true"
            android:layout_marginLeft="5dp"
            android:background="@drawable/add_bt_selector"
            android:padding="9dp"
            android:scaleType="centerInside"
            android:src="@drawable/play_audio"/>

        <ProgressBar
            android:layout_marginBottom="8dp"
            android:layout_marginTop="8dp"
            android:id="@+id/pb2"
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:layout_weight="1"
            android:max="1000">
        </ProgressBar>
    </LinearLayout>
    <TextView
        android:layout_below="@+id/ll_audio"
        android:layout_width="match_parent"
        android:id="@+id/tv_note"
        android:layout_height="wrap_content"/>


</RelativeLayout>