<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="@color/white_bg">

    <ImageView
        android:id="@+id/back_btn"
        android:layout_width="35sp"
        android:layout_height="35sp"
        android:layout_marginStart="15dp"
        android:layout_marginTop="15dp"
        android:layout_marginEnd="15dp"
        android:layout_marginBottom="15dp"
        android:contentDescription="@string/back_button"
        android:padding="5dp"
        android:paddingEnd="0dp"
        android:paddingStart="-15dp"
        android:src="@drawable/arrow_back" />

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        android:layout_below="@id/back_btn"
        android:layout_marginHorizontal="15dp"
        android:fontFamily="@font/nunito_medium"
        android:text="@string/medical_information"
        android:textSize="@dimen/_16ssp"

        android:gravity="top"

        android:textColor="@color/black"

        />

    <ImageView
        android:id="@+id/edit_btn"
        android:visibility="gone"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="@string/edit"

        app:srcCompat="@drawable/ic_edit_outline"
        android:layout_alignParentEnd="true"

        android:baselineAlignBottom="true"

        android:layout_below="@id/back_btn"

        android:layout_marginHorizontal="15dp"

        android:padding="3dp"

        />

    <ScrollView
        android:id="@+id/no_data"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:visibility="gone"
        android:overScrollMode="never">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:orientation="vertical"
            android:visibility="visible">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="300dp"
                android:contentDescription="@string/medical_information"

                app:srcCompat="@drawable/ic_medic_info" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"

                android:layout_marginHorizontal="25dp"
                android:fontFamily="@font/nunito_semibold"
                android:text="@string/you_don_t_have_any_medical_information"
                android:textAlignment="center"
                android:visibility="gone"

                android:textSize="@dimen/_16ssp"

                android:textColor="@color/black" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"

                android:layout_marginHorizontal="15dp"
                android:layout_marginTop="5dp"
                android:fontFamily="@font/nunito_regular"
                android:text="@string/please_click_on_add_button_to_add"

                android:textAlignment="center"

                android:textAppearance="@style/TextAppearance.Material3.TitleMedium"
                android:textColor="@color/black"

                />

        </LinearLayout>

    </ScrollView>

    <ScrollView
        android:id="@+id/medical_info"
        android:visibility="gone"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/title"
        android:layout_marginVertical="15dp"
        android:overScrollMode="never">

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

            <com.google.android.material.card.MaterialCardView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginHorizontal="15dp"
                android:layout_marginVertical="10dp"
                app:cardElevation="5dp"
                app:cardCornerRadius="15dp"
                >
                
                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    >

                    <ImageView
                        android:id="@+id/bar_1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:contentDescription="@string/medical_information"

                        app:srcCompat="@drawable/ic_primary_bar"
                        android:layout_centerVertical="true"
                        />

                    <ImageView
                        android:id="@+id/img_diagnosis"
                        android:layout_width="40dp"
                        android:layout_height="40dp"
                        android:contentDescription="@string/diagnosis"

                        app:srcCompat="@drawable/img_diagnosis"

                        android:layout_centerVertical="true"
                        android:layout_toEndOf="@id/bar_1"

                        android:layout_marginStart="5dp"
                        />

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerInParent="true"
                        android:layout_marginVertical="10dp"

                        android:layout_marginHorizontal="15dp"
                        android:layout_toEndOf="@id/img_diagnosis"
                        android:orientation="vertical">

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"

                            android:fontFamily="@font/nunito_semibold"
                            android:text="@string/diagnosis"
                            android:textSize="@dimen/_16ssp"
                            android:textColor="@color/black" />

                        <TextView
                            android:id="@+id/diagnosis"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"

                            android:layout_marginTop="5dp"
                            android:layout_marginEnd="15dp"
                            android:fontFamily="@font/nunito_regular"
                            android:text="@string/cognitive_impairment_and_memory_loss"

                            android:textAppearance="@style/TextAppearance.Material3.TitleMedium"

                            android:textColor="#5B5B5B" />

                    </LinearLayout>

                </RelativeLayout>
                
            </com.google.android.material.card.MaterialCardView>

            <com.google.android.material.card.MaterialCardView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginHorizontal="15dp"
                android:layout_marginVertical="10dp"
                app:cardElevation="5dp"
                app:cardCornerRadius="15dp"
                >

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

                    <ImageView
                        android:id="@+id/bar_2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:contentDescription="@string/medical_information"

                        app:srcCompat="@drawable/ic_primary_bar"
                        android:layout_centerVertical="true"
                        />

                    <ImageView
                        android:id="@+id/img_doctor"
                        android:layout_width="40dp"
                        android:layout_height="40dp"
                        android:contentDescription="@string/diagnosis"

                        app:srcCompat="@drawable/img_doctor"

                        android:layout_centerVertical="true"
                        android:layout_toEndOf="@id/bar_2"

                        android:layout_marginStart="5dp"
                        />

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

                        android:layout_toEndOf="@id/img_doctor"
                        android:layout_centerInParent="true"
                        android:layout_marginHorizontal="15dp"
                        >

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"

                            android:text="@string/primary_care_doctor"
                            android:fontFamily="@font/nunito_semibold"
                            android:textSize="@dimen/_16ssp"
                            android:textColor="@color/black"
                            />

                        <TextView
                            android:id="@+id/primary_doc"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"

                            android:text="@string/dr_sandeep_kanojia"
                            android:fontFamily="@font/nunito_regular"
                            android:textAppearance="@style/TextAppearance.Material3.TitleMedium"
                            android:textColor="#5B5B5B"

                            android:layout_marginTop="5dp"
                            android:layout_marginEnd="15dp"
                            />

                    </LinearLayout>

                </RelativeLayout>

            </com.google.android.material.card.MaterialCardView>

            <com.google.android.material.card.MaterialCardView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginHorizontal="15dp"
                android:layout_marginVertical="10dp"
                app:cardElevation="5dp"
                app:cardCornerRadius="15dp"
                >

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

                    <ImageView
                        android:id="@+id/bar_3"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:contentDescription="@string/medical_information"

                        app:srcCompat="@drawable/ic_primary_bar"
                        android:layout_centerVertical="true"
                        />

                    <ImageView
                        android:id="@+id/img_doc_contact"
                        android:layout_width="40dp"
                        android:layout_height="40dp"
                        android:contentDescription="@string/diagnosis"

                        app:srcCompat="@drawable/img_doc_contact"

                        android:layout_centerVertical="true"
                        android:layout_toEndOf="@id/bar_3"

                        android:layout_marginStart="5dp"
                        />

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerInParent="true"
                        android:layout_marginVertical="10dp"

                        android:layout_marginHorizontal="15dp"
                        android:layout_toEndOf="@id/img_doc_contact"
                        android:orientation="vertical">

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"

                            android:fontFamily="@font/nunito_semibold"
                            android:text="@string/doctor_contact_number"
                            android:textSize="@dimen/_16ssp"
                            android:textColor="@color/black" />

                        <TextView
                            android:id="@+id/doc_contact"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"

                            android:layout_marginTop="5dp"
                            android:layout_marginEnd="15dp"
                            android:fontFamily="@font/nunito_regular"
                            android:text="@string/_918208401763"
                            android:textAppearance="@style/TextAppearance.Material3.TitleMedium"
                            android:textColor="#5B5B5B" />

                    </LinearLayout>

                </RelativeLayout>

            </com.google.android.material.card.MaterialCardView>

            <com.google.android.material.card.MaterialCardView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginHorizontal="15dp"
                android:layout_marginVertical="10dp"
                app:cardElevation="5dp"
                app:cardCornerRadius="15dp"
                >

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

                    <ImageView
                        android:id="@+id/bar_4"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:contentDescription="@string/medical_information"

                        app:srcCompat="@drawable/ic_primary_bar"
                        android:layout_centerVertical="true"
                        />

                    <ImageView
                        android:id="@+id/hospital_pref_img"
                        android:layout_width="40dp"
                        android:layout_height="40dp"
                        android:contentDescription="@string/diagnosis"

                        app:srcCompat="@drawable/img_hospital"

                        android:layout_centerVertical="true"
                        android:layout_toEndOf="@id/bar_4"

                        android:layout_marginStart="5dp"
                        />

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerInParent="true"
                        android:layout_marginVertical="10dp"

                        android:layout_marginHorizontal="15dp"
                        android:layout_toEndOf="@id/hospital_pref_img"
                        android:orientation="vertical">

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"

                            android:fontFamily="@font/nunito_semibold"
                            android:text="@string/hospital_preference"
                            android:textSize="@dimen/_16ssp"
                            android:textColor="@color/black" />

                        <TextView
                            android:id="@+id/hospital_pref"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"

                            android:layout_marginTop="5dp"
                            android:layout_marginEnd="15dp"
                            android:fontFamily="@font/nunito_regular"
                            android:text="@string/baycrest_health_sciences"
                            android:textAppearance="@style/TextAppearance.Material3.TitleMedium"
                            android:textColor="#5B5B5B" />

                    </LinearLayout>

                </RelativeLayout>

            </com.google.android.material.card.MaterialCardView>

            <com.google.android.material.card.MaterialCardView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginHorizontal="15dp"
                android:layout_marginVertical="10dp"
                app:cardCornerRadius="15dp"
                app:cardElevation="5dp">

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

                    <ImageView
                        android:id="@+id/bar_5"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerVertical="true"

                        android:contentDescription="@string/medical_information"
                        app:srcCompat="@drawable/ic_primary_bar" />

                    <ImageView
                        android:id="@+id/allergies_img"
                        android:layout_width="40dp"
                        android:layout_height="40dp"
                        android:layout_centerVertical="true"

                        android:layout_marginStart="5dp"

                        android:layout_toEndOf="@id/bar_5"
                        android:contentDescription="@string/diagnosis"

                        app:srcCompat="@drawable/img_allergies" />

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerInParent="true"
                        android:layout_marginVertical="10dp"

                        android:layout_marginHorizontal="15dp"
                        android:layout_toEndOf="@id/allergies_img"
                        android:orientation="vertical">

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"

                            android:fontFamily="@font/nunito_semibold"
                            android:text="@string/allergies"
                            android:textSize="@dimen/_16ssp"
                            android:textColor="@color/black" />

                        <TextView
                            android:id="@+id/allergies"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"

                            android:layout_marginTop="5dp"
                            android:layout_marginEnd="15dp"
                            android:fontFamily="@font/nunito_regular"
                            android:text="@string/latex_allergies"
                            android:textAppearance="@style/TextAppearance.Material3.TitleMedium"
                            android:textColor="#5B5B5B" />

                    </LinearLayout>

                </RelativeLayout>

            </com.google.android.material.card.MaterialCardView>

            <com.google.android.material.card.MaterialCardView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginHorizontal="15dp"
                android:layout_marginVertical="10dp"
                app:cardCornerRadius="15dp"
                app:cardElevation="5dp">

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

                    <ImageView
                        android:id="@+id/bar_6"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerVertical="true"

                        android:contentDescription="@string/medical_information"
                        app:srcCompat="@drawable/ic_primary_bar" />

                    <ImageView
                        android:id="@+id/diet_restrict_img"
                        android:layout_width="40dp"
                        android:layout_height="40dp"
                        android:layout_centerVertical="true"

                        android:layout_marginStart="5dp"

                        android:layout_toEndOf="@id/bar_6"
                        android:contentDescription="@string/diagnosis"

                        app:srcCompat="@drawable/img_diet_restriction" />

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerInParent="true"
                        android:layout_marginVertical="10dp"

                        android:layout_marginHorizontal="15dp"
                        android:layout_toEndOf="@id/diet_restrict_img"
                        android:orientation="vertical">

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"

                            android:fontFamily="@font/nunito_semibold"
                            android:text="@string/diet_restriction"
                            android:textSize="@dimen/_16ssp"
                            android:textColor="@color/black" />

                        <TextView
                            android:id="@+id/diet_restrict"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"

                            android:layout_marginTop="5dp"
                            android:layout_marginEnd="15dp"
                            android:fontFamily="@font/nunito_regular"
                            android:text="@string/random_description_lorum_ipsum_with_short_description"
                            android:textAppearance="@style/TextAppearance.Material3.TitleMedium"
                            android:textColor="#5B5B5B" />

                    </LinearLayout>

                </RelativeLayout>

            </com.google.android.material.card.MaterialCardView>

            <com.google.android.material.button.MaterialButton
                android:id="@+id/done"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginHorizontal="15dp"
                android:layout_marginTop="25dp"
                android:layout_marginBottom="15dp"
                android:text="@string/done_btn"
                android:textAppearance="@style/TextAppearance.Material3.TitleMedium"
                android:textAllCaps="false"
                android:fontFamily="@font/nunito_regular"
                android:textColor="@color/white_bg"

                android:paddingVertical="15dp"

                app:backgroundTint="@color/color_primary"
                app:cornerRadius="15dp"

                android:drawableEnd="@drawable/ic_forward_error"
                android:drawableTint="@color/white"
                />

        </LinearLayout>

    </ScrollView>

    <com.google.android.material.imageview.ShapeableImageView
        android:id="@+id/add_med_info"
        android:visibility="gone"
        android:layout_width="50dp"
        android:layout_height="50dp"

        android:layout_alignParentEnd="true"
        android:layout_alignParentBottom="true"
        android:layout_marginHorizontal="25dp"

        android:layout_marginBottom="30dp"
        android:background="@drawable/round_corners"

        android:backgroundTint="@color/color_primary"
        android:elevation="5dp"
        app:srcCompat="@drawable/ic_plus_sign"

        app:contentPadding="10dp"

        app:tint="@color/white_bg"

        />

</RelativeLayout>