<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="?attr/primaryBackgroundColor">

    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="?attr/primaryBackgroundColor">

        <LinearLayout
            android:id="@+id/settingsMainFrame"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:paddingTop="@dimen/dimen10dp">

            <LinearLayout
                android:id="@+id/generalFrame"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="@dimen/dimen6dp"
                android:background="?android:attr/selectableItemBackground"
                android:gravity="center_vertical"
                android:orientation="horizontal"
                android:padding="@dimen/dimen16dp">

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:contentDescription="@string/generalImgContentText"
                    app:srcCompat="@drawable/ic_otp"/>

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="@dimen/dimen10dp"
                    android:layout_marginEnd="@dimen/dimen10dp"
                    android:layout_weight="1"
                    android:orientation="vertical">

                    <TextView
                        android:id="@+id/tvGeneral"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:paddingStart="@dimen/dimen12dp"
                        android:paddingEnd="@dimen/dimen12dp"
                        android:text="@string/settingsGeneralHeader"
                        android:textColor="?attr/primaryTextColor"
                        android:textSize="@dimen/dimen18sp" />

                    <TextView
                        android:id="@+id/generalHintText"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:paddingStart="@dimen/dimen12dp"
                        android:paddingEnd="@dimen/dimen12dp"
                        android:text="@string/generalHintText"
                        android:textColor="?attr/primaryTextColor"
                        android:textSize="@dimen/dimen12sp" />

                </LinearLayout>

            </LinearLayout>

            <LinearLayout
                android:id="@+id/appearanceFrame"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="@dimen/dimen6dp"
                android:background="?android:attr/selectableItemBackground"
                android:gravity="center_vertical"
                android:orientation="horizontal"
                android:padding="@dimen/dimen16dp">

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:contentDescription="@string/generalImgContentText"
                    app:srcCompat="@drawable/ic_appearance"/>

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="@dimen/dimen10dp"
                    android:layout_marginEnd="@dimen/dimen10dp"
                    android:layout_weight="1"
                    android:orientation="vertical">

                    <TextView
                        android:id="@+id/tvAppearance"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:paddingStart="@dimen/dimen12dp"
                        android:paddingEnd="@dimen/dimen12dp"
                        android:text="@string/settingsAppearanceHeader"
                        android:textColor="?attr/primaryTextColor"
                        android:textSize="@dimen/dimen18sp" />

                    <TextView
                        android:id="@+id/appearanceHintText"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:paddingStart="@dimen/dimen12dp"
                        android:paddingEnd="@dimen/dimen12dp"
                        android:text="@string/appearanceHintText"
                        android:textColor="?attr/primaryTextColor"
                        android:textSize="@dimen/dimen12sp" />

                </LinearLayout>

            </LinearLayout>

            <LinearLayout
                android:id="@+id/codeEditorFrame"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="@dimen/dimen6dp"
                android:background="?android:attr/selectableItemBackground"
                android:gravity="center_vertical"
                android:orientation="horizontal"
                android:padding="@dimen/dimen16dp">

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:contentDescription="@string/generalImgContentText"
                    app:srcCompat="@drawable/ic_code_v2"/>

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="@dimen/dimen10dp"
                    android:layout_marginEnd="@dimen/dimen10dp"
                    android:layout_weight="1"
                    android:orientation="vertical">

                    <TextView
                        android:id="@+id/codeEditor"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:paddingStart="@dimen/dimen12dp"
                        android:paddingEnd="@dimen/dimen12dp"
                        android:text="@string/codeEditor"
                        android:textColor="?attr/primaryTextColor"
                        android:textSize="@dimen/dimen18sp" />

                    <TextView
                        android:id="@+id/codeEditorHintText"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:paddingStart="@dimen/dimen12dp"
                        android:paddingEnd="@dimen/dimen12dp"
                        android:text="@string/codeEditorHintText"
                        android:textColor="?attr/primaryTextColor"
                        android:textSize="@dimen/dimen12sp" />

                </LinearLayout>

            </LinearLayout>

            <LinearLayout
                android:id="@+id/securityFrame"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="@dimen/dimen6dp"
                android:background="?android:attr/selectableItemBackground"
                android:gravity="center_vertical"
                android:orientation="horizontal"
                android:padding="@dimen/dimen16dp">

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:contentDescription="@string/generalImgContentText"
                    app:srcCompat="@drawable/ic_security" />

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="@dimen/dimen10dp"
                    android:layout_marginEnd="@dimen/dimen10dp"
                    android:layout_weight="1"
                    android:orientation="vertical">

                    <TextView
                        android:id="@+id/tvSecurity"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:paddingStart="@dimen/dimen12dp"
                        android:paddingEnd="@dimen/dimen12dp"
                        android:text="@string/settingsSecurityHeader"
                        android:textColor="?attr/primaryTextColor"
                        android:textSize="@dimen/dimen18sp" />

                    <TextView
                        android:id="@+id/securityHintText"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:paddingStart="@dimen/dimen12dp"
                        android:paddingEnd="@dimen/dimen12dp"
                        android:text="@string/securityHintText"
                        android:textColor="?attr/primaryTextColor"
                        android:textSize="@dimen/dimen12sp" />

                </LinearLayout>

            </LinearLayout>

            <LinearLayout
                android:id="@+id/notificationsFrame"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="@dimen/dimen6dp"
                android:background="?android:attr/selectableItemBackground"
                android:gravity="center_vertical"
                android:orientation="horizontal"
                android:padding="@dimen/dimen16dp">

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:contentDescription="@string/generalImgContentText"
                    app:srcCompat="@drawable/ic_notifications" />

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="@dimen/dimen10dp"
                    android:layout_marginEnd="@dimen/dimen10dp"
                    android:layout_weight="1"
                    android:orientation="vertical">

                    <TextView
                        android:id="@+id/notificationsHeader"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:paddingStart="@dimen/dimen12dp"
                        android:paddingEnd="@dimen/dimen12dp"
                        android:text="@string/pageTitleNotifications"
                        android:textColor="?attr/primaryTextColor"
                        android:textSize="@dimen/dimen18sp" />

                    <TextView
                        android:id="@+id/notificationsHintText"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:paddingStart="@dimen/dimen12dp"
                        android:paddingEnd="@dimen/dimen12dp"
                        android:text="@string/notificationsHintText"
                        android:textColor="?attr/primaryTextColor"
                        android:textSize="@dimen/dimen12sp" />

                </LinearLayout>

            </LinearLayout>

            <LinearLayout
                android:id="@+id/backupFrame"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="@dimen/dimen6dp"
                android:background="?android:attr/selectableItemBackground"
                android:gravity="center_vertical"
                android:orientation="horizontal"
                android:padding="@dimen/dimen16dp">

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:contentDescription="@string/generalImgContentText"
                    app:srcCompat="@drawable/ic_export" />

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="@dimen/dimen10dp"
                    android:layout_marginEnd="@dimen/dimen10dp"
                    android:layout_weight="1"
                    android:orientation="vertical">

                    <TextView
                        android:id="@+id/backupData"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:paddingStart="@dimen/dimen12dp"
                        android:paddingEnd="@dimen/dimen12dp"
                        android:text="@string/backup"
                        android:textColor="?attr/primaryTextColor"
                        android:textSize="@dimen/dimen18sp" />

                    <TextView
                        android:id="@+id/backupDataHintText"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:paddingStart="@dimen/dimen12dp"
                        android:paddingEnd="@dimen/dimen12dp"
                        android:text="@string/backupRestoreHintText"
                        android:textColor="?attr/primaryTextColor"
                        android:textSize="@dimen/dimen12sp" />

                </LinearLayout>

            </LinearLayout>

            <LinearLayout
                android:id="@+id/rateAppFrame"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="@dimen/dimen6dp"
                android:background="?android:attr/selectableItemBackground"
                android:gravity="center_vertical"
                android:orientation="horizontal"
                android:padding="@dimen/dimen16dp">

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:contentDescription="@string/generalImgContentText"
                    app:srcCompat="@drawable/ic_like" />

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="@dimen/dimen10dp"
                    android:layout_marginEnd="@dimen/dimen10dp"
                    android:layout_weight="1"
                    android:orientation="vertical">

                    <TextView
                        android:id="@+id/rateApp"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:paddingStart="@dimen/dimen12dp"
                        android:paddingEnd="@dimen/dimen12dp"
                        android:text="@string/navRate"
                        android:textColor="?attr/primaryTextColor"
                        android:textSize="@dimen/dimen18sp" />

                    <TextView
                        android:id="@+id/rateAppHintText"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:paddingStart="@dimen/dimen12dp"
                        android:paddingEnd="@dimen/dimen12dp"
                        android:text="@string/rateAppHintText"
                        android:textColor="?attr/primaryTextColor"
                        android:textSize="@dimen/dimen12sp" />

                </LinearLayout>

            </LinearLayout>

            <LinearLayout
                android:id="@+id/aboutAppFrame"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="@dimen/dimen6dp"
                android:background="?android:attr/selectableItemBackground"
                android:gravity="center_vertical"
                android:orientation="horizontal"
                android:padding="@dimen/dimen16dp">

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:contentDescription="@string/generalImgContentText"
                    app:srcCompat="@drawable/ic_info" />

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="@dimen/dimen10dp"
                    android:layout_marginEnd="@dimen/dimen10dp"
                    android:layout_weight="1"
                    android:orientation="vertical">

                    <TextView
                        android:id="@+id/aboutApp"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:paddingStart="@dimen/dimen12dp"
                        android:paddingEnd="@dimen/dimen12dp"
                        android:text="@string/navAbout"
                        android:textColor="?attr/primaryTextColor"
                        android:textSize="@dimen/dimen18sp" />

                    <TextView
                        android:id="@+id/aboutAppHintText"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:paddingStart="@dimen/dimen12dp"
                        android:paddingEnd="@dimen/dimen12dp"
                        android:text="@string/aboutAppHintText"
                        android:textColor="?attr/primaryTextColor"
                        android:textSize="@dimen/dimen12sp" />

                </LinearLayout>

            </LinearLayout>

        </LinearLayout>

    </androidx.core.widget.NestedScrollView>

</RelativeLayout>
