<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"
    android:background="#FFFFFF" android:layout_margin="4dp">

  <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"
      android:padding="14dp" android:paddingBottom="8dp" android:gravity="center_vertical">
    <TextView android:id="@+id/icon" android:layout_width="40dp" android:layout_height="40dp"
        android:gravity="center" android:text="↗" android:textColor="#FFFFFF" android:background="#F59E0B"/>
    <LinearLayout android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1"
        android:orientation="vertical" android:layout_marginStart="12dp">
      <TextView android:id="@+id/name" android:layout_width="wrap_content" android:layout_height="wrap_content"
          android:textColor="#0F172A" android:textStyle="bold"/>
      <TextView android:id="@+id/number" android:layout_width="wrap_content" android:layout_height="wrap_content"
          android:textColor="#64748B" android:textSize="12sp"/>
    </LinearLayout>
    <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" android:gravity="end">
      <TextView android:id="@+id/time" android:layout_width="wrap_content" android:layout_height="wrap_content"
          android:textColor="#64748B" android:textSize="12sp"/>
      <TextView android:id="@+id/duration" android:layout_width="wrap_content" android:layout_height="wrap_content"
          android:textColor="#0F172A" android:textSize="12sp"/>
    </LinearLayout>
  </LinearLayout>

  <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"
      android:paddingStart="14dp" android:paddingEnd="14dp" android:paddingBottom="8dp" android:gravity="center_vertical">
    <ImageView android:id="@+id/callBtn" android:layout_width="34dp" android:layout_height="34dp"
        android:padding="6dp" android:src="@drawable/ic_call" android:contentDescription="Call"/>
    <ImageView android:id="@+id/whatsappBtn" android:layout_width="34dp" android:layout_height="34dp"
        android:padding="4dp" android:layout_marginStart="10dp" android:src="@drawable/ic_whatsapp" android:contentDescription="WhatsApp"/>
    <ImageView android:id="@+id/playBtn" android:layout_width="34dp" android:layout_height="34dp"
        android:padding="4dp" android:layout_marginStart="10dp" android:src="@drawable/ic_play_circle" android:contentDescription="Play recording"/>
    <ImageView android:id="@+id/copyBtn" android:layout_width="34dp" android:layout_height="34dp"
        android:padding="6dp" android:layout_marginStart="10dp" android:src="@drawable/ic_copy" android:contentDescription="Copy number"/>
    <View android:layout_width="0dp" android:layout_height="1dp" android:layout_weight="1"/>
    <ImageView android:id="@+id/moreBtn" android:layout_width="34dp" android:layout_height="34dp"
        android:padding="6dp" android:src="@drawable/ic_more_vert" android:contentDescription="More"/>
  </LinearLayout>

  <LinearLayout android:id="@+id/notesRow" android:layout_width="match_parent" android:layout_height="wrap_content"
      android:orientation="horizontal" android:background="#F1F5F9" android:padding="10dp" android:gravity="center_vertical">
    <ImageView android:layout_width="18dp" android:layout_height="18dp" android:src="@drawable/ic_note" app:tint="#64748B"/>
    <TextView android:id="@+id/notesText" android:layout_width="0dp" android:layout_height="wrap_content"
        android:layout_weight="1" android:layout_marginStart="8dp" android:textColor="#64748B" android:textSize="13sp"
        android:text="Tap here to add notes" android:maxLines="1" android:ellipsize="end"/>
  </LinearLayout>
</LinearLayout>
