<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/bgColor">

    <include layout="@layout/toolbar_layout" />

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_below="@+id/toolbar"
        android:layout_height="match_parent">

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

            <LinearLayout
                android:id="@+id/card"
                android:orientation="vertical"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:backgroundTint="@color/lightyPurple"
                android:layout_marginEnd="@dimen/stattEndMargin"
                android:layout_marginStart="@dimen/stattEndMargin"
                android:layout_marginTop="8dp"
                android:background="@drawable/corner_layout">

                <android.support.v4.view.ViewPager
                    android:id="@+id/viewLoginImages"
                    android:layout_width="match_parent"
                    android:layout_height="232dp" />

                <me.relex.circleindicator.CircleIndicator
                    android:id="@+id/circleIndicator"
                    android:layout_width="match_parent"
                    android:layout_height="32dp"
                    app:ci_drawable="@drawable/ic_indicator_active"
                    app:ci_drawable_unselected="@drawable/ic_indicator_inactive"
                    app:ci_gravity="center" />

                <!--<RelativeLayout-->
                <!--android:id="@+id/info"-->
                <!--android:background="@color/lightyPurple"-->
                <!--android:layout_width="match_parent"-->
                <!--android:layout_height="124dp"-->
                <!--android:layout_alignParentBottom="true">-->

                <LinearLayout
                    android:id="@+id/info"
                    android:layout_width="match_parent"
                    android:orientation="horizontal"
                    android:layout_marginTop="8dp"
                    android:layout_height="120dp">

                    <LinearLayout
                        android:id="@+id/oneMonth"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:background="@drawable/simpleborder"
                        android:orientation="vertical">

                        <TextView
                            android:id="@+id/tvMonth"
                            style="@style/ProximaTextView"
                            android:layout_width="match_parent"
                            android:layout_marginTop="24dp"
                            android:text="1"
                            android:textSize="32dp"
                            android:textColor="@color/secondaryTextColor"
                            android:textStyle="bold" />

                        <TextView
                            style="@style/ProximaTextView"
                            android:layout_width="match_parent"
                            android:layout_marginTop="4dp"
                            android:text="month"
                            android:textAppearance="@style/TextAppearance.AppCompat.Body1"
                            android:textColor="@color/secondaryTextColor" />

                        <TextView
                            style="@style/ProximaTextView"
                            android:layout_width="match_parent"
                            android:layout_marginTop="4dp"
                            android:text="($2.49)"
                            android:textAppearance="@style/TextAppearance.AppCompat.Body1"
                            android:textColor="@color/secondaryTextColor"
                            android:textStyle="bold" />

                    </LinearLayout>
                    <LinearLayout
                        android:id="@+id/sixMonth"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:visibility="gone"
                        android:background="@drawable/simpleborder"
                        android:orientation="vertical">

                        <TextView
                            android:id="@+id/tv6"
                            style="@style/ProximaTextView"
                            android:layout_width="match_parent"
                            android:layout_marginTop="24dp"
                            android:text="6"
                            android:textStyle="bold"
                            android:textSize="32dp"
                            android:textColor="@color/secondaryTextColor" />

                        <TextView
                            style="@style/ProximaTextView"
                            android:layout_width="match_parent"
                            android:layout_marginTop="4dp"
                            android:text="months"
                            android:textAppearance="@style/TextAppearance.AppCompat.Body1"
                            android:textColor="@color/secondaryTextColor" />

                        <TextView
                            style="@style/ProximaTextView"
                            android:layout_width="match_parent"
                            android:layout_marginTop="4dp"
                            android:fontFamily="@font/proximanovasemibold"
                            android:text="($9.99)"
                            android:textStyle="bold"
                            android:textAppearance="@style/TextAppearance.AppCompat.Body1"
                            android:textColor="@color/secondaryTextColor" />

                    </LinearLayout>
                    <LinearLayout
                        android:id="@+id/tweleveMonth"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:visibility="gone"
                        android:background="@drawable/dark_background"
                        android:orientation="vertical">

                        <TextView
                            android:layout_width="match_parent"
                            android:text="Save 50%"
                            android:gravity="center"
                            android:padding="2dp"
                            android:textColor="@android:color/white"
                            android:background="@color/appThemeColor"
                            android:layout_height="wrap_content" />

                        <TextView
                            style="@style/ProximaTextView"
                            android:layout_width="match_parent"
                            android:layout_marginTop="4dp"
                            android:text="12"
                            android:textStyle="bold"
                            android:textSize="32dp"
                            android:textColor="@color/secondaryTextColor" />

                        <TextView
                            style="@style/ProximaTextView"
                            android:layout_width="match_parent"
                            android:layout_marginTop="4dp"
                            android:text="months"
                            android:textAppearance="@style/TextAppearance.AppCompat.Body1"
                            android:textColor="@color/secondaryTextColor" />

                        <TextView
                            style="@style/ProximaTextView"
                            android:layout_width="match_parent"
                            android:layout_marginTop="4dp"
                            android:textStyle="bold"
                            android:fontFamily="@font/proximanovasemibold"
                            android:text="($14.99)"
                            android:textAppearance="@style/TextAppearance.AppCompat.Body1"
                            android:textColor="@color/secondaryTextColor" />

                    </LinearLayout>
                    <LinearLayout
                        android:id="@+id/sixMonthSelected"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:background="@drawable/dark_background"
                        android:orientation="vertical">

                        <TextView
                            android:layout_width="match_parent"
                            android:text="Save 33%"
                            android:gravity="center"
                            android:padding="2dp"
                            android:textColor="@android:color/white"
                            android:background="@color/appThemeColor"
                            android:layout_height="wrap_content" />

                        <TextView
                            style="@style/ProximaTextView"
                            android:layout_width="match_parent"
                            android:layout_marginTop="4dp"
                            android:text="6"
                            android:textStyle="bold"
                            android:textSize="32dp"
                            android:textColor="@color/secondaryTextColor" />

                        <TextView
                            style="@style/ProximaTextView"
                            android:layout_width="match_parent"
                            android:layout_marginTop="4dp"
                            android:text="months"
                            android:textAppearance="@style/TextAppearance.AppCompat.Body1"
                            android:textColor="@color/secondaryTextColor" />

                        <TextView
                            style="@style/ProximaTextView"
                            android:layout_width="match_parent"
                            android:layout_marginTop="4dp"
                            android:fontFamily="@font/proximanovasemibold"
                            android:text="($9.99)"
                            android:textStyle="bold"
                            android:textAppearance="@style/TextAppearance.AppCompat.Body1"
                            android:textColor="@color/secondaryTextColor" />

                    </LinearLayout>
                    <LinearLayout
                        android:id="@+id/tweleveMonthUnselected"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_weight="1"
                        android:background="@drawable/simpleborder"
                        android:orientation="vertical">

                        <TextView
                            style="@style/ProximaTextView"
                            android:layout_width="match_parent"
                            android:layout_marginTop="24dp"
                            android:text="12"
                            android:textStyle="bold"
                            android:textSize="32dp"
                            android:textColor="@color/secondaryTextColor" />

                        <TextView
                            style="@style/ProximaTextView"
                            android:layout_width="match_parent"
                            android:layout_marginTop="4dp"
                            android:text="months"
                            android:textAppearance="@style/TextAppearance.AppCompat.Body1"
                            android:textColor="@color/secondaryTextColor" />

                        <TextView
                            style="@style/ProximaTextView"
                            android:layout_width="match_parent"
                            android:layout_marginTop="4dp"
                            android:textStyle="bold"
                            android:fontFamily="@font/proximanovasemibold"
                            android:text="($14.99)"
                            android:textAppearance="@style/TextAppearance.AppCompat.Body1"
                            android:textColor="@color/secondaryTextColor" />

                    </LinearLayout>

                </LinearLayout>

                <!--<TextView-->
                <!--android:id="@+id/tvPopular"-->
                <!--style="@style/ProximaTextView"-->
                <!--android:layout_centerHorizontal="true"-->
                <!--android:background="@drawable/layoutbackground"-->
                <!--android:backgroundTint="@color/appThemeColor"-->
                <!--android:padding="4dp"-->
                <!--android:layout_alignParentTop="true"-->
                <!--android:text="Save 33%"-->
                <!--android:textAppearance="@style/TextAppearance.AppCompat.Caption"-->
                <!--android:textColor="@android:color/white" />-->
                <!--</RelativeLayout>-->
            </LinearLayout>

            <Button
                android:id="@+id/btnSignup"
                style="@style/ProximaButton"
                android:layout_marginBottom="8dp"
                android:layout_marginEnd="@dimen/stattEndMargin"
                android:layout_marginStart="@dimen/stattEndMargin"
                android:layout_marginTop="8dp"
                android:text="SUBSCRIBE" />

            <TextView
                android:id="@+id/tvSkip"
                style="@style/ProximaTextView"
                android:text="SKIP"
                android:layout_gravity="center_horizontal"
                android:padding="8dp"
                android:textColor="@color/appThemeColor"/>

            <TextView
                android:id="@+id/policy1"
                style="@style/ProximaTextView"
                android:layout_marginBottom="4dp"
                android:layout_marginEnd="@dimen/stattEndMargin"
                android:layout_marginStart="@dimen/stattEndMargin"
                android:text="@string/signText"
                android:fontFamily="@font/proximanovasemibold"
                android:layout_gravity="center_horizontal"
                android:textAppearance="@style/TextAppearance.AppCompat.Body1"/>

            <TextView
                android:id="@+id/policy"
                style="@style/ProximaTextView"
                android:gravity="left"
                android:layout_marginBottom="@dimen/stattEndMargin"
                android:layout_marginEnd="@dimen/stattEndMargin"
                android:layout_marginStart="@dimen/stattEndMargin"
                android:text="@string/textLong"
                android:textAppearance="@style/TextAppearance.AppCompat.Body1"
                android:textColor="@color/secondaryTextColor" />
        </LinearLayout>
    </android.support.v4.widget.NestedScrollView>

</RelativeLayout>



 case R.id.oneMonth:
                sixMonth.setVisibility(View.VISIBLE);
                tweleveMonthUnselected.setVisibility(View.VISIBLE);
                sixMonthSelected.setVisibility(View.GONE);
                tweleveMonth.setVisibility(View.GONE);
                productId = "1_month";
                oneMonth.setBackground(getResources().getDrawable(R.drawable.dark_background));
                //sixMonth.setBackground(getResources().getDrawable(R.drawable.simpleborder));
                //tweleveMonth.setBackground(getResources().getDrawable(R.drawable.simpleborder));
                break;
            case R.id.sixMonth:
                sixMonth.setVisibility(View.GONE);
                tweleveMonthUnselected.setVisibility(View.VISIBLE);
                sixMonthSelected.setVisibility(View.VISIBLE);
                tweleveMonth.setVisibility(View.GONE);
                productId = "6_month";
                oneMonth.setBackground(getResources().getDrawable(R.drawable.simpleborder));
//                sixMonthSelected.setBackground(getResources().getDrawable(R.drawable.dark_background));
//                tweleveMonth.setBackground(getResources().getDrawable(R.drawable.simpleborder));
                break;
            case R.id.tweleveMonthUnselected:
                sixMonth.setVisibility(View.VISIBLE);
                tweleveMonthUnselected.setVisibility(View.GONE);
                sixMonthSelected.setVisibility(View.GONE);
                tweleveMonth.setVisibility(View.VISIBLE);
                productId = "1_year";
                oneMonth.setBackground(getResources().getDrawable(R.drawable.simpleborder));
//                sixMonth.setBackground(getResources().getDrawable(R.drawable.simpleborder));
//                tweleveMonth.setBackground(getResources().getDrawable(R.drawable.dark_background));
                break;