<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:id="@+id/parent"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:fitsSystemWindows="true"
                tools:context="com.ahmedadeltito.photoeditor.PhotoEditorActivity">

    <com.ahmedadeltito.photoeditor.widget.SlidingUpPanelLayout
            android:id="@+id/sliding_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="bottom"
            app:umanoDragView="@+id/dragView"
            app:umanoOverlay="true"
            app:umanoShadowHeight="4dp">

        <RelativeLayout
                android:id="@+id/super_parent_image_rl"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="#000000"
                android:gravity="center">

            <RelativeLayout
                    android:gravity="center"
                    android:id="@+id/parent_image_rl"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true">

                <ImageView
                        android:id="@+id/photo_edit_iv"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerInParent="true"
                        android:adjustViewBounds="true"
                        android:contentDescription="@string/app_name"
                        android:scaleType="fitCenter" />

                <com.ahmedadeltito.photoeditorsdk.BrushDrawingView
                        android:id="@+id/drawing_view"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignBottom="@+id/photo_edit_iv"
                        android:layout_alignTop="@+id/photo_edit_iv"
                        android:layout_alignLeft="@+id/photo_edit_iv"
                        android:layout_alignRight="@+id/photo_edit_iv"
                        android:layout_centerInParent="true"
                        android:visibility="gone" />

            </RelativeLayout>

            <TextView
                    android:id="@+id/done_drawing_tv"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentEnd="true"
                    android:layout_marginEnd="10dp"
                    android:layout_marginStart="10dp"
                    android:layout_marginTop="20dp"
                    android:padding="10dp"
                    android:shadowColor="#000000"
                    android:shadowDx="1"
                    android:shadowDy="1"
                    android:shadowRadius="2"
                    android:text="@string/Confirm"
                    android:textColor="#FFFFFF"
                    android:textSize="17sp"
                    android:visibility="gone" />

            <TextView
                    android:id="@+id/erase_drawing_tv"
                    android:layout_width="35dp"
                    android:layout_height="35dp"
                    android:layout_marginEnd="10dp"
                    android:layout_marginStart="10dp"
                    android:layout_marginTop="20dp"
                    android:layout_toStartOf="@+id/done_drawing_tv"
                    android:shadowDx="1"
                    android:shadowDy="1"
                    android:shadowRadius="2"
                    android:background="@drawable/erase_icon"
                    android:visibility="gone" />

            <androidx.recyclerview.widget.RecyclerView
                    android:id="@+id/drawing_view_color_picker_recycler_view"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_alignParentBottom="true" />

            <View
                    android:id="@+id/top_shadow"
                    android:layout_width="match_parent"
                    android:layout_height="100dp"
                    android:layout_alignParentTop="true"
                    android:background="@drawable/fading_shadow" />

            <RelativeLayout
                    android:id="@+id/top_parent_rl"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_alignBottom="@+id/top_shadow"
                    android:layout_alignTop="@+id/top_shadow"
                    android:paddingLeft="5dp"
                    android:paddingRight="5dp">

                <TextView
                        android:id="@+id/close_tv"
                        android:layout_width="30dp"
                        android:layout_height="30dp"
                        android:padding="15dp"
                        android:layout_marginTop="28dp"
                        android:layout_marginLeft="15dp"
                        android:background="@drawable/close_icon"  />

                <TextView
                        android:id="@+id/add_text_tv"
                        android:layout_width="25dp"
                        android:layout_height="25dp"
                        android:layout_alignParentEnd="true"
                        android:layout_alignParentTop="true"
                        android:layout_marginLeft="10dp"
                        android:layout_marginRight="10dp"
                        android:layout_marginTop="10dp"
                        android:background="@drawable/text_icon"
                />

                <TextView
                        android:id="@+id/add_pencil_tv"
                        android:layout_width="25dp"
                        android:layout_height="25dp"
                        android:layout_marginTop="10dp"
                        android:layout_marginLeft="10dp"
                        android:layout_marginRight="10dp"
                        android:layout_toStartOf="@+id/add_text_tv"
                        android:padding="15dp"
                        android:background="@drawable/edit"
                />

                <TextView
                        android:id="@+id/add_image_emoji_tv"
                        android:layout_width="25dp"
                        android:layout_height="25dp"
                        android:layout_marginTop="10dp"
                        android:layout_marginLeft="10dp"
                        android:layout_marginRight="10dp"
                        android:layout_toStartOf="@+id/add_pencil_tv"
                        android:padding="15dp"
                        android:background="@drawable/shapes_icon "
                />

                <TextView
                        android:id="@+id/add_crop_tv"
                        android:layout_width="25dp"
                        android:layout_height="25dp"
                        android:layout_marginTop="10dp"
                        android:layout_marginLeft="10dp"
                        android:layout_marginRight="10dp"
                        android:layout_toStartOf="@+id/add_image_emoji_tv"
                        android:padding="15dp"
                        android:background="@drawable/crop_icon" />


            </RelativeLayout>

            <View
                    android:id="@+id/bottom_shadow"
                    android:layout_width="match_parent"
                    android:layout_height="80dp"
                    android:layout_alignParentBottom="true"/>

            <RelativeLayout
                    android:id="@+id/bottom_parent_rl"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_alignBottom="@+id/bottom_shadow"
                    android:layout_alignTop="@+id/bottom_shadow"
                    android:paddingLeft="5dp"
                    android:paddingRight="5dp">



                <TextView
                        android:id="@+id/clear_all_tv"
                        android:layout_width="40dp"
                        android:layout_height="40dp"
                        android:layout_marginLeft="10dp"
                        android:layout_marginBottom="10dp"
                        android:layout_alignParentStart="true"
                        android:layout_centerVertical="true"
                        android:gravity="center"
                        android:background="@drawable/trash_icon"
                />
                <TextView
                        android:id="@+id/undo_tv"
                        android:layout_width="35dp"
                        android:layout_height="35dp"
                        android:layout_marginLeft="10dp"
                        android:layout_marginBottom="10dp"
                        android:layout_centerVertical="true"
                        android:layout_toEndOf="@+id/clear_all_tv"
                        android:gravity="center"
                        android:visibility="gone"
                        android:background="@drawable/undo_icon"
                />

                <TextView
                        android:id="@+id/save_tv"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignEnd="@+id/save_text_tv"
                        android:layout_centerVertical="true"
                        android:gravity="center"
                        android:layout_marginStart="20dp"
                        android:layout_marginTop="4dp"
                        android:layout_toEndOf="@+id/clear_all_tv"
                        android:text="@string/ic_save"
                        android:textColor="#FFFFFF"
                        android:textSize="25sp" />

                <TextView
                        android:id="@+id/save_text_tv"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentStart="true"
                        android:layout_below="@+id/save_tv"
                        android:layout_centerVertical="true"
                        android:layout_marginTop="4dp"
                        android:layout_marginStart="20dp"
                        android:layout_toEndOf="@+id/clear_all_tv"
                        android:text="@string/save"
                        android:textColor="#FFFFFF"
                        android:textSize="15sp" />

                />

                <TextView
                        android:id="@+id/go_to_next_screen_tv"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentEnd="true"
                        android:layout_centerVertical="true"
                        android:text="@string/ic_continue"
                        android:textColor="#FFFFFF"
                        android:textSize="40sp" />

            </RelativeLayout>

            <RelativeLayout
                    android:id="@+id/delete_rl"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_alignParentBottom="true"
                    android:padding="15dp"
                    android:layout_marginStart="20dp"
                    android:layout_toEndOf="@+id/undo_tv"
                    android:layout_marginLeft="20dp"
                    android:visibility="gone">

                <TextView
                        android:id="@+id/delete_tv"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_centerInParent="true"
                        android:background="@drawable/rounded_border_text_view"
                        android:padding="15dp"
                        android:text="@string/ic_delete"
                        android:textColor="#FFFFFF"
                        android:textSize="20sp" />

            </RelativeLayout>

        </RelativeLayout>

        <RelativeLayout
                android:id="@+id/image_emoji_bottom_sheet"
                android:layout_width="match_parent"
                android:layout_height="match_parent">

            <com.ahmedadeltito.photoeditor.widget.RealtimeBlurView
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    app:realtimeBlurRadius="10dp"
                    app:realtimeOverlayColor="#33ffffff" />

            <com.viewpagerindicator.CirclePageIndicator
                    android:id="@+id/image_emoji_indicator"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerHorizontal="true"
                    android:layout_gravity="center_horizontal"
                    android:padding="5dp"
                    app:fillColor="#999999"
                    app:pageColor="#e7e7e7" />

            <androidx.viewpager.widget.ViewPager
                    android:id="@+id/image_emoji_view_pager"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_below="@+id/image_emoji_indicator" />

        </RelativeLayout>

    </com.ahmedadeltito.photoeditor.widget.SlidingUpPanelLayout>

</RelativeLayout>
