<%= @family.name %>

<%= t('families.show.created_by', default: 'Created by') %> <%= @family.creator.email %> <%= t('families.show.on_date', default: 'on') %> <%= @family.created_at.strftime('%B %d, %Y') %>

<% if policy(@family).update? %> <%= link_to edit_family_path(@family), class: "bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md font-medium transition-colors duration-200" do %> <%= t('families.show.edit', default: 'Edit Family') %> <% end %> <% end %> <% if policy(@family).leave? %> <%= link_to leave_family_path(@family), method: :delete, confirm: t('families.show.leave_confirm', default: 'Are you sure you want to leave this family?'), class: "bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-md font-medium transition-colors duration-200" do %> <%= t('families.show.leave', default: 'Leave Family') %> <% end %> <% end %> <% if policy(@family).destroy? %> <%= link_to family_path(@family), method: :delete, confirm: t('families.show.delete_confirm', default: 'Are you sure you want to delete this family? This action cannot be undone.'), class: "bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-md font-medium transition-colors duration-200" do %> <%= t('families.show.delete', default: 'Delete Family') %> <% end %> <% end %>

<%= t('families.show.members_title', default: 'Family Members') %> (<%= @members.count %>)

<%= link_to family_members_path(@family), class: "text-blue-600 hover:text-blue-800 text-sm font-medium" do %> <%= t('families.show.manage_members', default: 'Manage') %> <% end %>

<% @members.each do |member| %>

<%= member.email %>

<%= member.family_membership.role.humanize %> <% if member.family_membership.role == 'owner' %> <%= t('families.show.owner_badge', default: 'Owner') %> <% end %>

<%= t('families.show.joined_on', default: 'Joined') %> <%= member.family_membership.created_at.strftime('%b %d, %Y') %>

<% end %>

<%= t('families.show.invitations_title', default: 'Pending Invitations') %> (<%= @pending_invitations.count %>)

<% if @pending_invitations.any? %>

<% @pending_invitations.each do |invitation| %>

<%= invitation.email %>

<%= t('families.show.invited_on', default: 'Invited') %> <%= invitation.created_at.strftime('%b %d, %Y') %>

<%= t('families.show.expires_on', default: 'Expires') %> <%= invitation.expires_at.strftime('%b %d, %Y at %I:%M %p') %>

<% if policy(@family).manage_invitations? %> <%= link_to family_invitation_path(@family, invitation), method: :delete, confirm: t('families.show.cancel_invitation_confirm', default: 'Are you sure you want to cancel this invitation?'), class: "text-red-600 hover:text-red-800 text-sm font-medium" do %> <%= t('families.show.cancel', default: 'Cancel') %> <% end %> <% end %>

<% end %>

<% else %>

<%= t('families.show.no_pending_invitations', default: 'No pending invitations') %>

<% end %> <% if policy(@family).invite? %>

<%= t('families.show.invite_member', default: 'Invite New Member') %>

<%= form_with model: [@family, FamilyInvitation.new], url: family_invitations_path(@family), local: true, class: "space-y-3" do |form| %>

<%= form.label :email, t('families.show.email_label', default: 'Email Address'), class: "block text-sm font-medium text-gray-700 mb-1" %> <%= form.email_field :email, placeholder: t('families.show.email_placeholder', default: 'Enter email address'), class: "w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500" %>

<%= form.submit t('families.show.send_invitation', default: 'Send Invitation'), class: "bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-md font-medium transition-colors duration-200" %>

<% end %>