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

<%= pluralize(expense.errors.count, "error") %> prohibited this expense from being saved:

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

Expense Information

<%= 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., Netflix subscription" %>

A brief description of the expense

<%= form.label :payment, class: "block text-sm font-medium text-gray-700" %>
$
<%= form.text_field :payment, 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" %>

The payment amount for this billing period

<%= form.label :period, class: "block text-sm font-medium text-gray-700" %> <%= form.select :period, options_for_select(expense_periods, expense.period), {}, 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" %>

How often this expense is billed

Payment Details

This expense is paid by credit card

<%= form.check_box :credit_card, class: "toggle-checkbox sr-only" %>

This amount is an estimate

<%= form.check_box :estimated, class: "toggle-checkbox sr-only" %>
<%= link_to "Cancel", expenses_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 %>