<%= form_with(model: credit_card_bill, class: "space-y-6") do |form| %> <% if credit_card_bill.errors.any? %>

<%= pluralize(credit_card_bill.errors.count, "error") %> prohibited this credit card bill from being saved:

    <% credit_card_bill.errors.each do |error| %>
  • <%= error.full_message %>
    • <% end %>
<% end %>

Credit Card Bill Information

Enter the details for this credit card statement

<%= form.label :description, class: "block text-sm font-medium text-gray-700" %> <%= form.text_field :description, class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", placeholder: "e.g., Chase Sapphire - January 2024" %>

A description to identify this credit card bill

<%= form.label :amount, class: "block text-sm font-medium text-gray-700" %>
$
<%= form.text_field :amount, class: "pl-7 pr-3 py-2 block w-full border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", placeholder: "0.00" %>

Total amount on the credit card statement

Auto-calculated unpaid amount

Based on total minus accounted expenses

<%= link_to "Cancel", credit_card_bills_path, class: "inline-flex items-center px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500" %> <%= form.submit class: "inline-flex items-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 cursor-pointer" %>
<% end %>