<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical">

    <include layout="@layout/toolbar_view"/>

    <ScrollView
        android:id="@+id/qr_container_backup"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fillViewport="true"
        android:paddingLeft="@dimen/tablet_additional_padding_left_right"
        android:paddingRight="@dimen/tablet_additional_padding_left_right">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:paddingLeft="16dp"
            android:paddingRight="16dp"
            android:paddingBottom="16dp">

            <com.google.android.material.card.MaterialCardView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                app:strokeWidth="1dp"
                app:cardBackgroundColor="?attr/colorOnSurfaceInverse"
                app:contentPadding="8dp">

                <TextView
                    android:id="@+id/threemaid"
                    style="@style/Threema.TextAppearance.Monospace.Large"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_margin="8dp"
                    android:hyphenationFrequency="none"
                    android:textIsSelectable="true"
                    tools:ignore="TouchTargetSizeCheck" />

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

            <com.google.android.material.card.MaterialCardView
                android:id="@+id/qr_container"
                android:layout_width="208dp"
                android:layout_height="208dp"
                android:layout_margin="15dp"
                android:layout_gravity="center_horizontal"
                app:strokeColor="@color/material_yellow"
                app:cardBackgroundColor="?attr/colorSurface"
                app:strokeWidth="2dp"
                app:cardElevation="-8dp"
                app:contentPadding="4dp">

                <ImageView
                    android:id="@+id/qrcode_backup"
                    android:layout_width="200dp"
                    android:layout_height="200dp"
                    android:adjustViewBounds="false"
                    android:clickable="true"
                    android:contentDescription="@string/qr_code"
                    android:layout_gravity="center"
                    android:focusable="true"
                    android:foreground="?selectableItemBackground"
                    android:scaleType="fitCenter" />

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

            <TextView
                style="@style/Threema.TextAppearance.BodyLarge"
                android:id="@+id/keyfingerprint"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:paddingTop="2dp"
                android:text="@string/backup_id_summary" />

        </LinearLayout>
    </ScrollView>
</LinearLayout>
