<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical">

    <FrameLayout
        android:id="@+id/gopay_qr_code_frame"
        android:layout_width="@dimen/qr_code_size"
        android:layout_height= "@dimen/qr_code_size"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="@dimen/sixteen_dp">

        <ImageView
            android:id="@+id/gopay_qr_code"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <com.midtrans.sdk.uikit.widgets.FancyButton
            android:id="@+id/gopay_reload_qr_button"
            style="@style/ButtonSecondary"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:visibility="gone"
            app:fb_iconPaddingRight="@dimen/four_dp"
            app:fb_iconResource="@drawable/ic_reload"
            app:fb_text="@string/reload_qr_code"
            tools:visibility="visible" />
    </FrameLayout>

    <com.midtrans.sdk.uikit.widgets.BoldTextView
        android:id="@+id/gopay_merchant_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_margin="@dimen/eight_dp"
        android:textSize="@dimen/twenty_two_sp" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/sixteen_dp"
        android:background="@color/bg_notification"
        android:orientation="horizontal"
        android:padding="@dimen/sixteen_dp">

        <com.midtrans.sdk.uikit.widgets.DefaultTextView
            android:id="@+id/gopay_expiration_desc"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/gopay_expiration_message"/>

        <com.midtrans.sdk.uikit.widgets.BoldTextView
            android:id="@+id/gopay_expiration_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>

    <com.midtrans.sdk.uikit.widgets.DefaultTextView
        android:id="@+id/gopay_instruction_toggle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:drawableRight="@drawable/ic_chevron_up"
        android:padding="@dimen/sixteen_dp"
        android:text= "@string/gopay_instruction"
        android:textColor="@color/dark_gray"
        android:textSize="@dimen/primary_text_size" />

    <LinearLayout
        android:id="@+id/gopay_instruction_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/light_gray"
            android:lineSpacingExtra="2dp"
            android:paddingBottom="@dimen/eight_dp"
            android:paddingLeft="@dimen/sixteen_dp"
            android:paddingRight="@dimen/sixteen_dp"
            android:paddingTop="@dimen/eight_dp">

            <TextView
                android:layout_width="@dimen/twenty_four_dp"
                android:layout_height="wrap_content"
                android:text="@string/number_instruction1" />

            <com.midtrans.sdk.uikit.widgets.DefaultTextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/gopay_instruction_tablet_step3"
                android:textColor="@color/black"
                android:textSize="@dimen/secondary_text_size" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:lineSpacingExtra="2dp"
            android:paddingBottom="@dimen/eight_dp"
            android:paddingLeft="@dimen/sixteen_dp"
            android:paddingRight="@dimen/sixteen_dp"
            android:paddingTop="@dimen/eight_dp">

            <TextView
                android:layout_width="@dimen/twenty_four_dp"
                android:layout_height="wrap_content"
                android:text="@string/number_instruction2" />

            <com.midtrans.sdk.uikit.widgets.DefaultTextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/gopay_instruction_tablet_step4"
                android:textColor="@color/black"
                android:textSize="@dimen/secondary_text_size" />
        </LinearLayout>

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingBottom="@dimen/sixteen_dp"
            android:paddingLeft="@dimen/thirtytwo_dp"
            android:paddingRight="@dimen/thirtytwo_dp"
            android:paddingTop="@dimen/sixteen_dp"
            android:src="@drawable/ic_gopay_qr"/>

        <com.midtrans.sdk.uikit.widgets.DefaultTextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="@dimen/eight_dp"
            android:layout_marginLeft="@dimen/thirtytwo_dp"
            android:layout_marginRight="@dimen/sixteen_dp"
            android:text="@string/gopay_instruction_tablet_hint"
            android:textColor="@color/gray.primary"/>

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/light_gray"
            android:lineSpacingExtra="2dp"
            android:paddingBottom="@dimen/eight_dp"
            android:paddingLeft="@dimen/sixteen_dp"
            android:paddingRight="@dimen/sixteen_dp"
            android:paddingTop="@dimen/eight_dp">

            <TextView
                android:id="@+id/instruction_no_5"
                android:layout_width="@dimen/twenty_four_dp"
                android:layout_height="wrap_content"
                android:text="@string/number_instruction3" />

            <com.midtrans.sdk.uikit.widgets.DefaultTextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@id/instruction_no_5"
                android:text="@string/gopay_instruction_tablet_step5"
                android:textColor="@color/black"
                android:textSize="@dimen/secondary_text_size" />

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/instruction_no_5"
                android:background="@color/light_gray"
                android:paddingBottom="@dimen/sixteen_dp"
                android:paddingLeft="@dimen/thirtytwo_dp"
                android:paddingRight="@dimen/thirtytwo_dp"
                android:paddingTop="@dimen/sixteen_dp"
                android:src="@drawable/ic_gopay_scan"/>
        </RelativeLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:lineSpacingExtra="2dp"
            android:paddingBottom="@dimen/eight_dp"
            android:paddingLeft="@dimen/sixteen_dp"
            android:paddingRight="@dimen/sixteen_dp"
            android:paddingTop="@dimen/eight_dp">

            <TextView
                android:layout_width="@dimen/twenty_four_dp"
                android:layout_height="wrap_content"
                android:text="@string/number_instruction4" />

            <com.midtrans.sdk.uikit.widgets.DefaultTextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/gopay_instruction_tablet_step6"
                android:textColor="@color/black"
                android:textSize="@dimen/secondary_text_size" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/light_gray"
            android:lineSpacingExtra="2dp"
            android:paddingBottom="@dimen/eight_dp"
            android:paddingLeft="@dimen/sixteen_dp"
            android:paddingRight="@dimen/sixteen_dp"
            android:paddingTop="@dimen/eight_dp">

            <TextView
                android:layout_width="@dimen/twenty_four_dp"
                android:layout_height="wrap_content"
                android:text="@string/number_instruction5" />

            <com.midtrans.sdk.uikit.widgets.DefaultTextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/gopay_instruction_tablet_step7"
                android:textColor="@color/black"
                android:textSize="@dimen/secondary_text_size" />
        </LinearLayout>

    </LinearLayout>
</LinearLayout>