theseus/app/views/letters/buy_indicia.html.erb
2025-12-18 15:57:40 -05:00

79 lines
2.9 KiB
Text
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<% content_for :title, "Buy Indicia - #{@letter.public_id}" %>
<div class="container">
<header class="page-header mb-6">
<div class="flex items-center gap-4">
<%= link_to "← Back", @letter, class: "text-gray-500 hover:text-gray-700" %>
<h1>Buy Indicia</h1>
</div>
</header>
<div class="max-w-lg">
<article class="mb-6">
<header><h2>Letter Details</h2></header>
<div class="p-4">
<dl class="grid grid-cols-2 gap-4 text-sm">
<div>
<dt class="text-gray-500">Recipient</dt>
<dd class="font-medium"><%= @letter.address.name_line %></dd>
</div>
<div>
<dt class="text-gray-500">Destination</dt>
<dd><%= @letter.address.city %>, <%= @letter.address.state %></dd>
</div>
<div>
<dt class="text-gray-500">Dimensions</dt>
<dd><%= @letter.height %>" × <%= @letter.width %>"</dd>
</div>
<div>
<dt class="text-gray-500">Weight</dt>
<dd><%= @letter.weight %> oz</dd>
</div>
</dl>
<% if @letter.non_machinable? %>
<div class="mt-3 text-sm text-yellow-700 bg-yellow-50 px-3 py-2 rounded">
Non-machinable surcharge applies
</div>
<% end %>
</div>
</article>
<article>
<header><h2>Purchase Postage</h2></header>
<div class="p-4">
<%= form_with(url: buy_indicia_letter_path(@letter), method: :post, class: "space-y-4") do |form| %>
<div>
<label class="block text-sm text-gray-600 mb-1">USPS Payment Account</label>
<%= form.collection_select :usps_payment_account_id,
USPS::PaymentAccount.all,
:id,
:name,
{ prompt: "Select account...", selected: USPS::PaymentAccount.first&.id },
{ class: "w-full", required: true } %>
</div>
<% if current_user.hcb_payment_accounts.any? %>
<div>
<label class="block text-sm text-gray-600 mb-1">Pay with HCB Organization</label>
<%= form.collection_select :hcb_payment_account_id,
current_user.hcb_payment_accounts,
:id,
:organization_name,
{ prompt: "Select organization..." },
{ class: "w-full", required: true } %>
</div>
<% else %>
<div class="text-sm text-gray-600 bg-gray-50 p-3 rounded">
<%= link_to "Connect your HCB account", new_hcb_oauth_connection_path %> to pay for postage.
</div>
<% end %>
<div class="flex gap-3 pt-2">
<%= form.submit "Buy Indicia", class: "btn success", disabled: current_user.hcb_payment_accounts.empty? %>
<%= link_to "Cancel", @letter, class: "btn btn-small" %>
</div>
<% end %>
</div>
</article>
</div>
</div>