<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             xmlns:app="http://schemas.android.com/apk/res-auto"
             xmlns:card_view="http://schemas.android.com/apk/res-auto"
             xmlns:tools="http://schemas.android.com/tools"
             android:layout_width="match_parent"
             android:layout_height="match_parent">

    <ScrollView
        android:id="@+id/scroll_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="@dimen/content_margin"
            android:layout_marginRight="@dimen/content_margin"
            android:orientation="vertical">

            <android.support.v7.widget.CardView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/margin_medium"
                card_view:cardBackgroundColor="@color/white"
                card_view:cardCornerRadius="@dimen/cardview_default_radius"
                card_view:cardElevation="@dimen/card_elevation">

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

                    <org.wordpress.android.widgets.WPNetworkImageView
                        android:id="@+id/my_site_blavatar"
                        android:layout_width="@dimen/blavatar_sz"
                        android:layout_height="@dimen/blavatar_sz"
                        android:layout_margin="@dimen/margin_large"
                        android:gravity="center_vertical" />

                    <org.wordpress.android.widgets.WPTextView
                        android:id="@+id/my_site_title_label"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="@dimen/my_site_blog_name_margin_top"
                        android:layout_toRightOf="@id/my_site_blavatar"
                        android:ellipsize="end"
                        android:gravity="center_vertical"
                        android:maxLines="1"
                        android:textColor="@color/grey_dark"
                        android:textSize="@dimen/text_sz_large"
                        android:textStyle="bold"
                        android:fontFamily="sans-serif-light" />

                    <org.wordpress.android.widgets.WPTextView
                        android:id="@+id/my_site_subtitle_label"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/my_site_title_label"
                        android:layout_toRightOf="@id/my_site_blavatar"
                        android:ellipsize="end"
                        android:gravity="center_vertical"
                        android:maxLines="1"
                        android:textColor="@color/grey"
                        android:textSize="@dimen/text_sz_medium" />

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_below="@id/my_site_blavatar"
                        android:background="@color/grey_light">

                        <org.wordpress.android.widgets.WPTextView
                            android:id="@+id/switch_site"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="@dimen/margin_large"
                            android:background="?android:attr/selectableItemBackground"
                            android:drawableLeft="@drawable/switch_site_button_icon"
                            android:drawablePadding="@dimen/margin_small"
                            android:gravity="center_vertical"
                            android:minHeight="0dp"
                            android:paddingBottom="@dimen/my_site_switch_site_button_padding_bottom"
                            android:paddingTop="@dimen/my_site_margin_general"
                            android:text="@string/my_site_btn_switch_site"
                            android:textAllCaps="true"
                            android:textColor="@color/grey_dark"
                            android:textSize="@dimen/text_sz_small" />

                    </LinearLayout>
                </RelativeLayout>
            </android.support.v7.widget.CardView>

            <!--Stats-->
            <RelativeLayout
                android:id="@+id/row_stats"
                style="@style/MySiteListRowLayout">

                <ImageView
                    android:id="@+id/my_site_stats_icon"
                    style="@style/MySiteListRowIcon"
                    app:srcCompat="@drawable/my_site_icon_stats" />

                <org.wordpress.android.widgets.WPTextView
                    android:id="@+id/my_site_stats_text_view"
                    style="@style/MySiteListRowTextView"
                    android:layout_toRightOf="@id/my_site_stats_icon"
                    android:text="@string/stats" />

            </RelativeLayout>

            <!--Plan-->
            <RelativeLayout
                android:id="@+id/row_plan"
                style="@style/MySiteListRowLayout">

                <ImageView
                    android:id="@+id/my_site_plan_icon"
                    style="@style/MySiteListRowIcon"
                    app:srcCompat="@drawable/gridicons_clipboard" />

                <org.wordpress.android.widgets.WPTextView
                    android:id="@+id/my_site_plan_text_view"
                    style="@style/MySiteListRowTextView"
                    android:layout_toRightOf="@id/my_site_plan_icon"
                    android:text="@string/plan" />

                <org.wordpress.android.widgets.WPTextView
                    android:id="@+id/my_site_current_plan_text_view"
                    style="@style/MySiteListRowSecondaryTextView"
                    android:text="@string/plan" />

            </RelativeLayout>

            <!--PUBLISH-->
            <LinearLayout style="@style/MySiteListHeaderLayout">

                <org.wordpress.android.widgets.WPTextView
                    style="@style/MySiteListHeaderTextView"
                    android:text="@string/my_site_header_publish" />

                <View style="@style/MySiteListSectionDividerView" />

            </LinearLayout>

            <!--Blog Posts-->
            <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent">

                <View
                    android:id="@+id/postsGlowBackground"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:alpha="1"
                    android:background="@color/translucent_grey_lighten_20"
                    android:visibility="invisible" />

                <LinearLayout
                    android:id="@+id/row_blog_posts"
                    style="@style/MySiteListRowLayout">

                    <ImageView
                        android:id="@+id/my_site_blog_posts_icon"
                        style="@style/MySiteListRowIcon"
                        android:contentDescription="@string/my_site_btn_blog_posts"
                        app:srcCompat="@drawable/my_site_icon_posts" />

                    <org.wordpress.android.widgets.WPTextView
                        android:id="@+id/my_site_blog_posts_text_view"
                        style="@style/MySiteListRowTextView"
                        android:text="@string/my_site_btn_blog_posts" />

                </LinearLayout>

            </FrameLayout>

            <!--Media-->
            <RelativeLayout
                android:id="@+id/row_media"
                style="@style/MySiteListRowLayout">

                <ImageView
                    android:id="@+id/my_site_media_icon"
                    style="@style/MySiteListRowIcon"
                    app:srcCompat="@drawable/my_site_icon_media" />

                <org.wordpress.android.widgets.WPTextView
                    android:id="@+id/my_site_media_text_view"
                    style="@style/MySiteListRowTextView"
                    android:layout_toRightOf="@id/my_site_media_icon"
                    android:text="@string/media" />

            </RelativeLayout>

            <!--Pages-->
            <RelativeLayout
                android:id="@+id/row_pages"
                style="@style/MySiteListRowLayout">

                <ImageView
                    android:id="@+id/my_site_pages_icon"
                    style="@style/MySiteListRowIcon"
                    app:srcCompat="@drawable/my_site_icon_pages" />

                <org.wordpress.android.widgets.WPTextView
                    android:id="@+id/my_site_pages_text_view"
                    style="@style/MySiteListRowTextView"
                    android:layout_toRightOf="@id/my_site_pages_icon"
                    android:text="@string/pages" />

            </RelativeLayout>

            <!--Comments-->
            <RelativeLayout
                android:id="@+id/row_comments"
                style="@style/MySiteListRowLayout">

                <ImageView
                    android:id="@+id/my_site_comments_icon"
                    style="@style/MySiteListRowIcon"
                    app:srcCompat="@drawable/my_site_icon_comments" />

                <org.wordpress.android.widgets.WPTextView
                    android:id="@+id/my_site_comments_text_view"
                    style="@style/MySiteListRowTextView"
                    android:layout_toRightOf="@id/my_site_comments_icon"
                    android:text="@string/my_site_btn_comments" />

            </RelativeLayout>

            <!--Look & Feel-->
            <LinearLayout
                android:id="@+id/my_site_look_and_feel_header"
                style="@style/MySiteListHeaderLayout">

                <org.wordpress.android.widgets.WPTextView
                    style="@style/MySiteListHeaderTextView"
                    android:text="@string/my_site_header_look_and_feel" />

                <View style="@style/MySiteListSectionDividerView" />

            </LinearLayout>

            <!--Themes-->
            <RelativeLayout
                android:id="@+id/row_themes"
                style="@style/MySiteListRowLayout">

                <ImageView
                    android:id="@+id/my_site_themes_icon"
                    style="@style/MySiteListRowIcon"
                    app:srcCompat="@drawable/my_site_icon_themes" />

                <org.wordpress.android.widgets.WPTextView
                    android:id="@+id/my_site_themes_text_view"
                    style="@style/MySiteListRowTextView"
                    android:layout_toRightOf="@id/my_site_themes_icon"
                    android:text="@string/themes" />

            </RelativeLayout>

            <!--Configuration-->
            <LinearLayout
                android:id="@+id/row_configuration"
                style="@style/MySiteListHeaderLayout">

                <org.wordpress.android.widgets.WPTextView
                    style="@style/MySiteListHeaderTextView"
                    android:text="@string/my_site_header_configuration" />

                <View style="@style/MySiteListSectionDividerView" />

            </LinearLayout>

            <!--People-->
            <RelativeLayout
                android:id="@+id/row_people"
                style="@style/MySiteListRowLayout">

                <ImageView
                    android:id="@+id/my_site_people_icon"
                    style="@style/MySiteListRowIcon"
                    android:contentDescription="@string/people"
                    android:src="@drawable/me_icon_my_profile" />

                <org.wordpress.android.widgets.WPTextView
                    android:id="@+id/my_site_people_management_text_view"
                    style="@style/MySiteListRowTextView"
                    android:layout_toRightOf="@id/my_site_people_icon"
                    android:text="@string/people" />

            </RelativeLayout>

            <!--Settings-->
            <RelativeLayout
                android:id="@+id/row_settings"
                style="@style/MySiteListRowLayout">

                <ImageView
                    android:id="@+id/my_site_settings_icon"
                    style="@style/MySiteListRowIcon"
                    app:srcCompat="@drawable/my_site_icon_settings" />

                <org.wordpress.android.widgets.WPTextView
                    android:id="@+id/my_site_settings_text_view"
                    style="@style/MySiteListRowTextView"
                    android:layout_toRightOf="@id/my_site_settings_icon"
                    android:text="@string/my_site_btn_site_settings" />

            </RelativeLayout>

            <!--EXTERNAL-->
            <LinearLayout
                android:id="@+id/external_section"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">

                <LinearLayout style="@style/MySiteListHeaderLayout">
                    <org.wordpress.android.widgets.WPTextView
                        style="@style/MySiteListHeaderTextView"
                        android:text="@string/my_site_header_external" />

                    <View style="@style/MySiteListSectionDividerView" />

                </LinearLayout>

                <!--View Site-->
                <RelativeLayout
                    android:id="@+id/row_view_site"
                    style="@style/MySiteListRowLayout"
                    android:layout_marginTop="@dimen/my_site_margin_general">

                    <ImageView
                        android:id="@+id/my_site_view_site_icon"
                        style="@style/MySiteListRowIcon"
                        app:srcCompat="@drawable/my_site_icon_view_site" />

                    <org.wordpress.android.widgets.WPTextView
                        android:id="@+id/my_site_view_site_text_view"
                        style="@style/MySiteListRowTextView"
                        android:layout_toRightOf="@id/my_site_view_site_icon"
                        android:text="@string/my_site_btn_view_site" />

                    <ImageView
                        android:id="@+id/my_site_view_site_icon_external"
                        style="@style/MySiteListRowSecondaryIcon"
                        android:layout_toRightOf="@+id/my_site_view_site_text_view"
                        android:tint="@color/grey_darken_10"
                        app:srcCompat="@drawable/gridicons_external" />

                </RelativeLayout>

                <!--View Admin-->
                <RelativeLayout
                    android:id="@+id/row_admin"
                    style="@style/MySiteListRowLayout">

                    <ImageView
                        android:id="@+id/my_site_view_admin_icon"
                        style="@style/MySiteListRowIcon"
                        app:srcCompat="@drawable/my_site_icon_view_admin" />

                    <org.wordpress.android.widgets.WPTextView
                        android:id="@+id/my_site_view_admin_text_view"
                        style="@style/MySiteListRowTextView"
                        android:layout_toRightOf="@id/my_site_view_admin_icon"
                        android:text="@string/my_site_btn_view_admin" />

                    <ImageView
                        android:id="@+id/my_site_admin_icon_external"
                        style="@style/MySiteListRowSecondaryIcon"
                        android:layout_toRightOf="@+id/my_site_view_admin_text_view"
                        android:tint="@color/grey_darken_10"
                        app:srcCompat="@drawable/gridicons_external" />

                </RelativeLayout>
            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="@dimen/margin_extra_large" />

        </LinearLayout>

    </ScrollView>

    <LinearLayout
        android:id="@+id/no_site_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginBottom="@dimen/margin_large"
        android:layout_marginLeft="@dimen/my_site_no_site_view_margin"
        android:layout_marginRight="@dimen/my_site_no_site_view_margin"
        android:layout_marginTop="@dimen/margin_large"
        android:gravity="center"
        android:orientation="vertical"
        android:visibility="gone">

        <ImageView
            android:id="@+id/my_site_no_site_view_drake"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            app:srcCompat="@drawable/my_site_no_sites_drake" />

        <org.wordpress.android.widgets.WPTextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/margin_large"
            android:gravity="center"
            android:text="@string/my_site_no_sites_view_title"
            android:textColor="@color/grey_dark"
            android:textSize="@dimen/text_sz_double_extra_large"
            android:fontFamily="sans-serif-light" />

        <org.wordpress.android.widgets.WPTextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/margin_medium"
            android:gravity="center"
            android:text="@string/my_site_no_sites_view_subtitle"
            android:textColor="@color/grey"
            android:textSize="@dimen/text_sz_medium" />

        <android.support.v7.widget.CardView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/empty_list_button_top_margin"
            card_view:cardBackgroundColor="@color/blue_medium"
            card_view:cardCornerRadius="@dimen/cardview_default_radius"
            card_view:cardElevation="@dimen/card_elevation">

            <org.wordpress.android.widgets.WPTextView
                android:id="@+id/my_site_add_site_btn"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="?android:attr/selectableItemBackground"
                android:paddingBottom="@dimen/margin_medium"
                android:paddingLeft="@dimen/margin_large"
                android:paddingRight="@dimen/margin_large"
                android:paddingTop="@dimen/margin_medium"
                android:text="@string/site_picker_add_site"
                android:textAllCaps="true"
                android:textColor="@color/white" />

        </android.support.v7.widget.CardView>

    </LinearLayout>

    <!-- this coordinator is only here due to https://code.google.com/p/android/issues/detail?id=175330 -->
    <android.support.design.widget.CoordinatorLayout
        android:id="@+id/coordinator"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/fab_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="end|bottom"
            android:layout_marginBottom="@dimen/fab_margin"
            android:layout_marginRight="@dimen/fab_margin"
            app:srcCompat="@drawable/gridicon_create_light"
            android:contentDescription="@string/new_post"
            app:borderWidth="0dp"
            app:rippleColor="@color/fab_pressed" />
    </android.support.design.widget.CoordinatorLayout>

</FrameLayout>