<%# locals: (entry:, **opts) %> <% account = entry.account %> <%= turbo_frame_tag dom_id(entry) do %> <% is_oldest = entry.first_of_type? %>
<%= tag.div class: "w-8 h-8 rounded-full p-1.5 flex items-center justify-center", style: entry_style(entry, is_oldest:).html_safe do %> <%= lucide_icon entry_icon(entry, is_oldest:), class: "w-4 h-4" %> <% end %>
<%= tag.p entry.date, class: "text-gray-900 font-medium" %> <%= tag.p is_oldest ? t(".start_balance") : t(".value_update"), class: "text-gray-500" %>
<%= tag.p format_money(entry.amount_money), class: "font-medium text-sm text-gray-900" %>
<% if entry.trend.direction.flat? %> <%= tag.span t(".no_change"), class: "text-gray-500" %> <% else %> <%= tag.span format_money(entry.trend.value) %> <%= tag.span "(#{entry.trend.percent}%)" %> <% end %>
<%= contextual_menu do %>
<%= contextual_menu_modal_action_item t(".edit_entry"), edit_account_entry_path(account, entry) %> <%= contextual_menu_destructive_item t(".delete_entry"), account_entry_path(account, entry), turbo_frame: "_top", turbo_confirm: { title: t(".confirm_title"), body: t(".confirm_body_html"), accept: t(".confirm_accept") } %>
<% end %>
<% end %>