<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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="wrap_content"
    android:background="@color/transparent"
    android:clipChildren="false">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/guard_rootView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="52dp"
        android:background="@drawable/guardian_img_bg"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent">


        <ImageView
            android:id="@+id/guard_back"
            android:layout_width="10dp"
            android:layout_height="18dp"
            android:layout_marginStart="21dp"
            android:layout_marginTop="16dp"
            android:visibility="gone"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/icon_return" />

        <LinearLayout
            android:id="@+id/guard_linearLayout"
            android:layout_width="182dp"
            android:layout_height="32dp"
            android:layout_marginTop="52dp"
            android:layout_marginBottom="21dp"
            android:background="@drawable/bg_guard_up_title"
            android:gravity="center"
            android:orientation="vertical"
            app:layout_constraintBottom_toTopOf="@+id/guard_constraintLayout"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent">

            <TextView
                android:id="@+id/guard_anchor_name"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text=""
                android:textColor="#F6F7FB"
                android:textSize="14sp" />
        </LinearLayout>

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/guard_constraintLayout"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="5dp"
            android:layout_marginTop="11dp"
            android:layout_marginEnd="5dp"
            android:background="@drawable/bg_guard_info"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/guard_linearLayout">

            <TextView
                android:id="@+id/guard_textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="16dp"
                android:gravity="center"
                android:text="@string/buy_guard_info"
                android:textColor="#020202"
                android:textSize="16sp"
                android:textStyle="bold"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent" />

            <LinearLayout
                android:id="@+id/guard_buys_layout"
                android:layout_width="0dp"
                android:layout_height="110dp"
                android:layout_marginStart="6dp"
                android:layout_marginTop="16dp"
                android:layout_marginEnd="6dp"
                android:gravity="center"
                android:orientation="vertical"
                android:overScrollMode="never"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/guard_textView2">

                <androidx.recyclerview.widget.RecyclerView
                    android:id="@+id/guard_buys"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:layout_gravity="center">

                </androidx.recyclerview.widget.RecyclerView>
            </LinearLayout>


            <ImageView
                android:id="@+id/guard_imageView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                app:layout_constraintEnd_toEndOf="parent"

                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/guard_buys_layout"
                app:srcCompat="@drawable/sh_img_title" />

            <androidx.recyclerview.widget.RecyclerView
                android:id="@+id/guard_rights"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginStart="5dp"
                android:layout_marginBottom="10dp"
                android:overScrollMode="never"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/guard_imageView2">

            </androidx.recyclerview.widget.RecyclerView>
        </androidx.constraintlayout.widget.ConstraintLayout>

        <RelativeLayout
            android:id="@+id/guard_relativeLayout"
            android:layout_width="match_parent"
            android:layout_height="90dp"
            android:layout_marginTop="-30dp"
            android:background="@drawable/img_guard_bottom"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/guard_constraintLayout">

            <RelativeLayout
                android:id="@+id/buy1"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_marginTop="25dp"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                tools:visibility="gone">


                <TextView
                    android:id="@+id/guard_coin_name"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:layout_marginLeft="10dp"
                    android:textColor="#9E7CFD"
                    android:textSize="14sp" />

                <TextView
                    android:id="@+id/guard_coin"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:layout_marginLeft="10dp"
                    android:layout_toRightOf="@id/guard_coin_name"
                    android:drawablePadding="4dp"
                    android:textColor="@color/global"
                    android:textSize="14sp"
                    android:visibility="gone" />

                <TextView
                    android:id="@+id/guard_btn_buy"
                    android:layout_width="90dp"
                    android:layout_height="30dp"
                    android:layout_alignParentEnd="true"
                    android:layout_centerVertical="true"
                    android:layout_marginEnd="15dp"
                    android:background="@drawable/bg_guard_btn_buy"
                    android:gravity="center"
                    android:text="@string/guard_buy"
                    android:textColor="@color/white"
                    android:textSize="14sp" />
            </RelativeLayout>

            <LinearLayout
                android:id="@+id/buy2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="20dp"
                android:gravity="center"
                android:orientation="vertical"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                tools:visibility="visible">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="25dp"
                    android:layout_marginTop="6dp"
                    android:gravity="center"
                    android:orientation="horizontal">

                    <TextView
                        android:id="@+id/guard_coin2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="0"
                        android:textColor="#9F9F9F"
                        android:textSize="12sp" />

                    <TextView
                        android:id="@+id/guard_buy"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginStart="14dp"
                        android:text="充值"
                        android:textColor="#F7B500"
                        android:textSize="12sp" />

                    <ImageView
                        android:layout_width="4dp"
                        android:layout_height="8dp"
                        android:layout_marginStart="4dp"
                        android:src="@drawable/icon_top_up" />
                </LinearLayout>

                <Button
                    android:id="@+id/guard_submit"
                    android:layout_width="267dp"
                    android:layout_height="35dp"
                    android:layout_marginTop="2dp"
                    android:background="@drawable/bg_new_guard_but"
                    android:text="繼續守護"
                    android:textColor="#FFFFFF"
                    android:textSize="16sp" />
            </LinearLayout>
        </RelativeLayout>

    </androidx.constraintlayout.widget.ConstraintLayout>

    <RelativeLayout
        android:layout_width="268dp"
        android:layout_height="117dp"
        android:layout_above="@id/guard_rootView"
        android:layout_centerHorizontal="true"
        android:layout_gravity="center"
        android:layout_marginBottom="-102dp"
        android:gravity="center"
        android:scaleType="centerCrop"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">


        <com.makeramen.roundedimageview.RoundedImageView
            android:id="@+id/guard_imageView"
            android:layout_width="0dp"
            android:layout_height="58dp"
            android:layout_marginTop="30dp"
            android:layout_marginStart="136dp"
            android:scaleType="centerCrop"
            android:src="@drawable/guardian_img_wings"
            android:visibility="invisible"
            app:riv_oval="true" />

        <com.makeramen.roundedimageview.RoundedImageView
            android:id="@+id/guard_imageView_two"
            android:layout_width="65dp"
            android:layout_height="65dp"
            android:layout_centerHorizontal="true"
            android:layout_marginStart="-6dp"
            android:layout_marginTop="25dp"
            android:layout_toEndOf="@+id/guard_imageView"
            android:scaleType="centerCrop"
            android:src="@drawable/guardian_img_wings"
            android:visibility="invisible"
            app:riv_oval="true" />

        <com.makeramen.roundedimageview.RoundedImageView
            android:id="@+id/guard_imageView_one"
            android:layout_width="65dp"
            android:layout_height="65dp"
            android:layout_marginTop="25dp"

            android:layout_toStartOf="@id/guard_imageView_two"
            android:scaleType="centerCrop"
            android:src="@drawable/guardian_img_wings"
            android:visibility="invisible"
            app:riv_oval="true" />

        <com.opensource.svgaplayer.SVGAImageView
            android:id="@+id/gift_svga"
            android:layout_width="match_parent"
            android:layout_height="match_parent"

            android:layout_centerInParent="true"
            android:scaleType="fitCenter"
            android:src="@drawable/guardian_img_two"
            android:visibility="visible"
            app:autoPlay="true" />

    </RelativeLayout>
</RelativeLayout>