<?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:orientation="vertical">

    <include
        android:id="@+id/header"
        layout="@layout/header_with_toolbar" />


    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/header"
        android:background="@drawable/background_1">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center_horizontal"
            android:orientation="vertical"
            android:padding="16dp">

            <com.facebook.drawee.view.SimpleDraweeView
                android:id="@+id/ivPic"
                android:layout_width="96dp"
                android:layout_height="96dp"
                app:placeholderImage="@drawable/add_picture"
                app:roundAsCircle="true" />

            <com.agileclouders.withmylittleone.utils.MyEditText
                android:id="@+id/etFirstName"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="12dp"
                android:background="@drawable/et_rounded_corner"
                android:drawableLeft="@drawable/ic_childfirstnamelastname"
                android:drawablePadding="8dp"
                android:hint="@string/first_name"
                android:inputType="textCapSentences"
                android:padding="12dp"
                android:singleLine="true"
                android:textAppearance="?android:textAppearanceSmall"
                android:textColor="@color/white"
                android:textColorHint="@color/white_dull" />

            <com.agileclouders.withmylittleone.utils.MyEditText
                android:id="@+id/etLastName"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="12dp"
                android:background="@drawable/et_rounded_corner"
                android:drawableLeft="@drawable/ic_childfirstnamelastname"
                android:drawablePadding="8dp"
                android:hint="@string/last_name"
                android:inputType="textCapSentences"
                android:padding="12dp"
                android:singleLine="true"
                android:textAppearance="?android:textAppearanceSmall"
                android:textColor="@color/white"
                android:textColorHint="@color/white_dull" />

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="12dp"
                android:gravity="center">

                <fr.ganfra.materialspinner.MaterialSpinner
                    android:id="@+id/spinnerGender"
                    android:layout_width="fill_parent"
                    android:layout_height="40dp"
                    android:popupBackground="@color/popup_color"
                    app:ms_arrowColor="#00FFFFFF"
                    app:ms_thickness="0dp" />

                <com.agileclouders.withmylittleone.utils.MyTextView
                    android:id="@+id/tvGender"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/et_rounded_corner"
                    android:drawableLeft="@drawable/ic_childgender"
                    android:drawablePadding="8dp"
                    android:drawableRight="@drawable/ic_dropdown"
                    android:hint="@string/gender"
                    android:padding="12dp"
                    android:textAppearance="?android:textAppearanceSmall"
                    android:textColor="@color/white"
                    android:textColorHint="@color/white_dull" />
            </RelativeLayout>

            <com.agileclouders.withmylittleone.utils.MyTextView
                android:id="@+id/tvDateOfBirth"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="12dp"
                android:background="@drawable/et_rounded_corner"
                android:drawableLeft="@drawable/ic_dateofbirth"
                android:drawablePadding="8dp"
                android:hint="Date of birth"
                android:padding="12dp"
                android:textAppearance="?android:textAppearanceSmall"
                android:textColor="@color/white"
                android:textColorHint="@color/white_dull" />

            <com.agileclouders.withmylittleone.utils.MyTextView
                android:id="@+id/tvSchoolClassRoom"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="12dp"
                android:background="@drawable/et_rounded_corner"
                android:drawableLeft="@drawable/ic_classroom"
                android:drawablePadding="8dp"
                android:drawableRight="@drawable/ic_right_arrow"
                android:hint="@string/select_school_classroom"
                android:padding="12dp"
                android:singleLine="true"
                android:textAppearance="?android:textAppearanceSmall"
                android:textColor="@color/white"
                android:textColorHint="@color/white_dull" />

            <com.agileclouders.withmylittleone.utils.MyEditText
                android:id="@+id/etAllergies"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="12dp"
                android:background="@drawable/et_rounded_corner"
                android:drawableLeft="@drawable/ic_allergies"
                android:drawablePadding="8dp"
                android:hint="@string/allergies"
                android:inputType="textCapSentences"
                android:maxLines="3"
                android:padding="12dp"
                android:textAppearance="?android:textAppearanceSmall"
                android:textColor="@color/white"
                android:textColorHint="@color/white_dull" />

            <com.agileclouders.withmylittleone.utils.MyEditText
                android:id="@+id/etNotes"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="12dp"
                android:background="@drawable/et_rounded_corner"
                android:drawableLeft="@drawable/ic_notes"
                android:drawablePadding="8dp"
                android:hint="@string/notes"
                android:inputType="textCapSentences"
                android:maxLines="3"
                android:padding="12dp"
                android:textAppearance="?android:textAppearanceSmall"
                android:textColor="@color/white"
                android:textColorHint="@color/white_dull" />

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="50dp">

                <com.agileclouders.withmylittleone.utils.MyTextView
                    android:id="@+id/tvAddNewChild"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="20dp"
                    android:background="@drawable/add_new_rounded_corner"
                    android:gravity="center_horizontal"
                    android:paddingBottom="12dp"
                    android:paddingLeft="20dp"
                    android:paddingRight="20dp"
                    android:paddingTop="12dp"
                    android:text="Add New Child"
                    android:textAppearance="?android:textAppearanceMedium"
                    android:textColor="@color/white" />

                <com.agileclouders.withmylittleone.utils.MyTextView
                    android:id="@+id/tvDone"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:layout_marginTop="20dp"
                    android:background="@drawable/done_rounded_corner"
                    android:gravity="center_horizontal"
                    android:paddingBottom="12dp"
                    android:paddingLeft="30dp"
                    android:paddingRight="30dp"
                    android:paddingTop="12dp"
                    android:text="Done"
                    android:textAppearance="?android:textAppearanceMedium"
                    android:textColor="@color/white" />

            </RelativeLayout>

            <com.agileclouders.withmylittleone.utils.MyTextView
                android:id="@+id/tvPrivacyPolicy"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="20dp"
                android:background="@drawable/privacy_policy"
                android:paddingBottom="8dp"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:paddingTop="8dp"
                android:text="Privacy Policy"
                android:textColor="@color/white" />
        </LinearLayout>
    </ScrollView>

</RelativeLayout>