<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:paddingEnd="4dp"
	android:paddingStart="16dp">

	<ImageView
		android:id="@+id/more"
		android:layout_width="36dp"
		android:layout_height="36dp"
		android:layout_marginTop="13dp"
		android:layout_alignParentTop="true"
		android:layout_alignParentEnd="true"
		android:background="?android:actionBarItemBackground"
		android:contentDescription="@string/more_options"
		android:scaleType="center"
		android:src="@drawable/ic_fluent_more_vertical_20_filled"
		android:tint="?android:textColorSecondary" />

	<ImageView
		android:id="@+id/delete_notification"
		android:layout_width="36dp"
		android:layout_height="36dp"
		android:layout_marginTop="13dp"
		android:layout_toStartOf="@id/more"
		android:visibility="gone"
		android:background="?android:actionBarItemBackground"
		android:contentDescription="@string/sk_delete_notification"
		android:tooltipText="@string/sk_delete_notification"
		android:scaleType="center"
		android:src="@drawable/ic_fluent_dismiss_20_filled"
		android:tint="?android:textColorSecondary" />

	<ImageView
		android:id="@+id/visibility"
		android:layout_width="36dp"
		android:layout_height="36dp"
		android:layout_marginTop="13dp"
		android:layout_toStartOf="@id/delete_notification"
		android:background="?android:actionBarItemBackground"
		android:scaleType="center"
		android:src="@drawable/ic_visibility"
		android:tint="?android:textColorSecondary" />

	<FrameLayout
		android:id="@+id/collapse_btn"
		android:layout_width="36dp"
		android:layout_height="36dp"
		android:layout_marginTop="13dp"
		android:layout_toStartOf="@id/visibility"
		android:background="?android:actionBarItemBackground"
		android:visibility="gone"
		android:importantForAccessibility="noHideDescendants">

		<!-- wrapping this button so the flip animation doesn't flip the background and the tooltip
		 	 isn't displaced by the -1 scale -->

		<ImageView
			android:id="@+id/collapse_btn_icon"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:layout_gravity="center"
			android:importantForAccessibility="no"
			android:scaleType="center"
			android:src="@drawable/ic_fluent_chevron_down_20_filled"
			android:tint="?android:textColorSecondary" />

	</FrameLayout>

	<ImageView
		android:id="@+id/unread_indicator"
		android:layout_width="36dp"
		android:layout_height="36dp"
		android:layout_marginTop="13dp"
		android:layout_toStartOf="@id/collapse_btn"
		android:visibility="gone"
		android:tint="?android:colorAccent"
		android:scaleType="center"
		android:src="@drawable/ic_fluent_circle_small_20_filled" />

	<ImageView
		android:id="@+id/avatar"
		android:layout_width="46sp"
		android:layout_height="46sp"
		android:layout_alignParentStart="true"
		android:layout_alignParentTop="true"
		android:layout_marginEnd="12dp"
		android:layout_marginTop="16dp" />

	<org.joinmastodon.android.ui.views.HeaderSubtitleLinearLayout
		android:id="@+id/name_wrap"
		android:layout_width="match_parent"
		android:layout_height="wrap_content"
		android:layout_marginEnd="8dp"
		android:layout_toStartOf="@id/unread_indicator"
		android:layout_toEndOf="@id/avatar"
		android:layout_above="@+id/username_wrap">

		<TextView
			android:id="@+id/name"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:ellipsize="end"
			android:singleLine="true"
			android:textAlignment="viewStart"
			android:textAppearance="@style/m3_title_medium"
			tools:text="Eugen" />

		<TextView
			android:id="@+id/extra_text"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:layout_marginStart="8sp"
			android:ellipsize="end"
			android:fontFamily="sans-serif"
			android:singleLine="true"
			android:textAlignment="viewStart"
			android:textAppearance="@style/m3_title_medium"
			tools:text="boosted your cat picture" />

	</org.joinmastodon.android.ui.views.HeaderSubtitleLinearLayout>

	<org.joinmastodon.android.ui.views.HeaderSubtitleLinearLayout
		android:id="@id/username_wrap"
		android:layout_width="match_parent"
		android:layout_height="wrap_content"
		android:layout_marginEnd="8dp"
		android:layout_toStartOf="@id/unread_indicator"
		android:layout_toEndOf="@id/avatar"
		android:layout_alignBottom="@id/avatar"
		android:layoutDirection="locale"
		android:paddingBottom="3sp"
		android:orientation="horizontal">

		<TextView
			android:id="@+id/username"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:ellipsize="end"
			android:singleLine="true"
			android:textAppearance="@style/m3_title_small"
			tools:text="\@Gargron" />

		<ImageView
			android:id="@+id/bot_icon"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:visibility="gone"
			android:importantForAccessibility="no"
			android:layout_marginTop="2dp"
			android:src="@drawable/ic_fluent_bot_16_filled" />

		<TextView
			android:id="@+id/separator"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:layout_marginLeft="4sp"
			android:layout_marginRight="4sp"
			android:importantForAccessibility="no"
			android:text="@string/sk_separator"
			android:textAppearance="@style/m3_title_small" />

		<TextView
			android:id="@+id/timestamp"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:singleLine="true"
			android:textAppearance="@style/m3_title_small"
			tools:text="3h" />

	</org.joinmastodon.android.ui.views.HeaderSubtitleLinearLayout>

</RelativeLayout>