Packages

phoenix_kit

1.7.21
1.7.208 1.7.207 1.7.206 1.7.205 1.7.204 1.7.203 1.7.202 1.7.201 1.7.200 1.7.199 1.7.198 1.7.197 1.7.196 1.7.194 1.7.193 1.7.192 1.7.191 1.7.190 1.7.189 1.7.187 1.7.186 1.7.185 1.7.184 1.7.183 1.7.182 1.7.181 1.7.180 1.7.179 1.7.178 1.7.177 1.7.176 1.7.175 1.7.174 1.7.173 1.7.172 1.7.171 1.7.170 1.7.169 1.7.168 1.7.167 1.7.166 1.7.165 1.7.164 1.7.162 1.7.161 1.7.160 1.7.159 1.7.157 1.7.156 1.7.155 1.7.154 1.7.153 1.7.152 1.7.151 1.7.150 1.7.149 1.7.146 1.7.145 1.7.144 1.7.143 1.7.138 1.7.133 1.7.132 1.7.131 1.7.130 1.7.128 1.7.126 1.7.125 1.7.121 1.7.120 1.7.119 1.7.118 1.7.117 1.7.116 1.7.115 1.7.114 1.7.113 1.7.112 1.7.111 1.7.110 1.7.109 1.7.108 1.7.107 1.7.106 1.7.105 1.7.104 1.7.103 1.7.102 1.7.101 1.7.100 1.7.99 1.7.98 1.7.97 1.7.96 1.7.95 1.7.94 1.7.93 1.7.92 1.7.91 1.7.90 1.7.89 1.7.88 1.7.87 1.7.86 1.7.85 1.7.84 1.7.83 1.7.82 1.7.81 1.7.80 1.7.79 1.7.78 1.7.77 1.7.76 1.7.75 1.7.74 1.7.71 1.7.70 1.7.69 1.7.66 1.7.65 1.7.64 1.7.63 1.7.62 1.7.61 1.7.59 1.7.58 1.7.57 1.7.56 1.7.55 1.7.54 1.7.53 1.7.52 1.7.51 1.7.49 1.7.44 1.7.43 1.7.42 1.7.41 1.7.39 1.7.38 1.7.37 1.7.36 1.7.34 1.7.33 1.7.31 1.7.30 1.7.29 1.7.28 1.7.27 1.7.26 1.7.25 1.7.24 1.7.23 1.7.22 1.7.21 1.7.20 1.7.19 1.7.18 1.7.17 1.7.16 1.7.15 1.7.14 1.7.13 1.7.12 1.7.11 1.7.10 1.7.9 1.7.8 1.7.7 1.7.6 1.7.5 1.7.4 1.7.3 1.7.2 1.7.1 1.7.0 1.6.20 1.6.19 1.6.18 1.6.17 1.6.16 1.6.15 1.6.14 1.6.13 1.6.12 1.6.11 1.6.10 1.6.9 1.6.8 1.6.7 1.6.6 1.6.5 1.6.4 1.6.3 1.5.2 1.5.1 1.5.0 1.4.9 1.4.8 1.4.7 1.4.6 1.4.5 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0 1.3.2 1.3.1 1.3.0 1.2.10 1.2.9 1.2.8 1.2.7 1.2.5 1.2.4 1.2.2 1.2.1 1.2.0 1.1.0 1.0.0

A foundation for building Elixir Phoenix apps — SaaS, social networks, ERP systems, marketplaces, and more

HexDocs

Current section

Files

Jump to
Readme
222 Versions
37 Dependencies
Dependants
Files
Activity
phoenix_kit lib modules billing web currencies.html.heex
Raw

lib/modules/billing/web/currencies.html.heex 

<PhoenixKitWeb.Components.LayoutWrapper.app_layout

  flash={@flash}

  phoenix_kit_current_scope={assigns[:phoenix_kit_current_scope]}

  page_title="{@project_title} Currencies"

  current_path={@url_path}

  project_title={@project_title}

>

  <div class="container mx-auto px-4 py-6">

    <%!-- Header --%>

    <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-6 gap-4">

      <div class="flex items-center gap-4">

        <.link

          navigate={PhoenixKit.Utils.Routes.path("/admin/billing")}

          class="btn btn-ghost btn-sm"

        >

          <.icon name="hero-arrow-left" class="w-4 h-4" />

        </.link>

        <div>

          <h1 class="text-3xl font-bold">Currencies</h1>

          <p class="text-base-content/60 mt-1">Manage supported currencies for billing</p>

        </div>

      </div>

      <button phx-click="refresh" class="btn btn-ghost btn-sm">

        <.icon name="hero-arrow-path" class="w-4 h-4" /> Refresh

      </button>

    </div>



    <%!-- Navigation Tabs --%>

    <div class="tabs tabs-boxed bg-base-200 p-1 mb-6">

      <.link

        navigate={PhoenixKit.Utils.Routes.path("/admin/settings/billing")}

        class="tab"

      >

        <.icon name="hero-cog-6-tooth" class="w-4 h-4 mr-2" /> General

      </.link>

      <.link

        navigate={PhoenixKit.Utils.Routes.path("/admin/settings/billing/providers")}

        class="tab"

      >

        <.icon name="hero-credit-card" class="w-4 h-4 mr-2" /> Payment Providers

      </.link>

      <.link

        navigate={PhoenixKit.Utils.Routes.path("/admin/billing/currencies")}

        class="tab tab-active"

      >

        <.icon name="hero-currency-dollar" class="w-4 h-4 mr-2" /> Currencies

      </.link>

      <.link

        navigate={PhoenixKit.Utils.Routes.path("/admin/billing/plans")}

        class="tab"

      >

        <.icon name="hero-clipboard-document-list" class="w-4 h-4 mr-2" /> Plans

      </.link>

    </div>



    <%!-- Currencies Table --%>

    <div class="card bg-base-100 shadow-xl">

      <div class="card-body p-0">

        <%= if @loading do %>

          <div class="flex justify-center items-center py-12">

            <span class="loading loading-spinner loading-lg"></span>

          </div>

        <% else %>

          <%= if Enum.empty?(@currencies) do %>

            <div class="text-center py-12">

              <.icon

                name="hero-currency-dollar"

                class="w-16 h-16 mx-auto mb-4 text-base-content/30"

              />

              <h3 class="text-xl font-semibold mb-2">No currencies configured</h3>

              <p class="text-base-content/60">

                Run the billing migration to seed default currencies

              </p>

            </div>

          <% else %>

            <div class="overflow-x-auto">

              <table class="table">

                <thead>

                  <tr>

                    <th>Currency</th>

                    <th>Symbol</th>

                    <th>Decimal Places</th>

                    <th>Exchange Rate</th>

                    <th>Status</th>

                    <th>Default</th>

                    <th class="text-right">Actions</th>

                  </tr>

                </thead>

                <tbody>

                  <%= for currency <- @currencies do %>

                    <tr class="hover">

                      <td>

                        <div class="flex items-center gap-3">

                          <div class="font-mono text-lg font-bold">{currency.code}</div>

                          <div class="text-sm text-base-content/60">{currency.name}</div>

                        </div>

                      </td>

                      <td>

                        <span class="text-xl font-bold">{currency.symbol}</span>

                      </td>

                      <td>{currency.decimal_places}</td>

                      <td>

                        <%= if currency.is_default do %>

                          <span class="badge badge-ghost">Base</span>

                        <% else %>

                          <span class="font-mono">

                            {Decimal.to_string(currency.exchange_rate)}

                          </span>

                        <% end %>

                      </td>

                      <td>

                        <label class="cursor-pointer">

                          <input

                            type="checkbox"

                            class="toggle toggle-success toggle-sm"

                            checked={currency.enabled}

                            phx-click="toggle_enabled"

                            phx-value-id={currency.id}

                          />

                        </label>

                      </td>

                      <td>

                        <%= if currency.is_default do %>

                          <span class="badge badge-primary">Default</span>

                        <% else %>

                          <%= if currency.enabled do %>

                            <button

                              phx-click="set_default"

                              phx-value-id={currency.id}

                              class="btn btn-ghost btn-xs"

                            >

                              Set Default

                            </button>

                          <% end %>

                        <% end %>

                      </td>

                      <td class="text-right">

                        <div class="dropdown dropdown-end">

                          <label tabindex="0" class="btn btn-ghost btn-sm btn-square">

                            <.icon name="hero-ellipsis-vertical" class="w-5 h-5" />

                          </label>

                          <ul

                            tabindex="0"

                            class="dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52"

                          >

                            <li>

                              <button phx-click="toggle_enabled" phx-value-id={currency.id}>

                                <%= if currency.enabled do %>

                                  <.icon name="hero-x-circle" class="w-4 h-4" /> Disable

                                <% else %>

                                  <.icon name="hero-check-circle" class="w-4 h-4" /> Enable

                                <% end %>

                              </button>

                            </li>

                            <%= if !currency.is_default and currency.enabled do %>

                              <li>

                                <button phx-click="set_default" phx-value-id={currency.id}>

                                  <.icon name="hero-star" class="w-4 h-4" /> Set as Default

                                </button>

                              </li>

                            <% end %>

                          </ul>

                        </div>

                      </td>

                    </tr>

                  <% end %>

                </tbody>

              </table>

            </div>

          <% end %>

        <% end %>

      </div>

    </div>



    <%!-- Info Card --%>

    <div class="alert alert-info mt-6">

      <.icon name="hero-information-circle" class="w-5 h-5" />

      <div>

        <h3 class="font-bold">Currency Configuration</h3>

        <p class="text-sm">

          The default currency is used for all new orders. Exchange rates are relative to the default currency (base rate = 1.0).

          Enable only the currencies you plan to accept for billing.

        </p>

      </div>

    </div>

  </div>

</PhoenixKitWeb.Components.LayoutWrapper.app_layout>