{{--
    Billing's contribution to the settings screen.

    Rendered into the `settings.tab.payment_methods` slot. The Settings module
    knows nothing about this file or about payment methods — remove Billing and
    the tab disappears with it.

    Two panels rather than one, matching the other settings tabs: what exists,
    then what can be added. The add form is a separate panel because it is a
    different action, and folding it under the table made the table look like it
    had an editable last row.
--}}
@php
    $methods = \App\Modules\Billing\Models\PaymentMethod::query()
        ->orderBy('sort_order')
        ->orderBy('name')
        ->get();

    // Icons carry the same information as the name, for the reader scanning
    // rather than reading. Matched on the code because that is the stable
    // identifier; an unrecognised method gets the neutral one rather than a
    // wrong guess.
    $icons = [
        'cash' => 'bi-cash-stack',
        'card' => 'bi-credit-card',
        'transfer' => 'bi-bank',
        'bank' => 'bi-bank',
        'cheque' => 'bi-receipt',
        'check' => 'bi-receipt',
        'online' => 'bi-globe',
        'wallet' => 'bi-phone',
    ];
@endphp

<div class="px-panel p-3 p-md-4 mb-3">
    <div class="d-flex flex-wrap justify-content-between align-items-start gap-2 mb-4 pb-3 border-bottom"
         style="border-color: var(--px-border) !important;">
        <div>
            <h2 class="h6 fw-semibold mb-1">{{ __('settings::messages.payment_methods.heading') }}</h2>
            <p class="px-subtitle mb-0">{{ __('billing::messages.payment_methods.intro') }}</p>
        </div>

        @if ($methods->isNotEmpty())
            <span class="px-chip">
                {{ trans_choice('billing::messages.payment_methods.active_count', $methods->where('is_active', true)->count(), [
                    'count' => $methods->where('is_active', true)->count(),
                    'total' => $methods->count(),
                ]) }}
            </span>
        @endif
    </div>

    @if ($methods->isEmpty())
        <div class="px-empty py-4">
            <div class="px-empty__art" aria-hidden="true">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
                     stroke-linecap="round" stroke-linejoin="round">
                    <rect x="2" y="6" width="20" height="12" rx="2" />
                    <path d="M2 10h20M6 14h4" />
                </svg>
            </div>

            <p class="px-empty__title">{{ __('billing::messages.payment_methods.none') }}</p>
            <p class="px-empty__text mb-0">{{ __('billing::messages.payment_methods.none_text') }}</p>
        </div>
    @else
        <div class="table-responsive">
            <table class="table px-table align-middle mb-0">
                <thead>
                    <tr>
                        <th scope="col">{{ __('billing::messages.payment_methods.name') }}</th>
                        <th scope="col">{{ __('billing::messages.payment_methods.code') }}</th>
                        <th scope="col">{{ __('billing::messages.payment_methods.drawer') }}</th>
                        <th scope="col">{{ __('billing::messages.payment_methods.reference') }}</th>
                        <th scope="col">{{ __('common.status') }}</th>
                        @if ($canUpdate)<th scope="col" class="text-end">{{ __('common.actions') }}</th>@endif
                    </tr>
                </thead>
                <tbody>
                    @foreach ($methods as $method)
                        <tr @class(['text-body-secondary' => ! $method->is_active])>
                            <td>
                                <span class="d-inline-flex align-items-center gap-2">
                                    <span class="px-method-icon" aria-hidden="true">
                                        <i class="bi {{ $icons[$method->code] ?? 'bi-wallet2' }}"></i>
                                    </span>
                                    <span class="fw-medium">{{ $method->name }}</span>
                                </span>
                            </td>

                            <td><code class="small">{{ $method->code }}</code></td>

                            {{-- Yes is the notable answer on both of these
                                 columns, so only Yes gets a chip; a page of
                                 chips reading "No" is noise the eye has to
                                 filter before it finds the ones that matter. --}}
                            <td>
                                @if ($method->affects_cash_drawer)
                                    <span class="px-chip">{{ __('common.yes') }}</span>
                                @else
                                    <span class="small text-body-secondary">{{ __('common.no') }}</span>
                                @endif
                            </td>

                            <td>
                                @if ($method->requires_reference)
                                    <span class="px-chip">{{ __('common.yes') }}</span>
                                @else
                                    <span class="small text-body-secondary">{{ __('common.no') }}</span>
                                @endif
                            </td>

                            <td>
                                <span class="px-pill {{ $method->is_active ? 'px-pill--green' : 'px-pill--grey' }}">
                                    {{ $method->is_active ? __('common.active') : __('common.inactive') }}
                                </span>
                            </td>

                            @if ($canUpdate)
                                <td class="text-end">
                                    {{-- Deactivate, never delete: a payment row points at
                                         the method it was taken with, and removing it
                                         turns historical receipts into dangling
                                         references. --}}
                                    <form method="POST" action="{{ route('billing.payment-methods.toggle', $method) }}" class="d-inline">
                                        @csrf
                                        @method('PATCH')
                                        <button type="submit" class="btn btn-sm px-btn-ghost">
                                            {{ $method->is_active ? __('common.deactivate') : __('common.activate') }}
                                        </button>
                                    </form>
                                </td>
                            @endif
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
</div>

@if ($canUpdate)
    <div class="px-panel p-3 p-md-4">
        <h3 class="h6 fw-semibold mb-4 pb-3 border-bottom"
            style="border-color: var(--px-border) !important;">
            {{ __('billing::messages.payment_methods.add') }}
        </h3>

        <form method="POST" action="{{ route('billing.payment-methods.store') }}">
            @csrf

            <div class="row g-3">
                <div class="col-12 col-md-4">
                    <label for="pm_name" class="px-field-label">{{ __('billing::messages.payment_methods.name') }}</label>
                    <input type="text" id="pm_name" name="name" required value="{{ old('name') }}"
                           placeholder="{{ __('billing::messages.payment_methods.name_placeholder') }}"
                           class="form-control px-input @error('name') is-invalid @enderror">
                    @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="col-12 col-md-4">
                    <label for="pm_code" class="px-field-label">{{ __('billing::messages.payment_methods.code') }}</label>
                    <input type="text" id="pm_code" name="code" required value="{{ old('code') }}"
                           placeholder="card"
                           class="form-control px-input font-monospace @error('code') is-invalid @enderror">
                    <span class="px-hint">{{ __('billing::messages.payment_methods.code_help') }}</span>
                    @error('code')<div class="d-block invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="col-12 col-md-4">
                    <span class="px-field-label">{{ __('billing::messages.payment_methods.behaviour') }}</span>

                    <div class="form-check">
                        <input type="checkbox" id="pm_drawer" name="affects_cash_drawer" value="1"
                               class="form-check-input" @checked(old('affects_cash_drawer'))>
                        <label for="pm_drawer" class="form-check-label small">{{ __('billing::messages.payment_methods.drawer') }}</label>
                    </div>

                    <div class="form-check">
                        <input type="checkbox" id="pm_reference" name="requires_reference" value="1"
                               class="form-check-input" @checked(old('requires_reference'))>
                        <label for="pm_reference" class="form-check-label small">{{ __('billing::messages.payment_methods.reference') }}</label>
                    </div>

                    <div class="form-check">
                        <input type="checkbox" id="pm_active" name="is_active" value="1"
                               class="form-check-input" @checked(old('is_active', true))>
                        <label for="pm_active" class="form-check-label small">{{ __('common.active') }}</label>
                    </div>
                </div>
            </div>

            <div class="mt-4">
                <button type="submit" class="btn px-btn-primary">
                    {{ __('billing::messages.payment_methods.add') }}
                </button>
            </div>
        </form>
    </div>
@endif