<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_parent" android:layout_height="match_parent">

    <com.habitrpg.android.habitica.ui.views.FadingViewPager
            android:id="@+id/viewPager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_above="@+id/bottomBar" />

    <RelativeLayout
            android:id="@+id/bottomBar"
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:layout_alignParentLeft="true"
            android:layout_alignParentRight="true"
            android:layout_alignParentStart="true"
            android:layout_alignParentEnd="true"
            android:background="@color/brand_300"
            android:paddingLeft="@dimen/content_inset"
            android:paddingRight="@dimen/content_inset"
            android:gravity="center_vertical"
            android:elevation="8dp">

        <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/previousButton"
                android:drawableLeft="@drawable/back_arrow_disabled"
                android:background="@color/transparent"
                android:drawablePadding="12dp"
                android:textColor="@color/white"
                android:layout_alignParentLeft="true"/>
        <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/next_button"
                android:id="@+id/nextButton"
                android:drawablePadding="12dp"
                android:textColor="@color/white"
                android:drawableRight="@drawable/forward_arrow_enabled"
                android:background="@color/transparent"
                android:layout_alignParentRight="true"/>

        <com.viewpagerindicator.IconPageIndicator
                android:id="@+id/view_pager_indicator"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                />

    </RelativeLayout>

</RelativeLayout>