+ <%!-- Name Row --%>
+
+ <.data_field label={gettext("First Name")} value={@member.first_name} class="w-48" />
+ <.data_field label={gettext("Last Name")} value={@member.last_name} class="w-48" />
+
+
+ <%!-- Address --%>
+
+ <.data_field label={gettext("Address")} value={format_address(@member)} />
+
+
+ <%!-- Email --%>
+
+
+ <%!-- Phone --%>
+
+ <.data_field label={gettext("Phone")} value={@member.phone_number} />
+
+
+ <%!-- Membership Dates Row --%>
+
+ <.data_field
+ label={gettext("Join Date")}
+ value={format_date(@member.join_date)}
+ class="w-28"
+ />
+ <.data_field
+ label={gettext("Exit Date")}
+ value={format_date(@member.exit_date)}
+ class="w-28"
+ />
+
+
+ <%!-- Linked User --%>
+
+ <.data_field label={gettext("Linked User")}>
+ <%= if @member.user do %>
+ <.link
+ navigate={~p"/users/#{@member.user}"}
+ class="text-blue-700 hover:text-blue-800 underline inline-flex items-center gap-1"
+ >
+ <.icon name="hero-user" class="size-4" />
+ {@member.user.email}
+
+ <% else %>
+ {gettext("No user linked")}
+ <% end %>
+
+
+
+ <%!-- Notes --%>
+ <%= if @member.notes && String.trim(@member.notes) != "" do %>
+
+ <.data_field label={gettext("Notes")}>
+
{@member.notes}
+
+
+ <% end %>
+