{{- /* payment-table.html — renders data/payment_methods.yaml.
       Call with (dict "page" . "locale" "<optional locale>").
       - If "locale" is given, methods are filtered server-side to that market.
       - Otherwise ALL methods render, and each row carries data-locales so the
         locale switcher can show/hide rows for the visitor's selected region. */ -}}
{{- $page := .page -}}
{{- $brand := $page.Site.Data.brand -}}
{{- $methods := $page.Site.Data.payment_methods -}}
{{- $locale := .locale -}}
{{- if $locale -}}
  {{- $f := slice -}}
  {{- range $methods -}}{{ if in .availableLocales $locale }}{{ $f = $f | append . }}{{ end }}{{- end -}}
  {{- $methods = $f -}}
{{- end -}}

{{- $curr := "£" -}}
{{- with where $page.Site.Data.locales "locale" $brand.defaultLocale -}}{{- $curr = (index . 0).currencySymbol -}}{{- end -}}

<div class="overflow-x-auto">
  <table class="data-table">
    <thead>
      <tr>
        <th scope="col">Method</th>
        <th scope="col">Type</th>
        <th scope="col">Min. deposit</th>
        <th scope="col">Max. deposit</th>
        <th scope="col">Processing time</th>
        <th scope="col">Fees</th>
      </tr>
    </thead>
    <tbody>
      {{- range $methods -}}
        <tr data-payment-row data-locales="{{ delimit .availableLocales "," }}">
          <th scope="row" class="font-medium">
            <span class="flex items-center gap-2">
              <img src="{{ .logoPath | relURL }}" alt="{{ .name }} logo" width="40" height="24" loading="lazy" class="h-6 w-auto rounded-sm border border-secondary/10">
              {{ .name }}
            </span>
          </th>
          <td><span class="badge-muted capitalize">{{ .type }}</span></td>
          <td><span data-locale-currency>{{ $curr }}</span>{{ .minDeposit }}</td>
          <td><span data-locale-currency>{{ $curr }}</span>{{ .maxDeposit }}</td>
          <td>{{ .processingTime }}</td>
          <td>{{ .fees }}</td>
        </tr>
      {{- end -}}
    </tbody>
  </table>
</div>
<p class="mt-2 text-xs text-secondary/70">Availability and limits vary by region and are shown for your selected market. Select your region in the header to update this table.</p>