<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <androidx.core.widget.NestedScrollView
        android:id="@+id/fragment_id_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="?android:attr/colorBackground"
        android:scrollbars="vertical"
        android:scrollbarSize="@dimen/scrollbar_size"
        android:isScrollContainer="true">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="4dp"
            android:orientation="vertical">

            <LinearLayout
                android:id="@+id/policy_explain"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="2dp"
                android:layout_marginLeft="16dp"
                android:layout_marginRight="16dp"
                android:layout_marginTop="8dp"
                android:gravity="center_vertical"
                android:orientation="horizontal"
                android:visibility="gone">

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginRight="8dp"
                    app:srcCompat="@drawable/ic_info_outline"
                    app:tint="?attr/colorOnSurface" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:ellipsize="end"
                    android:maxLines="2"
                    android:text="@string/disabled_by_policy"
                    android:textAppearance="?android:attr/textAppearanceSmall"
                    android:textColor="@null" />

            </LinearLayout>

            <androidx.constraintlayout.widget.ConstraintLayout
                android:id="@+id/constraintLayout_id_profile"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">

                <com.google.android.material.button.MaterialButton
                    style="@style/Threema.MaterialButton.Icon"
                    android:id="@+id/profile_edit"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginEnd="16dp"
                    android:layout_alignParentRight="true"
                    android:layout_centerVertical="true"
                    app:icon="@drawable/ic_pencil_outline"
                    app:layout_constraintBottom_toBottomOf="@+id/nickname"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintTop_toTopOf="@+id/nickname"
                    android:contentDescription="@string/edit"
                    tools:layout_conversion_absoluteHeight="40dp"
                    tools:layout_conversion_absoluteWidth="40dp" />

                <com.google.android.material.button.MaterialButton
                    style="@style/Threema.MaterialButton.Icon"
                    android:id="@+id/my_id_qr"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginEnd="4dp"
                    android:contentDescription="@string/show_as_qrcode"
                    app:layout_constraintEnd_toStartOf="@+id/my_id_share"
                    app:layout_constraintTop_toBottomOf="@+id/my_id_title"
                    app:icon="@drawable/ic_qr_code"
                    tools:layout_conversion_absoluteHeight="48dp"
                    tools:layout_conversion_absoluteWidth="48dp" />

                <com.google.android.material.button.MaterialButton
                    style="@style/Threema.MaterialButton.Icon"
                    android:id="@+id/my_id_share"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginEnd="16dp"
                    android:contentDescription="@string/share_via"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintTop_toTopOf="@+id/my_id_qr"
                    app:icon="@drawable/ic_share_outline"
                    tools:layout_conversion_absoluteHeight="48dp"
                    tools:layout_conversion_absoluteWidth="48dp" />

                <TextView
                    android:id="@+id/profilepictitle"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="16dp"
                    android:text="@string/profile_picture_and_nickname"
                    android:textAppearance="@style/Threema.TextAppearance.SectionTitle"
                    app:layout_constraintStart_toStartOf="@+id/my_id"
                    app:layout_constraintTop_toBottomOf="@id/my_id"
                    tools:layout_conversion_absoluteHeight="16dp"
                    tools:layout_conversion_absoluteWidth="366dp" />

                <TextView
                    android:id="@+id/my_id_title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="16dp"
                    android:layout_marginTop="16dp"
                    android:ellipsize="end"
                    android:singleLine="true"
                    android:text="@string/title_mythreemaid"
                    android:textAppearance="@style/Threema.TextAppearance.SectionTitle"
                    app:layout_constrainedWidth="true"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toTopOf="parent"
                    tools:layout_conversion_absoluteHeight="16dp"
                    tools:layout_conversion_absoluteWidth="269dp"
                    tools:layout_editor_absoluteX="16dp"
                    tools:layout_editor_absoluteY="16dp" />

                <com.google.android.material.button.MaterialButton
                    style="@style/Threema.MaterialButton.Icon"
                    android:id="@+id/picrelease_config"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginEnd="16dp"
                    android:layout_marginTop="4dp"
                    android:contentDescription="@string/configure"
                    app:layout_constraintBottom_toBottomOf="@+id/picrelease_text"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintTop_toTopOf="@+id/picrelease_text"
                    app:icon="@drawable/ic_settings_outline_24dp"
                    tools:layout_conversion_absoluteHeight="48dp"
                    tools:layout_conversion_absoluteWidth="48dp" />

                <com.google.android.material.textfield.TextInputLayout
                    android:id="@+id/picrelease_text"
                    style="@style/Widget.Material3.TextInputLayout.OutlinedBox.Dense.ExposedDropdownMenu"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="8dp"
                    android:layout_marginStart="16dp"
                    android:layout_marginEnd="72dp"
                    android:hint="@string/profile_picture_release"
                    app:expandedHintEnabled="false"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintTop_toBottomOf="@+id/nickname">

                    <com.google.android.material.textfield.MaterialAutoCompleteTextView
                        android:id="@+id/picrelease_spinner"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:focusable="false"
                        android:inputType="none" />

                </com.google.android.material.textfield.TextInputLayout>

                <ch.threema.app.emojis.EmojiTextView
                    android:id="@+id/my_id"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:ellipsize="end"
                    android:singleLine="true"
                    tools:text="ABCDEFGH"
                    android:textSize="16sp"
                    app:layout_constrainedWidth="true"
                    app:layout_constraintBottom_toBottomOf="@+id/my_id_qr"
                    app:layout_constraintStart_toStartOf="@+id/my_id_title"
                    app:layout_constraintTop_toTopOf="@+id/my_id_qr"
                    tools:layout_conversion_absoluteHeight="24dp"
                    tools:layout_conversion_absoluteWidth="92dp" />

                <ch.threema.app.emojis.EmojiTextView
                    android:id="@+id/nickname"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginEnd="8dp"
                    android:layout_marginTop="16dp"
                    android:gravity="center|start"
                    android:textSize="16sp"
                    app:layout_constraintEnd_toStartOf="@id/profile_edit"
                    app:layout_constraintStart_toStartOf="@+id/profilepictitle"
                    app:layout_constraintTop_toBottomOf="@+id/avatar_edit_view"
                    tools:layout_conversion_absoluteHeight="40dp"
                    tools:layout_conversion_absoluteWidth="326dp"
                    tools:text="Nickname" />

                <ch.threema.app.ui.AvatarEditView
                    android:id="@+id/avatar_edit_view"
                    android:layout_width="200dp"
                    android:layout_height="200dp"
                    android:layout_marginTop="16dp"
                    android:contentDescription="@string/profile_picture"
                    android:visibility="visible"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintHorizontal_bias="0.5"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toBottomOf="@+id/profilepictitle" />

            </androidx.constraintlayout.widget.ConstraintLayout>

            <LinearLayout
                android:id="@+id/linearLayout_linked_accounts"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:paddingLeft="16dp"
                android:paddingRight="16dp"
                android:paddingTop="16dp">

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/account_links"
                    android:textAppearance="@style/Threema.TextAppearance.SectionTitle" />

                <RelativeLayout
                    android:id="@+id/linked_mobile_layout"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:minHeight="?android:attr/listPreferredItemHeight">

                    <ImageView
                        android:id="@+id/phone"
                        android:layout_width="24dp"
                        android:layout_height="24dp"
                        android:layout_centerVertical="true"
                        android:layout_marginRight="24dp"
                        android:contentDescription="@string/linked_mobile"
                        app:srcCompat="@drawable/ic_call_outline"
                        app:tint="?attr/colorOnSurface" />

                    <com.google.android.material.button.MaterialButton
                        style="@style/Threema.MaterialButton.Icon"
                        android:id="@+id/change_mobile"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        app:icon="@drawable/ic_pencil_outline"
                        android:contentDescription="@string/change" />

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerVertical="true"
                        android:layout_marginRight="8dp"
                        android:layout_toLeftOf="@+id/change_mobile"
                        android:layout_toRightOf="@+id/phone"
                        android:orientation="vertical">

                        <TextView
                            android:id="@+id/linked_mobile_title"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:text="@string/linked_mobile"
                            android:textAppearance="@style/TextAppearance.Material3.TitleMedium" />

                        <TextView
                            android:id="@+id/linked_mobile"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:alpha="0.8"
                            android:textAppearance="@style/Threema.TextAppearance.SectionContent"
                            android:textColor="@null" />

                    </LinearLayout>

                </RelativeLayout>

                <RelativeLayout
                    android:id="@+id/linked_email_layout"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:minHeight="?android:attr/listPreferredItemHeight">

                    <ImageView
                        android:id="@+id/email"
                        android:layout_width="24dp"
                        android:layout_height="24dp"
                        android:layout_centerVertical="true"
                        android:layout_marginRight="24dp"
                        android:contentDescription="@string/linked_email"
                        app:srcCompat="@drawable/ic_email_outline"
                        app:tint="?attr/colorOnSurface" />

                    <com.google.android.material.button.MaterialButton
                        style="@style/Threema.MaterialButton.Icon"
                        android:id="@+id/change_email"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        app:icon="@drawable/ic_pencil_outline"
                        android:contentDescription="@string/change" />

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerVertical="true"
                        android:layout_marginRight="8dp"
                        android:layout_toLeftOf="@+id/change_email"
                        android:layout_toRightOf="@+id/email"
                        android:orientation="vertical">

                        <TextView
                            android:id="@+id/linked_email_title"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:text="@string/linked_email"
                            android:textAppearance="@style/TextAppearance.Material3.TitleMedium"
                            android:textColor="@null" />


                        <TextView
                            android:id="@+id/linked_email"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:alpha="0.8"
                            android:textAppearance="@style/Threema.TextAppearance.SectionContent"
                            android:textColor="@null" />


                    </LinearLayout>

                </RelativeLayout>


            </LinearLayout>

            <LinearLayout
                android:id="@+id/advanced_options_inner_layout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:paddingBottom="16dp"
                android:paddingLeft="16dp"
                android:paddingRight="16dp"
                android:paddingTop="16dp">

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/backup_and_delete"
                    android:textAppearance="@style/Threema.TextAppearance.SectionTitle" />

                <RelativeLayout
                    android:id="@+id/revocation_key_layout"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:minHeight="?android:attr/listPreferredItemHeight">

                    <com.google.android.material.button.MaterialButton
                        style="@style/Threema.MaterialButton.Icon"
                        android:id="@+id/revocation_key"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        app:icon="@drawable/ic_arrow_left"
                        android:rotation="180"
                        android:contentDescription="@string/change" />

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentLeft="true"
                        android:layout_centerVertical="true"
                        android:layout_marginRight="8dp"
                        android:layout_toLeftOf="@+id/revocation_key"
                        android:orientation="vertical">

                        <TextView
                            android:id="@+id/revocation_key_title"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:text="@string/revocation_key_title"
                            android:textAppearance="@style/TextAppearance.Material3.TitleMedium"
                            android:textColor="@null" />

                        <TextView
                            android:id="@+id/revocation_key_sum"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:text="@string/revocation_key_not_set"
                            android:alpha="0.8"
                            android:textAppearance="@style/Threema.TextAppearance.SectionContent"
                            android:textColor="@null" />

                    </LinearLayout>

                </RelativeLayout>

                <RelativeLayout
                    android:id="@+id/export_id_layout"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:minHeight="?android:attr/listPreferredItemHeight">

                    <com.google.android.material.button.MaterialButton
                        style="@style/Threema.MaterialButton.Icon"
                        android:id="@+id/export_id"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        app:icon="@drawable/ic_arrow_left"
                        android:rotation="180"
                        android:contentDescription="@string/change" />

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentLeft="true"
                        android:layout_centerVertical="true"
                        android:layout_marginRight="8dp"
                        android:layout_toLeftOf="@+id/export_id"
                        android:orientation="vertical">

                        <TextView
                            android:id="@+id/export_id_title"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:text="@string/backup_title"
                            android:textAppearance="@style/TextAppearance.Material3.TitleMedium"
                            android:textColor="@null" />

                        <TextView
                            android:id="@+id/export_id_subtitle"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:text="@string/backup_sum"
                            android:alpha="0.8"
                            android:textAppearance="@style/Threema.TextAppearance.SectionContent"
                            android:textColor="@null" />

                    </LinearLayout>

                </RelativeLayout>

                <RelativeLayout
                    android:id="@+id/delete_id_layout"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:minHeight="?android:attr/listPreferredItemHeight">

                    <com.google.android.material.button.MaterialButton
                        style="@style/Threema.MaterialButton.Icon"
                        android:id="@+id/delete_id"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentRight="true"
                        android:layout_centerVertical="true"
                        app:icon="@drawable/ic_arrow_left"
                        android:rotation="180"
                        android:contentDescription="@string/change" />

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentLeft="true"
                        android:layout_centerVertical="true"
                        android:layout_marginRight="8dp"
                        android:layout_toLeftOf="@+id/delete_id"
                        android:orientation="vertical">

                        <TextView
                            android:id="@+id/delete_id_title"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:text="@string/delete_id_title"
                            android:textAppearance="@style/TextAppearance.Material3.TitleMedium"
                            android:textColor="@null" />

                        <TextView
                            android:id="@+id/delete_id_text"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:ellipsize="end"
                            android:text="@string/delete_id_sum"
                            android:alpha="0.8"
                            android:textAppearance="@style/Threema.TextAppearance.SectionContent"
                            android:textColor="@null" />

                    </LinearLayout>

                </RelativeLayout>

                <com.google.android.material.button.MaterialButton
                    android:id="@+id/public_key_button"
                    style="@style/Threema.MaterialButton.Action"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="16dp"
                    android:layout_gravity="center_horizontal"
                    android:text="@string/show_public_key" />

            </LinearLayout>

        </LinearLayout>

    </androidx.core.widget.NestedScrollView>

</androidx.coordinatorlayout.widget.CoordinatorLayout>