<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
             xmlns:tools="http://schemas.android.com/tools"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             tools:context="com.sharefaith.thesharefaithapp.ui.SFConnectFragment">

    <!-- TODO: Update blank fragment layout -->

    <FrameLayout
        android:layout_width="fill_parent"
        android:layout_height="64dp"
        android:layout_alignParentBottom="true"
        android:id="@+id/sfLogoFrame"
        android:clickable="true"
        android:onClick="simpleTapHandler"
        >

        <ImageView
            android:layout_width="342dp"
            android:layout_height="38dp"
            android:id="@+id/sfLogoImageView"
            android:layout_gravity="center"
            android:clickable="true"
            android:onClick="simpleTapHandler"
            android:src="@drawable/pbsf"/>
    </FrameLayout>

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="120dp"
        android:layout_above="@+id/sfLogoFrame"
        android:layout_centerHorizontal="true"
        android:layout_alignParentBottom="false"
        android:id="@+id/sfConnectFrame"
        android:layout_marginBottom="20dp">

        <Space
            android:layout_width="25dp"
            android:layout_height="80dp"
            android:layout_alignParentTop="false"
            android:layout_centerInParent="true"
            android:id="@+id/middleSpace"/>

        <ImageView
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:id="@+id/sfTwitterImageView"
            android:layout_centerVertical="true"
            android:layout_toLeftOf="@+id/middleSpace"
            android:layout_toStartOf="@+id/middleSpace"
            android:clickable="false"
            android:onClick="simpleTapHandler"
            android:src="@drawable/connect_twitter"/>

        <Space
            android:layout_width="25dp"
            android:layout_height="80dp"
            android:layout_centerVertical="true"
            android:layout_toLeftOf="@+id/sfTwitterImageView"
            android:layout_toStartOf="@+id/sfTwitterImageView"
            android:id="@+id/leftSpace"/>

        <ImageView
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:id="@+id/sfFacebookImageView"
            android:layout_centerVertical="true"
            android:layout_toLeftOf="@+id/leftSpace"
            android:layout_toStartOf="@+id/leftSpace"
            android:src="@drawable/connect_facebook"
            android:onClick="simpleTapHandler"/>

        <ImageView
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:id="@+id/sfEmailImageView"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@+id/middleSpace"
            android:layout_toEndOf="@+id/middleSpace"
            android:src="@drawable/connect_email"
            android:onClick="simpleTapHandler"/>

        <Space
            android:layout_width="25dp"
            android:layout_height="80dp"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@+id/sfEmailImageView"
            android:layout_toEndOf="@+id/sfEmailImageView"
            android:id="@+id/rightSpace"/>

        <ImageView
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:id="@+id/sfPhoneImageView"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@+id/rightSpace"
            android:layout_toEndOf="@+id/rightSpace"
            android:onClick="simpleTapHandler"
            android:src="@drawable/connect_phone"
            />
    </RelativeLayout>

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="50dp"
        android:id="@+id/sfConnectWithUsTextView"
        android:layout_above="@+id/sfConnectFrame"
        android:layout_centerHorizontal="true"
        android:maxLines="1"
        android:textAlignment="center"
        android:textSize="14dp"
        android:textColor="#ffffffff"
        android:gravity="center_vertical|center_horizontal"/>

    <com.sharefaith.thesharefaithapp.ui.SFWebView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/sfConnectWebView"
        android:layout_above="@+id/sfConnectWithUsTextView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="15dp"
        android:layout_marginBottom="10dp"
        android:background="#00272727"
        android:paddingLeft="-20dp"
        android:clickable="false"/>
</RelativeLayout>
