<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.card.MaterialCardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    style="@style/Threema.CardView.MentionSelector"
    android:id="@+id/parent_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:gravity="bottom"
    app:contentPadding="0dp"
    app:strokeWidth="0dp"
    app:cardElevation="0dp"
    app:cardBackgroundColor="?attr/colorSurface"
    app:cardPreventCornerOverlap="false"
    android:outlineProvider="none">

    <androidx.core.widget.NestedScrollView
        android:id="@+id/quote_panel"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <LinearLayout
                android:id="@+id/quote_inner_panel"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="top"
                android:orientation="horizontal"
                android:paddingTop="8dp"
                android:paddingBottom="8dp">

                <View
                    android:id="@+id/quote_bar"
                    android:layout_width="4dp"
                    android:layout_height="match_parent"
                    android:layout_marginLeft="8dp"
                    android:layout_marginRight="8dp"
                    android:background="?attr/colorPrimary" />

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_vertical"
                    android:layout_weight="2"
                    android:orientation="vertical">

                    <TextView
                        android:id="@+id/quote_id_view"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:textColor="?attr/colorOnSurfaceVariant"
                        android:textSize="?attr/font_medium"
                        android:textStyle="bold" />

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal">

                        <ImageView
                            android:id="@+id/quote_type_image"
                            android:layout_width="14dp"
                            android:layout_height="14dp"
                            android:layout_gravity="left|top"
                            android:layout_marginLeft="-2dp"
                            android:layout_marginTop="3dp"
                            android:layout_marginRight="4dp"
                            android:visibility="gone"
                            app:tint="?attr/colorOnSurface" />

                        <ch.threema.app.emojis.EmojiTextView
                            android:id="@+id/quote_text_view"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:ellipsize="end"
                            android:linksClickable="false"
                            android:maxLines="3"
                            android:text=""
                            android:textColor="?attr/colorOnSurface"
                            android:textSize="?attr/font_status" />

                    </LinearLayout>

                </LinearLayout>

                <ImageView
                    android:id="@+id/quote_thumbnail"
                    android:layout_width="@dimen/avatar_size_small"
                    android:layout_height="@dimen/avatar_size_small"
                    android:layout_gravity="right|center_vertical"
                    android:layout_marginLeft="8dp"
                    android:importantForAccessibility="no"
                    android:scaleType="centerCrop"
                    android:visibility="gone" />

                <ImageView
                    android:id="@+id/quote_panel_close_button"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="right|center_vertical"
                    android:layout_marginLeft="8dp"
                    android:layout_marginRight="8dp"
                    android:background="?android:selectableItemBackground"
                    android:contentDescription="@string/close"
                    app:srcCompat="@drawable/ic_close"
                    app:tint="?attr/colorOnSurface" />

            </LinearLayout>

        </FrameLayout>

    </androidx.core.widget.NestedScrollView>

</com.google.android.material.card.MaterialCardView>
