<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/core_black"
    android:theme="@style/Theme.Session.ForceDark"
    tools:context="org.thoughtcrime.securesms.mediasend.MediaSendActivity">

    <org.thoughtcrime.securesms.components.ControllableViewPager
        android:id="@+id/mediasend_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <FrameLayout
        android:id="@+id/mediasend_playback_controls_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:animateLayoutChanges="true"
        android:layout_gravity="top"/>

    <org.thoughtcrime.securesms.components.InputAwareLayout
        android:id="@+id/mediasend_hud"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:id="@+id/mediasend_caption_and_rail"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:orientation="vertical"
            android:background="@color/transparent_black_70">

            <org.thoughtcrime.securesms.components.emoji.EmojiEditText
                android:id="@+id/mediasend_caption"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginStart="16dp"
                android:layout_marginEnd="16dp"
                android:paddingTop="6dp"
                android:paddingBottom="6dp"
                style="@style/Signal.Text.Body"
                android:textSize="@dimen/medium_font_size"
                android:maxLines="3"
                android:maxLength="240"
                android:hint="@string/MediaSendActivity_add_a_caption"
                android:autoText="true"
                android:inputType="textAutoCorrect|textCapSentences|textMultiLine"
                android:background="@null"/>

            <androidx.recyclerview.widget.RecyclerView
                android:id="@+id/mediasend_media_rail"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="2dp"
                android:layout_marginStart="2dp"
                android:layout_marginEnd="2dp"
                tools:listitem="@layout/mediarail_media_item"
                tools:layout_height="64dp"/>

            <LinearLayout
                android:id="@+id/mediasend_compose_container"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="12dp"
                android:layout_marginStart="16dp"
                android:layout_marginEnd="16dp"
                android:layout_marginBottom="12dp"
                android:orientation="horizontal">

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:paddingStart="8dp"
                    android:paddingEnd="8dp"
                    android:orientation="horizontal"
                    android:background="@drawable/compose_background_camera">

                    <org.thoughtcrime.securesms.components.emoji.EmojiToggle
                        android:id="@+id/mediasend_emoji_toggle"
                        android:layout_width="wrap_content"
                        android:layout_height="@dimen/conversation_compose_height"
                        android:layout_gravity="bottom"
                        android:paddingStart="4dp"
                        android:paddingEnd="6dp"
                        android:background="?selectableItemBackgroundBorderless"
                        android:contentDescription="@string/conversation_activity__emoji_toggle_description" />

                    <Space
                        android:layout_width="0dp"
                        android:layout_height="@dimen/conversation_compose_height" />

                    <org.thoughtcrime.securesms.components.ComposeText
                        style="@style/Widget.Session.EditText.Compose"
                        android:id="@+id/mediasend_compose_text"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:layout_weight="1"
                        android:nextFocusForward="@+id/send_button"
                        android:nextFocusRight="@+id/send_button"
                        tools:hint="Send TextSecure message" >
                        <requestFocus />
                    </org.thoughtcrime.securesms.components.ComposeText>

                </LinearLayout>

                <FrameLayout
                    android:id="@+id/mediasend_send_button_bkg"
                    android:layout_width="@dimen/conversation_compose_height"
                    android:layout_height="@dimen/conversation_compose_height"
                    android:layout_marginStart="12dp"
                    android:layout_gravity="bottom">

                    <ImageButton
                        android:id="@+id/mediasend_send_button"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:scaleType="fitXY"
                        android:contentDescription="@string/conversation_activity__send"
                        android:src="?conversation_transport_sms_indicator"
                        android:background="@drawable/circle_touch_highlight_background"/>

                </FrameLayout>

            </LinearLayout>

            <TextView
                android:id="@+id/mediasend_characters_left"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginStart="16dp"
                android:layout_marginEnd="16dp"
                android:paddingBottom="12dp"
                android:visibility="gone"
                tools:visibility="visible"
                tools:text="160/160 (1)" />

            <ViewStub
                android:id="@+id/mediasend_emoji_drawer_stub"
                android:layout="@layout/scribble_fragment_emojidrawer_stub"
                android:inflatedId="@+id/emoji_drawer"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"/>

        </LinearLayout>

    </org.thoughtcrime.securesms.components.InputAwareLayout>

    <FrameLayout
        android:id="@+id/mediasend_close_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/small_spacing"
        android:padding="@dimen/small_spacing"
        android:background="@drawable/circle_touch_highlight_background"
        android:clickable="true"
        android:focusable="true">

        <ImageView
            android:layout_width="36dp"
            android:layout_height="36dp"
            android:src="@drawable/ic_baseline_clear_24"
            android:tint="@android:color/white"/>

    </FrameLayout>

</FrameLayout>