<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="362dp"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:gravity="center"
    android:orientation="vertical">


    <LinearLayout
        android:layout_width="362dp"
        android:layout_height="170dp"
        android:gravity="center"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/preHotspot"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_marginEnd="5dp"
            android:src="@drawable/pre_hotspot" />

        <ImageView
            android:id="@+id/hotspotImage"
            android:layout_width="240dp"
            android:layout_height="135dp"
            android:scaleType="fitXY" />


        <ImageView
            android:id="@+id/nextHotspot"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_marginStart="5dp"
            android:src="@drawable/next_hotspot" />

    </LinearLayout>

    <LinearLayout
        android:id="@+id/spotBottomRoot"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="5dp"
        android:background="@drawable/shape_hotspot"
        android:gravity="center_vertical"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/spotIndex"
            android:layout_width="wrap_content"
            android:layout_height="30dp"
            android:layout_margin="5dp"
            android:background="@drawable/shape_orange"
            android:gravity="center"
            android:paddingStart="7.5dp"
            android:paddingEnd="7.5dp"
            android:textColor="#ffffffff"
            android:textSize="13sp" />

        <TextView
            android:id="@+id/spotTime"
            android:layout_width="wrap_content"
            android:layout_height="30dp"
            android:gravity="center"
            android:textColor="#b3ffffff"
            android:textSize="13sp" />

        <TextView
            android:id="@+id/hotspot_desc"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="5dp"
            android:layout_marginEnd="5dp"
            android:ellipsize="end"
            android:maxWidth="260dp"
            android:maxLines="2"
            android:textColor="#ffffffff"
            android:textSize="13sp" />

    </LinearLayout>


</LinearLayout>
