<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/astra_widget_root"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="@drawable/astra_widget_background"
  android:orientation="vertical"
  android:paddingStart="12dp"
  android:paddingTop="10dp"
  android:paddingEnd="12dp"
  android:paddingBottom="10dp">

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="82dp"
    android:gravity="center_vertical"
    android:orientation="horizontal">

    <ImageView
      android:id="@+id/astra_widget_art"
      android:layout_width="82dp"
      android:layout_height="82dp"
      android:contentDescription="Current artwork"
      android:scaleType="centerCrop"
      android:src="@drawable/astra_widget_art_placeholder" />

    <LinearLayout
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_marginStart="12dp"
      android:layout_marginEnd="10dp"
      android:layout_weight="1"
      android:gravity="center_vertical"
      android:orientation="vertical">

      <TextView
        android:id="@+id/astra_widget_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ellipsize="end"
        android:maxLines="1"
        android:text="Astra"
        android:textColor="#e2e8f4"
        android:textSize="15sp"
        android:textStyle="bold" />

      <TextView
        android:id="@+id/astra_widget_artist"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="2dp"
        android:ellipsize="end"
        android:maxLines="1"
        android:text="Tap to open"
        android:textColor="#8a98b8"
        android:textSize="12sp" />
    </LinearLayout>

    <ImageButton
      android:id="@+id/astra_widget_previous"
      android:layout_width="36dp"
      android:layout_height="36dp"
      android:background="@drawable/astra_widget_control_background"
      android:contentDescription="Previous"
      android:padding="8dp"
      android:scaleType="center"
      android:src="@drawable/astra_widget_ic_previous" />

    <ImageButton
      android:id="@+id/astra_widget_play_pause"
      android:layout_width="42dp"
      android:layout_height="36dp"
      android:layout_marginStart="8dp"
      android:background="@drawable/astra_widget_control_background"
      android:contentDescription="Play"
      android:padding="8dp"
      android:scaleType="center"
      android:src="@drawable/astra_widget_ic_play" />

    <ImageButton
      android:id="@+id/astra_widget_next"
      android:layout_width="36dp"
      android:layout_height="36dp"
      android:layout_marginStart="8dp"
      android:background="@drawable/astra_widget_control_background"
      android:contentDescription="Next"
      android:padding="8dp"
      android:scaleType="center"
      android:src="@drawable/astra_widget_ic_next" />
  </LinearLayout>

  <LinearLayout
    android:id="@+id/astra_widget_recent_container"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_marginTop="8dp"
    android:layout_weight="1"
    android:gravity="center_vertical"
    android:orientation="horizontal">

    <ImageView
      android:id="@+id/astra_widget_recent_1_image"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="1"
      android:contentDescription="Recently played"
      android:scaleType="fitCenter"
      android:src="@drawable/astra_widget_art_placeholder" />

    <ImageView
      android:id="@+id/astra_widget_recent_2_image"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_marginStart="8dp"
      android:layout_weight="1"
      android:contentDescription="Recently played"
      android:scaleType="fitCenter"
      android:src="@drawable/astra_widget_art_placeholder" />

    <ImageView
      android:id="@+id/astra_widget_recent_3_image"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_marginStart="8dp"
      android:layout_weight="1"
      android:contentDescription="Recently played"
      android:scaleType="fitCenter"
      android:src="@drawable/astra_widget_art_placeholder" />

    <ImageView
      android:id="@+id/astra_widget_recent_4_image"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_marginStart="8dp"
      android:layout_weight="1"
      android:contentDescription="Recently played"
      android:scaleType="fitCenter"
      android:src="@drawable/astra_widget_art_placeholder" />

    <ImageView
      android:id="@+id/astra_widget_recent_5_image"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_marginStart="8dp"
      android:layout_weight="1"
      android:contentDescription="Recently played"
      android:scaleType="fitCenter"
      android:src="@drawable/astra_widget_art_placeholder" />
  </LinearLayout>
</LinearLayout>
