<div id="<%= dom_id expense %>">
  <p class="my-5">
    <strong class="block font-medium mb-1">Description:</strong>
    <%= expense.description %>
  </p>

  <p class="my-5">
    <strong class="block font-medium mb-1">Payment:</strong>
    <%= expense.payment %>
  </p>

  <p class="my-5">
    <strong class="block font-medium mb-1">Period:</strong>
    <%= expense.period %>
  </p>

  <p class="my-5">
    <strong class="block font-medium mb-1">Credit card:</strong>
    <%= expense.credit_card %>
  </p>

  <p class="my-5">
    <strong class="block font-medium mb-1">Estimated:</strong>
    <%= expense.estimated %>
  </p>

  <% if action_name != "show" %>
    <%= link_to "Show this expense", expense, class: "rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
    <%= link_to 'Edit this expense', edit_expense_path(expense), class: "rounded-lg py-3 ml-2 px-5 bg-gray-100 inline-block font-medium" %>
    <hr class="mt-6">
  <% end %>
</div>