<?xml version="1.0" encoding="utf-8"?>
<layout 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"
    tools:context=".fragments.WelcomeScreen">

        <androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/colorPrimary"
            android:padding="8dp">

            <TextView
                android:id="@+id/helloMessage"
                style="@style/TitleTextView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="16dp"
                android:text="@string/welcome_message"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent" />

            <ImageView
                android:id="@+id/piggyBankWelcomeImage"
                android:layout_width="200dp"
                android:layout_height="150dp"
                android:layout_marginTop="32dp"
                android:contentDescription="@string/piggybank"
                android:src="@drawable/piggybank"
                app:layout_constraintEnd_toEndOf="@+id/helloMessage"
                app:layout_constraintStart_toStartOf="@+id/helloMessage"
                app:layout_constraintTop_toBottomOf="@+id/helloMessage"
                app:srcCompat="@drawable/piggybank" />

            <TextView
                android:id="@+id/appInfo"
                style="@style/MiddleInformationTextView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="32dp"
                android:text="@string/app_trailer_text"
                app:layout_constraintEnd_toEndOf="@id/helloMessage"
                app:layout_constraintStart_toStartOf="@+id/helloMessage"
                app:layout_constraintTop_toBottomOf="@+id/piggyBankWelcomeImage" />

            <TextView
                android:id="@+id/areYouReadyAsk"
                style="@style/BigInformationTextView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="32dp"
                android:text="@string/ready_ask"
                app:layout_constraintEnd_toEndOf="@id/appInfo"
                app:layout_constraintStart_toStartOf="@+id/appInfo"
                app:layout_constraintTop_toBottomOf="@+id/appInfo" />

            <TextView
                android:id="@+id/justStartInfo"
                style="@style/BigInformationTextView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="8dp"
                android:text="@string/create_first_piggy_guide"
                app:layout_constraintEnd_toEndOf="@id/areYouReadyAsk"
                app:layout_constraintStart_toStartOf="@+id/areYouReadyAsk"
                app:layout_constraintTop_toBottomOf="@+id/areYouReadyAsk" />

            <androidx.appcompat.widget.AppCompatButton
                android:id="@+id/addPiggyBankButton"
                style="@style/ButtonWhiteMenu"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="24dp"
                android:text="@string/add_first_piggy"
                app:layout_constraintEnd_toEndOf="@+id/justStartInfo"
                app:layout_constraintStart_toStartOf="@+id/justStartInfo"
                app:layout_constraintTop_toBottomOf="@+id/justStartInfo" />

            <TextView
                android:id="@+id/enjoy"
                style="@style/TitleAllCapsTextView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="24dp"
                android:text="@string/enjoy"
                app:layout_constraintEnd_toEndOf="@+id/justStartInfo"
                app:layout_constraintStart_toStartOf="@+id/justStartInfo"
                app:layout_constraintTop_toBottomOf="@id/addPiggyBankButton" />

        </androidx.constraintlayout.widget.ConstraintLayout>

</layout>