<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context="codelabs.ambarrukmo.fragment.MyCardFragment">


    <!--<include-->
        <!--layout="@layout/error"/>-->
    <!--<include-->
        <!--layout="@layout/loading"/>-->

    <FrameLayout
        android:id="@+id/container_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent">


        <android.support.v4.widget.NestedScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <LinearLayout
                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:layout_marginTop="10dp"-->
                    <!--android:background="@android:color/transparent"-->
                    <!--android:gravity="center_vertical"-->
                    <!--android:orientation="horizontal"-->
                    <!--android:padding="10dp">-->

                    <!--<LinearLayout-->
                        <!--android:layout_width="0dp"-->
                        <!--android:layout_height="wrap_content"-->
                        <!--android:layout_weight="1"-->
                        <!--android:orientation="vertical">-->

                        <!--<RelativeLayout-->
                            <!--android:layout_width="match_parent"-->
                            <!--android:layout_height="wrap_content"-->
                            <!--android:padding="0dp">-->

                            <!--<ImageView-->
                                <!--android:id="@+id/img_icpoints"-->
                                <!--android:layout_width="wrap_content"-->
                                <!--android:layout_height="wrap_content"-->
                                <!--android:src="@drawable/ic_mypoints" />-->

                            <!--<TextView-->
                                <!--android:id="@+id/tv_mypoints"-->
                                <!--android:layout_width="wrap_content"-->
                                <!--android:layout_height="wrap_content"-->
                                <!--android:layout_alignTop="@+id/img_icpoints"-->
                                <!--android:layout_alignBottom="@+id/img_icpoints"-->
                                <!--android:layout_marginStart="10dp"-->
                                <!--android:layout_toRightOf="@+id/img_icpoints"-->
                                <!--android:gravity="center_vertical"-->
                                <!--android:text="My Points"-->
                                <!--android:textColor="@android:color/black"-->
                                <!--android:textSize="13sp" />-->

                            <!--<TextView-->
                                <!--android:id="@+id/tv_points"-->
                                <!--android:layout_width="wrap_content"-->
                                <!--android:layout_height="wrap_content"-->
                                <!--android:layout_alignTop="@+id/img_icpoints"-->
                                <!--android:layout_alignBottom="@+id/img_icpoints"-->
                                <!--android:layout_alignParentEnd="true"-->
                                <!--android:gravity="center"-->
                                <!--android:paddingLeft="8dp"-->
                                <!--android:paddingRight="8dp"-->
                                <!--android:text="2000 Points"-->
                                <!--android:textColor="@android:color/holo_red_light"-->
                                <!--android:textSize="13sp"-->
                                <!--android:textStyle="bold" />-->

                        <!--</RelativeLayout>-->
                    <!--</LinearLayout>-->
                <!--</LinearLayout>-->


                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="0dp"
                    android:gravity="center_vertical"
                    android:orientation="horizontal"
                    android:padding="10dp">

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="vertical">

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


                            <ImageView
                                android:visibility="gone"
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                android:layout_centerInParent="true"
                                android:src="@drawable/ic_expand_less" />

                        </RelativeLayout>

                        <android.support.constraint.ConstraintLayout
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:background="@drawable/card_member"
                            android:layout_alignParentTop="true">

                            <ImageView
                                android:id="@+id/imgCard"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:scaleType="centerCrop"
                                android:src="@drawable/img_card_amabarukmo"
                                app:layout_constraintBottom_toBottomOf="parent"
                                app:layout_constraintStart_toStartOf="parent"
                                app:layout_constraintTop_toTopOf="parent" />

                            <TextView
                                android:id="@+id/tv_membership"
                                android:layout_width="0dp"
                                android:layout_height="wrap_content"
                                android:layout_marginTop="14dp"
                                android:layout_marginEnd="52dp"
                                android:text="Membership"
                                android:textColor="@color/grey500"
                                android:textSize="12sp"
                                app:layout_constraintEnd_toEndOf="parent"
                                app:layout_constraintTop_toTopOf="parent" />

                            <TextView
                                android:id="@+id/tv_fullname"
                                android:layout_width="0dp"
                                android:layout_height="wrap_content"
                                android:layout_marginStart="18dp"
                                android:layout_marginTop="14dp"
                                android:layout_marginEnd="8dp"
                                android:text="Full name"
                                android:textColor="@color/grey500"
                                android:textSize="12sp"
                                app:layout_constraintEnd_toStartOf="@id/tv_membership"
                                app:layout_constraintStart_toEndOf="@id/imgCard"
                                app:layout_constraintTop_toTopOf="parent" />

                            <TextView
                                android:id="@+id/tv_name"
                                android:layout_width="0dp"
                                android:layout_height="wrap_content"
                                android:layout_marginStart="18dp"
                                android:layout_marginTop="8dp"
                                android:layout_marginEnd="8dp"
                                android:text="John Doe doe doed dodoododfdfdfdodod"
                                android:textColor="@android:color/black"
                                android:textSize="13sp"
                                app:layout_constraintEnd_toStartOf="@id/tv_membership"
                                app:layout_constraintHorizontal_bias="0.0"
                                app:layout_constraintStart_toEndOf="@id/imgCard"
                                app:layout_constraintTop_toBottomOf="@+id/tv_fullname" />

                            <TextView
                                android:id="@+id/tv_membership2"
                                android:layout_width="0dp"
                                android:layout_height="wrap_content"
                                android:layout_marginStart="8dp"
                                android:layout_marginTop="36dp"
                                android:layout_marginEnd="8dp"
                                android:text="-"
                                android:textColor="@android:color/black"
                                android:textSize="13sp"
                                app:layout_constraintEnd_toEndOf="parent"
                                app:layout_constraintStart_toEndOf="@+id/tv_name"
                                app:layout_constraintTop_toTopOf="parent" />

                            <TextView
                                android:id="@+id/tv_card"
                                android:layout_width="0dp"
                                android:layout_height="wrap_content"
                                android:layout_marginStart="18dp"
                                android:layout_marginEnd="8dp"
                                android:text="Card number"
                                android:textColor="@color/grey500"
                                android:textSize="12sp"
                                app:layout_constraintEnd_toEndOf="parent"
                                app:layout_constraintHorizontal_bias="1.0"
                                app:layout_constraintStart_toEndOf="@id/imgCard"
                                app:layout_constraintTop_toBottomOf="@+id/tv_name" />

                            <TextView
                                android:id="@+id/tv_card_no"
                                android:layout_width="0dp"
                                android:layout_height="wrap_content"
                                android:layout_marginStart="18dp"
                                android:layout_marginTop="8dp"
                                android:layout_marginEnd="8dp"
                                android:text="5354 2000 1234 5678"
                                android:textColor="@android:color/black"
                                android:textSize="13sp"
                                app:layout_constraintEnd_toEndOf="parent"
                                app:layout_constraintHorizontal_bias="0.0"
                                app:layout_constraintStart_toEndOf="@id/imgCard"
                                app:layout_constraintTop_toBottomOf="@+id/tv_card" />


                            <TextView
                                android:id="@+id/btn_view_card"
                                android:layout_width="0dp"
                                android:layout_height="wrap_content"
                                android:layout_marginStart="18dp"
                                android:layout_marginTop="116dp"
                                android:layout_marginEnd="8dp"
                                android:text="View E-Card"
                                android:textAppearance="?android:attr/textAppearance"
                                android:textColor="@android:color/holo_blue_light"
                                android:textSize="13sp"
                                app:layout_constraintEnd_toStartOf="@+id/tv_card_no"
                                app:layout_constraintHorizontal_bias="1.0"
                                app:layout_constraintStart_toStartOf="parent"
                                app:layout_constraintTop_toTopOf="parent" />


                        </android.support.constraint.ConstraintLayout>
                    </LinearLayout>
                </LinearLayout>

                <View
                    android:layout_width="match_parent"
                    android:layout_height="3dp"
                    android:layout_marginTop="5dp"
                    android:background="@color/dash" />

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="0dp"
                    android:gravity="center_vertical"
                    android:orientation="horizontal"
                    android:padding="10dp">

                    <LinearLayout
                        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:orientation="horizontal">


                            <RelativeLayout
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                android:gravity="center"
                                android:padding="10dp">


                                <ImageView
                                    android:id="@+id/img_token"
                                    android:layout_width="wrap_content"
                                    android:layout_height="wrap_content"
                                    android:src="@drawable/ic_token" />

                                <TextView
                                    android:layout_width="wrap_content"
                                    android:layout_height="wrap_content"
                                    android:text="You've 1 token to play"
                                    android:textSize="13sp"
                                    android:textColor="@color/black_semi_transparent"
                                    android:layout_marginStart="10dp"
                                    android:layout_toRightOf="@+id/img_token"/>

                            </RelativeLayout>
                        </LinearLayout>

                        <ImageView
                            android:id="@+id/img_token_spin"
                            android:layout_width="290dp"
                            android:layout_height="252dp"
                            android:layout_gravity="center"
                            android:src="@drawable/img_spin" />


                        <RelativeLayout
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_marginTop="10dp"
                            android:padding="10dp">


                            <TextView
                                android:id="@+id/tv_redempoints"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_marginStart="10dp"
                                android:gravity="center_vertical"
                                android:text="Redeem Points"
                                android:textColor="@android:color/black"
                                android:textSize="13sp" />

                            <TextView
                                android:id="@+id/tv_loadmore"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_alignTop="@+id/tv_redempoints"
                                android:layout_alignBottom="@+id/tv_redempoints"
                                android:layout_alignParentEnd="true"
                                android:gravity="center"
                                android:text="Load More"
                                android:layout_marginEnd="10dp"
                                android:textColor="@android:color/holo_blue_light"
                                android:textSize="13sp"
                                android:textAppearance="?android:attr/textAppearance" />

                        </RelativeLayout>
                    </LinearLayout>
                </LinearLayout>

                <View
                    android:layout_width="match_parent"
                    android:layout_height="1dp"
                    android:layout_marginTop="5dp"
                    android:background="@color/dash" />

                <android.support.constraint.ConstraintLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:padding="10dp">

                    <ImageView
                        android:id="@+id/img_membership"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:scaleType="centerCrop"
                        android:src="@drawable/ic_membership"
                        android:layout_marginStart="5dp"
                        android:layout_marginEnd="5dp"
                        android:padding="10dp"
                        android:background="@drawable/border_oval"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toTopOf="parent"/>

                    <TextView
                        android:id="@+id/tv_expired"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_marginEnd="8dp"
                        android:text="Expired redeem"
                        android:textColor="@android:color/transparent"
                        android:textSize="12sp"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintTop_toTopOf="parent" />

                    <TextView
                        android:id="@+id/tv_membership_point"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_marginStart="8dp"
                        android:layout_marginTop="14dp"
                        android:layout_marginEnd="8dp"
                        android:text="Membership Points"
                        android:textColor="@color/black_semi_transparent"
                        android:textSize="12sp"
                        app:layout_constraintEnd_toStartOf="@id/tv_expired"
                        app:layout_constraintStart_toEndOf="@id/img_membership"
                        app:layout_constraintTop_toTopOf="parent" />

                    <TextView
                        android:id="@+id/tv_total_point"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_marginStart="8dp"
                        android:layout_marginTop="36dp"
                        android:layout_marginEnd="8dp"
                        android:text="76 Point"
                        android:textStyle="bold"
                        android:textColor="@android:color/holo_red_light"
                        android:textSize="15sp"
                        app:layout_constraintEnd_toStartOf="@id/tv_expired"
                        app:layout_constraintHorizontal_bias="0.0"
                        app:layout_constraintStart_toEndOf="@id/img_membership"
                        app:layout_constraintTop_toTopOf="parent" />

                    <TextView
                        android:id="@+id/tv_date_point"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginStart="18dp"
                        android:layout_marginTop="16dp"
                        android:layout_marginEnd="8dp"
                        android:text="December 19, 2019"
                        android:gravity="center"
                        android:textStyle="bold"
                        android:textColor="@android:color/transparent"
                        android:textSize="12sp"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintHorizontal_bias="0.75"
                        app:layout_constraintStart_toEndOf="@+id/tv_total_point"
                        app:layout_constraintTop_toTopOf="parent" />


                    <TextView
                        android:id="@+id/tv_redeem_btn"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_marginStart="8dp"
                        android:layout_marginTop="36dp"
                        android:layout_marginEnd="8dp"
                        android:paddingTop="5dp"
                        android:paddingBottom="5dp"
                        android:text="REDEEM"
                        android:gravity="center"
                        android:textColor="@android:color/transparent"
                        android:textSize="13sp"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintStart_toEndOf="@+id/tv_total_point"
                        app:layout_constraintTop_toTopOf="parent" />



                </android.support.constraint.ConstraintLayout>

            </LinearLayout>

        </android.support.v4.widget.NestedScrollView>

    </FrameLayout>




</android.support.design.widget.CoordinatorLayout>