<%!-- Left column: Company + Main countries stacked --%>
<%!-- Company Information --%>

<.icon name="hero-building-office-2" class="w-5 h-5" /> {gettext("Company Information")}

{gettext("Used in legal documents and invoices")}

<%!-- Row: Company Name + Country --%>
<.input type="text" name="company_name" value={@company_name} label={gettext("Company Name")} placeholder={gettext("Your Company Name")} required />
<.select name="company_country" value={@company_country} phx-change="country_changed" required label={gettext("Country")} prompt={gettext("Select country...")} options={@countries} />
{gettext("Address")}
<%!-- Row: Street Address --%>
<.input type="text" name="company_address_line1" value={@company_address_line1} label={gettext("Street Address")} placeholder={gettext("123 Business Street")} required />
<%!-- Row: Address Line 2 --%>
<.input type="text" name="company_address_line2" value={@company_address_line2} label={gettext("Address Line 2")} placeholder={gettext("Suite, Floor, Building (optional)")} />
<%!-- Row: City + State/Province + Postal Code --%>
<.input type="text" name="company_city" value={@company_city} label={gettext("City")} placeholder={gettext("City")} required />
<.input type="text" name="company_state" value={@company_state} label={@subdivision_label} placeholder={gettext("(optional)")} />
<.input type="text" name="company_postal_code" value={@company_postal_code} label={gettext("Postal Code")} placeholder="10115" class="font-mono" />
{gettext("Tax & Registration")}
<%!-- Row: VAT Number + Registration Number --%>
<.input type="text" name="company_vat" value={@company_vat} label={gettext("VAT Number")} placeholder={ if @eu_country, do: "#{@company_country}123456789", else: gettext("Tax ID") } required class="font-mono" /> <%= if @eu_country do %> <% end %>
<.input type="text" name="company_registration" value={@company_registration} label={gettext("Registration Number")} placeholder={gettext("Business reg. number (optional)")} class="font-mono" />
<%!-- Main countries --%>

<.icon name="hero-map-pin" class="w-5 h-5" /> {gettext("Main countries")}

{gettext("Shown at the top of every country list. Drag to reorder.")}

<%= if @main_country_rows == [] do %>

{gettext("Nothing chosen yet — country lists are plain alphabetical.")}

<% else %> <.draggable_list id="main-countries" items={@main_country_rows} item_id={& &1.code} on_reorder="reorder_main_countries" layout={:list} gap="gap-1" class="mt-4" sortable_handle=".pk-drag-handle" item_class="flex items-center gap-2 py-2 px-1 rounded-lg hover:bg-base-200" > <:item :let={row}> <.icon name="hero-bars-3" class="pk-drag-handle w-4 h-4 shrink-0 text-base-content/40 cursor-grab active:cursor-grabbing" /> {row.label} <% end %> <%= if @main_country_suggestion != [] do %>
{gettext("Based on your country: %{countries}", countries: Enum.map_join(@main_country_suggestion, ", ", fn suggested -> suggested.label end) )}
<% end %>
<%!-- The id carries the current count so the picker remounts (and clears its own selection) after every add. --%> <.live_component module={PhoenixKitWeb.Live.Components.SearchableSelect} id={"main-country-picker-#{length(@main_country_rows)}"} name="code" value="" options={@main_country_options} label={gettext("Add a country")} placeholder={gettext("Search countries...")} />
<%!-- Right column: Bank + Tax + Site URL stacked --%>
<%!-- Bank Details --%>

<.icon name="hero-building-library" class="w-5 h-5" /> {gettext("Bank Details")}

{gettext("For bank transfer payments on invoices")}

<.input type="text" name="bank_name" value={@bank_name} label={gettext("Bank Name")} placeholder={gettext("Bank Name")} />
<%!-- Row: IBAN + SWIFT --%>
<.input type="text" name="bank_iban" value={@bank_iban} label={gettext("IBAN")} placeholder="EE00 0000 0000 0000 0000" class="font-mono" />
<.input type="text" name="bank_swift" value={@bank_swift} label={gettext("SWIFT/BIC")} placeholder="XXXXEEHH" class="font-mono" />
<%!-- Tax Settings --%>

<.icon name="hero-receipt-percent" class="w-5 h-5" /> {gettext("Tax Settings")}

{gettext("Default tax rate applied across Billing and Shop modules")}

<%!-- Row: Enable Tax + Tax Rate --%>
<.checkbox name="tax_enabled" checked={@tax_enabled}> {gettext("Enable Tax")}
<.input type="number" name="tax_rate" value={@tax_rate} min="0" max="100" step="0.01" class="join-item w-24 font-mono" wrapper_class="contents" phx-change="tax_rate_changed" phx-debounce="300" /> %
<%= if @suggested_tax_rate do %>
<.icon name="hero-light-bulb" class="w-4 h-4" /> {gettext("Standard rate for your country: %{rate}%", rate: @suggested_tax_rate )}
<% end %>
<%!-- Site URL (from General Settings) --%>

<.icon name="hero-globe-alt" class="w-5 h-5" /> {gettext("Site URL")}

<.link navigate={ PhoenixKit.Utils.Routes.path("/admin/settings", locale: @current_locale_base) } class="btn btn-sm btn-primary" > <.icon name="hero-pencil-square" class="w-4 h-4" /> {gettext("Edit in General")}

{gettext("Used in legal documents and sitemap generation")}

<%= if @site_url != "" do %>
<.icon name="hero-globe-alt" class="w-5 h-5 text-primary" /> {@site_url}
<% else %>
<.icon name="hero-globe-alt" class="w-5 h-5" /> {gettext("Not configured")}
<% end %>
<%!-- Info Alert --%>
<.icon name="hero-information-circle" class="w-6 h-6" />

{gettext("Shared across modules")}

{gettext( "Company info, tax settings, and bank details are shared across Legal, Billing, and Shop modules." )}