Layout

<?xml version="1.0" encoding="utf-8"?>
<merge 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_height="wrap_content"
    tools:parentTag="androidx.constraintlayout.widget.ConstraintLayout">

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/glStart"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_begin="@dimen/screen_margin_start" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/glEnd"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_end="@dimen/screen_margin_end" />

    <TextView
        android:id="@+id/tvTitle"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="@string/payment_method"
        android:textAppearance="@style/TextAppearance.Body.Bold"
        android:textColor="@color/gray800"
        app:layout_constraintStart_toStartOf="@id/glStart"
        app:layout_constraintTop_toTopOf="parent" />

    <View
        android:id="@+id/divider"
        android:layout_width="0dp"
        android:layout_height="1dp"
        android:layout_marginTop="@dimen/view_margin_xxsmall"
        android:background="@color/gray500"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="@id/glStart"
        app:layout_constraintTop_toBottomOf="@id/tvTitle" />

    <View
        android:id="@+id/bgOptionOnlyAccountDebit"
        android:layout_width="0dp"
        android:layout_height="64dp"
        android:layout_marginTop="@dimen/view_margin_normal"
        android:background="@drawable/shape_rectangle_rounded_radius4"
        app:layout_constraintEnd_toEndOf="@id/glEnd"
        app:layout_constraintStart_toStartOf="@id/glStart"
        app:layout_constraintTop_toBottomOf="@id/divider" />

    <ImageView
        android:id="@+id/ivIcon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/view_margin_normal"
        android:importantForAccessibility="no"
        android:src="@drawable/ic_currency_green"
        app:layout_constraintBottom_toBottomOf="@id/bgOptionOnlyAccountDebit"
        app:layout_constraintStart_toStartOf="@id/bgOptionOnlyAccountDebit"
        app:layout_constraintTop_toTopOf="@id/bgOptionOnlyAccountDebit" />

    <TextView
        android:id="@+id/tvLabel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/view_margin_normal"
        android:text="@string/label_account_debit"
        android:textAllCaps="true"
        android:textAppearance="@style/TextAppearance.Little"
        app:layout_constraintBottom_toTopOf="@id/tvAccount"
        app:layout_constraintStart_toEndOf="@id/ivIcon"
        app:layout_constraintTop_toTopOf="@id/bgOptionOnlyAccountDebit"
        app:layout_constraintVertical_chainStyle="packed" />

    <TextView
        android:id="@+id/tvAccount"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginStart="@dimen/view_margin_normal"
        android:textAllCaps="true"
        android:textAppearance="@style/TextAppearance.Caption.Bold"
        android:textColor="@color/colorPrimary"
        app:layout_constraintBottom_toBottomOf="@id/bgOptionOnlyAccountDebit"
        app:layout_constraintStart_toEndOf="@id/ivIcon"
        app:layout_constraintTop_toBottomOf="@id/tvLabel"
        tools:text="938102-2" />

    <TextView
        android:id="@+id/tvCashPayment"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/view_margin_small"
        android:text="@string/cash_payment"
        android:textAppearance="@style/TextAppearance.Caption"
        android:textColor="@color/gray600"
        app:layout_constraintStart_toStartOf="@id/glStart"
        app:layout_constraintTop_toBottomOf="@id/bgOptionOnlyAccountDebit" />

    <View
        android:id="@+id/bgOptionAccountDebit"
        android:layout_width="0dp"
        android:layout_height="92dp"
        android:layout_marginTop="@dimen/view_margin_normal"
        android:layout_marginEnd="@dimen/view_margin_xsmall"
        android:background="@drawable/shape_rectangle_radius12_gray400"
        app:layout_constraintEnd_toStartOf="@id/bgOptionCreditCard"
        app:layout_constraintStart_toStartOf="@id/glStart"
        app:layout_constraintTop_toBottomOf="@id/divider"
        tools:visibility="visible" />

    <TextView
        android:id="@+id/tvMethodAccountDebit"
        android:layout_width="wrap_content"
        android:layout_height="20dp"
        android:layout_marginStart="@dimen/view_margin_small"
        android:text="@string/account_debit_payment"
        android:textAppearance="@style/TextAppearance.Body.Bold"
        app:layout_constraintBottom_toTopOf="@id/tvLabelAccount"
        app:layout_constraintStart_toStartOf="@id/bgOptionAccountDebit"
        app:layout_constraintTop_toTopOf="@id/bgOptionAccountDebit"
        app:layout_constraintVertical_chainStyle="packed" />

    <TextView
        android:id="@+id/tvLabelAccount"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/view_margin_small"
        android:layout_marginTop="@dimen/view_margin_xxsmall"
        android:text="@string/label_account"
        android:textAppearance="@style/TextAppearance.Little"
        app:layout_constraintBottom_toTopOf="@id/tvAccountNumber"
        app:layout_constraintStart_toStartOf="@id/bgOptionAccountDebit"
        app:layout_constraintTop_toBottomOf="@id/tvMethodAccountDebit" />

    <TextView
        android:id="@+id/tvAccountNumber"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/view_margin_small"
        android:textAppearance="@style/TextAppearance.Caption.Bold"
        android:textColor="@color/colorPrimary"
        app:layout_constraintBottom_toBottomOf="@id/bgOptionAccountDebit"
        app:layout_constraintStart_toStartOf="@id/bgOptionAccountDebit"
        app:layout_constraintTop_toBottomOf="@id/tvLabelAccount"
        tools:text="938102-0" />

    <View
        android:id="@+id/bgOptionCreditCard"
        android:layout_width="0dp"
        android:layout_height="92dp"
        android:layout_marginStart="@dimen/view_margin_xsmall"
        android:layout_marginTop="@dimen/view_margin_normal"
        android:background="@drawable/shape_rectangle_radius12_gray400"
        app:layout_constraintEnd_toEndOf="@id/glEnd"
        app:layout_constraintStart_toEndOf="@id/bgOptionAccountDebit"
        app:layout_constraintTop_toBottomOf="@id/divider"
        tools:background="@drawable/shape_rectangle_radius12_primary"
        tools:visibility="visible" />

    <TextView
        android:id="@+id/tvMethodCreditCard"
        android:layout_width="wrap_content"
        android:layout_height="20dp"
        android:layout_marginStart="@dimen/view_margin_small"
        android:text="@string/credit_card_payment_label"
        android:textAppearance="@style/TextAppearance.Body.Bold"
        app:layout_constraintBottom_toTopOf="@id/tvCardNumber"
        app:layout_constraintStart_toStartOf="@id/bgOptionCreditCard"
        app:layout_constraintTop_toTopOf="@id/bgOptionCreditCard"
        app:layout_constraintVertical_chainStyle="packed"
        tools:textColor="@color/white" />

    <TextView
        android:id="@+id/tvCardNumber"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/view_margin_small"
        android:layout_marginTop="@dimen/view_margin"
        android:textAppearance="@style/TextAppearance.Caption.Bold"
        android:textColor="@color/colorPrimary"
        app:layout_constraintBottom_toBottomOf="@id/bgOptionCreditCard"
        app:layout_constraintStart_toStartOf="@id/bgOptionCreditCard"
        app:layout_constraintTop_toBottomOf="@id/tvMethodCreditCard"
        tools:text="•••• 2345"
        tools:textColor="@color/white" />

    <br.com.intermedium.uikit.widget.InterSpinnerView
        android:id="@+id/spInstallments"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/view_margin_small"
        app:ispv_labelText="@string/installments_number"
        app:layout_constraintEnd_toEndOf="@id/glEnd"
        app:layout_constraintStart_toStartOf="@id/glStart"
        app:layout_constraintTop_toBottomOf="@id/bgOptionCreditCard" />

    <TextView
        android:id="@+id/tvPayment"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/view_margin_small"
        android:text="@string/cash_payment"
        android:textAppearance="@style/TextAppearance.Caption"
        android:textColor="@color/gray600"
        app:layout_constraintStart_toStartOf="@id/glStart"
        app:layout_constraintTop_toBottomOf="@id/spInstallments" />

    <androidx.constraintlayout.widget.Group
        android:id="@+id/grOptionOnlyAccountDebit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:constraint_referenced_ids="bgOptionOnlyAccountDebit,ivIcon,tvLabel,tvAccount,tvCashPayment"
        tools:visibility="visible" />

    <androidx.constraintlayout.widget.Group
        android:id="@+id/grOptionCreditOrDebit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:constraint_referenced_ids="grOptionAccountDebit,grOptionCreditCard,spInstallments,tvPayment"
        tools:visibility="visible" />

    <androidx.constraintlayout.widget.Group
        android:id="@+id/grOptionAccountDebit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:constraint_referenced_ids="bgOptionAccountDebit,tvMethodAccountDebit,tvLabelAccount,tvAccountNumber" />

    <androidx.constraintlayout.widget.Group
        android:id="@+id/grOptionCreditCard"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:constraint_referenced_ids="bgOptionCreditCard,tvMethodCreditCard,tvCardNumber"/>
</merge>