<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.imfreemobile.skywalker.android.views.main.mgm.activities.MGMActivity">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <android.support.v7.widget.Toolbar
            android:layout_width="match_parent"
            android:layout_height="?actionBarSize"
            android:paddingLeft="24dip"
            android:paddingRight="24dip"
            app:contentInsetEnd="0dip"
            app:contentInsetLeft="0dip"
            app:contentInsetRight="0dip"
            app:contentInsetStart="0dip">

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent">

                <mobile.imfree.com.framework.widget.IFTextView
                    style="@style/SkywalkerTextView.Medium"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:text="@string/mgm_activity_main_header"
                    android:textColor="@color/purple"
                    android:textStyle="bold" />

                <mobile.imfree.com.framework.widget.IFImageView
                    android:id="@+id/btnBack"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:adjustViewBounds="true"
                    app:srcCompat="@drawable/toolbar_back" />
            </RelativeLayout>
        </android.support.v7.widget.Toolbar>

        <View
            style="@style/SettingsDivider"
            android:layout_height="2dp" />

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

            <LinearLayout
                android:id="@+id/topHeader"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:padding="@dimen/mgm_top_header_padding"
                android:weightSum="2">

                <RelativeLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:gravity="center_horizontal">

                    <LinearLayout
                        android:id="@+id/topLeft"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:gravity="center_horizontal"
                        android:orientation="horizontal">

                        <ImageView
                            android:id="@+id/ivInvitesRemaining"
                            android:layout_width="20dp"
                            android:layout_height="20dp"
                            android:layout_alignParentLeft="true"
                            android:layout_alignParentTop="true"
                            android:layout_centerHorizontal="true"
                            android:layout_gravity="center_vertical"
                            android:layout_marginRight="2dp"
                            android:scaleType="fitCenter"
                            android:src="@drawable/ic_invites_remaining" />

                        <mobile.imfree.com.framework.widget.IFTextView
                            android:id="@+id/tvInvitesRemaining"
                            style="@style/SkywalkerTextView.Normal"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="2dp"
                            android:ellipsize="end"
                            android:gravity="left|center_vertical"
                            android:lines="1"
                            android:textColor="@color/purple"
                            android:textStyle="bold"
                            tools:text="10" />

                    </LinearLayout>

                    <mobile.imfree.com.framework.widget.IFTextView
                        style="@style/SkywalkerTextView.Normal2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/topLeft"
                        android:layout_centerHorizontal="true"
                        android:layout_marginTop="8dp"
                        android:gravity="center"
                        android:lines="1"
                        android:text="@string/invites_remaining"
                        android:textColor="@color/gray_b2b2b2" />

                </RelativeLayout>

                <RelativeLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:gravity="center_horizontal">

                    <LinearLayout
                        android:id="@+id/topRight"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:gravity="center_horizontal"
                        android:orientation="horizontal">

                        <ImageView
                            android:id="@+id/ivRewardsEarned"
                            android:layout_width="@dimen/mgm_top_header_icons_size"
                            android:layout_height="@dimen/mgm_top_header_icons_size"
                            android:layout_alignParentLeft="true"
                            android:layout_alignParentTop="true"
                            android:layout_centerHorizontal="true"
                            android:layout_gravity="center_vertical"
                            android:layout_marginRight="2dp"
                            android:scaleType="fitCenter"
                            android:src="@drawable/ic_rewards_earned" />

                        <mobile.imfree.com.framework.widget.IFTextView
                            android:id="@+id/tvRewardsEarned"
                            style="@style/SkywalkerTextView.Normal"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="2dp"
                            android:ellipsize="end"
                            android:gravity="left|center_vertical"
                            android:maxLines="3"
                            android:textColor="@color/purple"
                            android:textStyle="bold"
                            tools:text="Php 99898.00" />

                    </LinearLayout>

                    <mobile.imfree.com.framework.widget.IFTextView
                        style="@style/SkywalkerTextView.Normal2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/topRight"
                        android:layout_centerHorizontal="true"
                        android:layout_marginTop="8dp"
                        android:gravity="center"
                        android:lines="1"
                        android:text="@string/rewards_earned"
                        android:textColor="@color/gray_b2b2b2" />

                </RelativeLayout>

            </LinearLayout>

            <View
                android:id="@+id/divider2"
                style="@style/SettingsDivider"
                android:layout_height="1dp"
                android:layout_below="@id/topHeader" />

            <LinearLayout
                android:id="@+id/emptyLayout"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_below="@id/divider2"
                android:layout_marginBottom="48dp"
                android:layout_marginLeft="24dp"
                android:layout_marginRight="24dp"
                android:gravity="center"
                android:orientation="vertical">

                <mobile.imfree.com.framework.widget.IFTextView
                    style="@style/SkywalkerTextView.Normal"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="@string/mgm_empty_message_header"
                    android:textColor="@color/tundora"
                    android:textStyle="bold" />

                <mobile.imfree.com.framework.widget.IFTextView
                    style="@style/SkywalkerTextView.Normal2"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="12dp"
                    android:gravity="center"
                    android:text="@string/mgm_empty_message_detail"
                    android:textColor="@color/gray_acacac"
                    android:textStyle="normal" />

            </LinearLayout>

        </RelativeLayout>

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

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fabAdd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="16dp"
        android:background="@android:color/transparent"
        android:src="@drawable/ic_fab_add"
        app:layout_anchor="@id/appbar"
        app:layout_anchorGravity="bottom|right|end" />

</FrameLayout>