<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/scrollView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true"
    android:fitsSystemWindows="true">

    <android.support.constraint.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="250dp"
            android:layout_height="270dp"
            android:layout_marginTop="@dimen/spacing_10dp"
            android:scaleType="fitCenter"
            android:src="@drawable/main_icon"
            android:visibility="visible"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <ProgressBar
            android:id="@+id/progress_bar"
            android:layout_width="70dp"
            android:layout_height="70dp"
            android:indeterminate="true"
            android:indeterminateDrawable="@drawable/gradient_progress_bar"
            android:progress="130"
            android:visibility="gone"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/imageView2" />

        <ImageView
            android:id="@+id/iv_login_bkg"
            android:layout_width="match_parent"
            android:layout_height="240dp"
            android:scaleType="centerCrop"
            android:src="@drawable/semi_circular_bkg"
            app:layout_constraintBottom_toBottomOf="parent" />

        <FrameLayout
            android:id="@+id/btn_login_from_insta"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/gradient_button_bkg"
            android:clickable="true"
            android:focusable="true"
            android:visibility="visible"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="@+id/iv_login_bkg"
            app:layout_constraintVertical_bias="0.65">

            <Button
                style="@style/ClickableItem.Button"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@android:color/transparent"
                android:clickable="false"
                android:paddingStart="70dp"
                android:paddingLeft="70dp"
                android:paddingTop="@dimen/spacing_15dp"
                android:paddingEnd="@dimen/spacing_30dp"
                android:paddingRight="@dimen/spacing_30dp"
                android:paddingBottom="@dimen/spacing_15dp"
                android:text="@string/login_from_instagram"
                android:textColor="@color/white"
                android:textSize="@dimen/text_size_medium"
                android:textStyle="normal" />

            <ImageView
                android:layout_width="@dimen/button_drawable_size"
                android:layout_height="@dimen/button_drawable_size"
                android:layout_gravity="center_vertical"
                android:layout_marginStart="@dimen/spacing_20dp"
                android:layout_marginLeft="@dimen/spacing_20dp"
                android:src="@drawable/ic_login_from_inst"
                android:tint="@color/white" />

        </FrameLayout>

        <android.support.constraint.ConstraintLayout
            android:id="@+id/vg_login_form"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:visibility="gone"
            android:paddingBottom="@dimen/spacing_10dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/imageView2">

            <android.support.design.widget.TextInputLayout
                android:id="@+id/il_login"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/spacing_20dp"
                android:layout_marginLeft="@dimen/spacing_20dp"
                android:layout_marginTop="@dimen/spacing_15dp"
                android:layout_marginEnd="@dimen/spacing_20dp"
                android:layout_marginRight="@dimen/spacing_20dp"
                android:theme="@style/TextCommon.TextInputLayout"
                android:hint="@string/hint_login"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent">

                <EditText
                    android:id="@+id/et_login"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:nextFocusDown="@+id/et_password"
                    android:paddingBottom="@dimen/spacing_10dp"
                    android:singleLine="true"
                    android:theme="@style/EditText.SignUp" />

            </android.support.design.widget.TextInputLayout>

            <android.support.design.widget.TextInputLayout
                android:id="@+id/il_password"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/spacing_20dp"
                android:layout_marginLeft="@dimen/spacing_20dp"
                android:layout_marginTop="@dimen/spacing_5dp"
                android:layout_marginEnd="@dimen/spacing_20dp"
                android:layout_marginRight="@dimen/spacing_20dp"
                android:theme="@style/TextCommon.TextInputLayout"
                app:layout_constraintEnd_toEndOf="parent"
                android:hint="@string/hint_password"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/il_login"
                app:passwordToggleEnabled="true"
                app:passwordToggleTint="@color/darkSlateOpacity40">

                <EditText
                    android:id="@+id/et_password"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:inputType="textPassword"
                    android:paddingBottom="@dimen/spacing_10dp"
                    android:theme="@style/EditText.SignUp" />

            </android.support.design.widget.TextInputLayout>

            <android.support.v7.widget.AppCompatCheckBox
                android:id="@+id/sw_policy"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/spacing_10dp"
                android:checked="true"
                app:layout_constraintStart_toStartOf="@+id/il_password"
                app:layout_constraintTop_toBottomOf="@+id/il_password" />

            <TextView
                android:id="@+id/tv_policy"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/spacing_10dp"
                android:text="@string/i_agree_policy"
                app:layout_constraintBottom_toBottomOf="@+id/sw_policy"
                app:layout_constraintStart_toEndOf="@+id/sw_policy"
                app:layout_constraintTop_toTopOf="@+id/sw_policy" />

            <Button
                android:id="@+id/btn_login"
                style="@style/ClickableItem.Button"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/spacing_20dp"
                android:layout_marginLeft="@dimen/spacing_20dp"
                android:layout_marginTop="@dimen/spacing_20dp"
                android:layout_marginEnd="@dimen/spacing_20dp"
                android:layout_marginRight="@dimen/spacing_20dp"
                android:background="@drawable/solid_button_bkg"
                android:text="@string/login"
                android:textColor="@color/darkSlate"
                android:textSize="@dimen/text_size_normal"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/sw_policy" />

        </android.support.constraint.ConstraintLayout>
    </android.support.constraint.ConstraintLayout>
</ScrollView>