<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/grey_100"
    android:weightSum="4">


    <EditText
        android:id="@+id/field_phone_number"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="56dp"
        android:layout_marginStart="16dp"
        android:layout_weight="1.0"
        android:hint="@string/hint_phone_number"
        android:inputType="phone"
        app:layout_constraintBottom_toTopOf="@+id/button_start_verification"
        app:layout_constraintStart_toStartOf="@+id/icon" />

    <Button
        android:id="@+id/button_start_verification"
        android:layout_width="0dp"
        android:layout_height="52dp"
        android:layout_marginBottom="92dp"
        android:layout_marginStart="64dp"
        android:layout_weight="1.0"
        android:text="@string/start_phone_auth"
        android:theme="@style/ThemeOverlay.MyDarkButton"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="@+id/field_phone_number" />

    <EditText
        android:id="@+id/field_verification_code"
        style="@style/Widget.AppCompat.AutoCompleteTextView"
        android:layout_width="0dp"
        android:layout_height="48dp"
        android:layout_marginBottom="8dp"
        android:layout_weight="1.0"
        android:hint="@string/hint_verification_code"
        android:inputType="number"
        android:singleLine="true"
        android:textColor="@color/common_google_signin_btn_text_dark_focused"
        app:layout_constraintBottom_toTopOf="@+id/button_verify_phone"
        app:layout_constraintStart_toStartOf="@+id/icon" />

    <Button
        android:id="@+id/button_verify_phone"
        android:layout_width="230dp"
        android:layout_height="57dp"
        android:layout_marginBottom="32dp"
        android:layout_marginStart="8dp"
        android:layout_weight="1.0"
        android:text="@string/verify_phone_auth"
        android:theme="@style/ThemeOverlay.MyDarkButton"
        app:layout_constraintBottom_toTopOf="@+id/button_resend"
        app:layout_constraintStart_toStartOf="@+id/field_verification_code" />

    <Button
        android:id="@+id/button_resend"
        android:layout_width="230dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="52dp"
        android:layout_weight="1.0"
        android:text="@string/resend_phone_auth"
        android:theme="@style/ThemeOverlay.MyDarkButton"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="@+id/button_verify_phone" />


    <Button
        android:id="@+id/sign_out_button"
        android:layout_width="368dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_weight="1.0"
        android:text="@string/sign_out"
        android:theme="@style/ThemeOverlay.MyDarkButton"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/icon"
        app:layout_constraintVertical_bias="1.0" />


    <TextView
        android:id="@+id/status"
        style="@style/ThemeOverlay.MyTextDetail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/signed_out"
        tools:layout_editor_absoluteX="154dp"
        tools:layout_editor_absoluteY="112dp" />

    <TextView
        android:id="@+id/detail"
        style="@style/ThemeOverlay.MyTextDetail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        tools:layout_editor_absoluteX="87dp"
        tools:layout_editor_absoluteY="62dp"
        tools:text="Firebase User ID: 123456789abc" />

    <ImageView
        android:id="@+id/icon"
        style="@style/ThemeOverlay.FirebaseIcon"
        android:layout_width="250dp"
        android:layout_height="246dp"
        android:layout_alignParentStart="true"
        android:layout_centerVertical="true"
        android:contentDescription="@string/desc_Moira_lockup"
        android:scaleType="centerCrop"
        android:src="@drawable/natural_lifestyle"
        tools:layout_editor_absoluteX="67dp"
        tools:layout_editor_absoluteY="8dp" />


</android.support.constraint.ConstraintLayout>