<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/root_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="?android:attr/colorBackground">

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <View
        android:id="@+id/divider"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_gravity="bottom"
        android:layout_marginBottom="@dimen/wizard_footer_height"
        android:background="?android:attr/dividerHorizontal" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="@dimen/wizard_footer_height"
        android:layout_gravity="bottom">

        <FrameLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:layout_toLeftOf="@+id/strip">

            <com.google.android.material.button.MaterialButton
                android:id="@+id/copy_ballot"
                style="@style/Threema.MaterialButton.Borderless.Wizard"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="left|center_vertical"
                android:maxWidth="250dp"
                android:text="@string/ballot_copy"
                android:visibility="visible"
                app:icon="@drawable/ic_content_copy_outline"
                app:iconGravity="start" />

            <com.google.android.material.button.MaterialButton
                android:id="@+id/prev_page_button"
                style="@style/Threema.MaterialButton.Borderless.Wizard"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="left|center_vertical"
                android:maxWidth="250dp"
                android:text="@string/back"
                android:visibility="gone"
                app:icon="@drawable/ic_keyboard_arrow_left"
                app:iconGravity="start" />

        </FrameLayout>

        <ch.threema.app.ui.StepPagerStrip
            android:id="@+id/strip"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:padding="10dp"
            app:nextColor="?attr/colorOnSurface"
            app:previousColor="?attr/colorOnSurface"
            app:selectedColor="?attr/colorPrimary" />

        <com.google.android.material.button.MaterialButton
            android:id="@+id/next_page_button"
            style="@style/Threema.MaterialButton.Borderless.Wizard"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:maxWidth="250dp"
            android:text="@string/next"
            android:visibility="visible"
            app:icon="@drawable/ic_keyboard_arrow_right"
            app:iconGravity="end" />

    </RelativeLayout>

</FrameLayout>
