<?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"
    android:layout_width="match_parent"
    android:layout_height="128dp">

    <!-- The fake input bar -->

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="@dimen/input_bar_height"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="12dp"
        android:orientation="vertical">

        <View
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/input_bar_background" />

        <!-- The left content (dot view + duration) -->

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="@dimen/medium_spacing"
            android:layout_alignParentStart="true"
            android:layout_centerVertical="true"
            android:gravity="center_vertical"
            android:orientation="horizontal">

            <View
                android:id="@+id/dotView"
                android:layout_width="16dp"
                android:layout_height="16dp"
                android:background="@drawable/circle_tintable"
                android:backgroundTint="@color/destructive" />

            <TextView
                android:id="@+id/recordingViewDurationTextView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="@dimen/small_spacing"
                android:text="00:00"
                android:textSize="@dimen/small_font_size"
                android:textColor="@color/text" />

        </LinearLayout>

        <!-- The middle content (left arrow + slide to cancel) -->

        <LinearLayout
            android:id="@+id/inputBarMiddleContentContainer"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:paddingHorizontal="40dp"
            android:orientation="horizontal"
            android:gravity="center_vertical">

            <ImageView
                android:id="@+id/inputBarChevronImageView"
                android:layout_width="16dp"
                android:layout_height="16dp"
                android:src="@drawable/ic_keyboard_arrow_left_grey600_24dp"
                android:layout_marginTop="1dp"
                app:tint="@color/text"
                android:alpha="0.6" />

            <TextView
                android:id="@+id/inputBarSlideToCancelTextView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="4dp"
                android:text="@string/conversation_input_panel__slide_to_cancel"
                android:textSize="@dimen/very_small_font_size"
                android:textColor="@color/text"
                android:alpha="0.6" />

        </LinearLayout>

        <!-- The cancel button -->

        <TextView
            android:id="@+id/inputBarCancelButton"
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:layout_centerInParent="true"
            android:alpha="0"
            android:gravity="center"
            android:text="@string/cancel"
            android:textSize="@dimen/small_font_size"
            android:textColor="@color/text"
            android:textStyle="bold" />

        <!-- Separator -->

        <View
            android:layout_width="match_parent"
            android:layout_height="1px"
            android:layout_alignParentTop="true"
            android:background="@color/separator" />

    </RelativeLayout>

    <!-- The pulse view -->

    <RelativeLayout
        android:layout_width="104dp"
        android:layout_height="104dp"
        android:layout_alignParentEnd="true"
        android:layout_alignParentBottom="true"
        android:layout_marginEnd="-20dp"
        android:layout_marginBottom="-12dp">

        <View
            android:id="@+id/pulseView"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:alpha="0.5"
            android:layout_centerInParent="true"
            android:background="@drawable/circle_tintable"
            android:backgroundTint="@color/destructive" />

    </RelativeLayout>

    <!-- The actual record button overlay -->

    <RelativeLayout
        android:id="@+id/recordButtonOverlay"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_alignParentEnd="true"
        android:layout_alignParentBottom="true"
        android:layout_marginEnd="-8dp"
        android:layout_marginBottom="0dp"
        android:background="@drawable/circle_tintable"
        android:backgroundTint="@color/destructive" >

        <ImageView
            android:id="@+id/recordButtonOverlayImageView"
            android:layout_width="16dp"
            android:layout_height="16dp"
            app:tint="@color/white"
            android:scaleType="centerInside"
            android:layout_centerInParent="true"
            android:src="@drawable/ic_microphone" />

    </RelativeLayout>

    <LinearLayout
        android:id="@+id/lockView"
        android:layout_width="36dp"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:gravity="center"
        android:layout_alignParentEnd="true"
        android:layout_alignParentBottom="true"
        android:layout_marginEnd="14dp"
        android:layout_marginBottom="72dp"
        android:paddingVertical="8dp"
        android:background="@drawable/view_lock_background">

        <ImageView
            android:layout_width="16dp"
            android:layout_height="16dp"
            android:src="@drawable/ic_lock"
            app:tint="@color/text" />

        <ImageView
            android:layout_width="16dp"
            android:layout_height="16dp"
            android:layout_marginTop="4dp"
            android:src="@drawable/ic_chevron_up"
            app:tint="@color/text" />

    </LinearLayout>

</RelativeLayout>