<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent"
    android:fillViewport="true" android:background="@color/brand">
    <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent"
        android:orientation="vertical" android:gravity="center" android:padding="24dp">
        <ImageView android:layout_width="72dp" android:layout_height="72dp"
            android:src="@drawable/ic_devices" android:contentDescription="@string/app_name" app:tint="@color/white"
            xmlns:app="http://schemas.android.com/apk/res-auto"/>
        <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:text="@string/app_name" android:textColor="@color/white" android:textSize="22sp"
            android:textStyle="bold" android:layout_marginTop="8dp"/>
        <com.google.android.material.card.MaterialCardView
            android:layout_width="match_parent" android:layout_height="wrap_content"
            android:layout_marginTop="24dp" app:cardCornerRadius="16dp" app:cardElevation="8dp"
            xmlns:app="http://schemas.android.com/apk/res-auto">
            <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content"
                android:orientation="vertical" android:padding="20dp">
                <com.google.android.material.textfield.TextInputLayout
                    android:layout_width="match_parent" android:layout_height="wrap_content"
                    android:hint="@string/email">
                    <com.google.android.material.textfield.TextInputEditText
                        android:id="@+id/etEmail" android:layout_width="match_parent"
                        android:layout_height="wrap_content" android:inputType="textEmailAddress"/>
                </com.google.android.material.textfield.TextInputLayout>
                <com.google.android.material.textfield.TextInputLayout
                    android:layout_width="match_parent" android:layout_height="wrap_content"
                    android:layout_marginTop="12dp" android:hint="@string/password"
                    app:passwordToggleEnabled="true"
                    xmlns:app="http://schemas.android.com/apk/res-auto">
                    <com.google.android.material.textfield.TextInputEditText
                        android:id="@+id/etPassword" android:layout_width="match_parent"
                        android:layout_height="wrap_content" android:inputType="textPassword"/>
                </com.google.android.material.textfield.TextInputLayout>
                <TextView android:id="@+id/tvError" android:layout_width="match_parent"
                    android:layout_height="wrap_content" android:textColor="#D32F2F"
                    android:layout_marginTop="8dp"/>
                <com.google.android.material.button.MaterialButton
                    android:id="@+id/btnLogin" android:layout_width="match_parent"
                    android:layout_height="wrap_content" android:layout_marginTop="12dp"
                    android:text="@string/login"/>
                <ProgressBar android:id="@+id/progress" android:layout_width="wrap_content"
                    android:layout_height="wrap_content" android:layout_gravity="center"
                    android:layout_marginTop="12dp" android:visibility="gone"/>
            </LinearLayout>
        </com.google.android.material.card.MaterialCardView>
    </LinearLayout>
</ScrollView>
