@php
    $rewardMethods = collect($paymentMethods)->filter(function($paymentMethod) {
        return (bool) ($paymentMethod->payments_is_discount ?? false);
    });

    $rewardBalanceOf = function($paymentMethod) use ($customer_points_value, $customers_wallet, $customers_store_credit) {
        if ($paymentMethod->payments_slug == 'points') return $customer_points_value ?? 0;
        if ($paymentMethod->payments_slug == 'wallet') return $customers_wallet ?? 0;
        if ($paymentMethod->payments_slug == 'store_credit') return $customers_store_credit ?? 0;
        return null;
    };

    $activeRewardPaymentOf = function($paymentMethod) use ($order) {
        if (!isset($order->orders_payments)) return null;
        foreach ($order->orders_payments as $order_payment) {
            if ($order_payment->orders_payments_slug == $paymentMethod->payments_slug
                && ($order_payment->orders_payments_status != 'pending' || in_array($order_payment->orders_payments_slug, ['cash','bank_transfer']))) {
                return $order_payment;
            }
        }
        return null;
    };

    $totalRewardsBalance = $rewardMethods->sum(fn($m) => $rewardBalanceOf($m) ?? 0);

    $activeRewards = $rewardMethods->map(function($m) use ($activeRewardPaymentOf) {
        $payment = $activeRewardPaymentOf($m);
        return $payment ? ['method' => $m, 'payment' => $payment] : null;
    })->filter()->values();

    $activeRewardIds = $activeRewards->pluck('payment.orders_payments_id')->values();
    $activeRewardsTotal = $activeRewards->sum(fn($r) => $r['payment']->orders_payments_amount);
    $activeRewardNames = $activeRewards->pluck('method.payments_name')->values();
    if ($activeRewardNames->count() <= 1) {
        $activeRewardNamesJoined = $activeRewardNames->first();
    } else {
        $activeRewardNamesJoined = $activeRewardNames->slice(0, -1)->implode(', ') . ' ' . __('lang.and') . ' ' . $activeRewardNames->last();
    }

    $pointsPer100Rate = ($customers_discount_points ?? 0) > 0 ? (($customer_points_value ?? 0) / $customers_discount_points) * 100 : 0;
@endphp
@if($rewardMethods->count() > 0)
@push('css')
<style>
    /* Theme-colored switch, without the plain-checkbox width/height override
       that .custom-check-input carries (that override was turning this pill
       toggle into a square/circle that looked like a radio button). */
    .reward-toggle .form-check-input:checked {
        background-color: var(--background_1);
        border-color: var(--background_1);
    }
    /* Bootstrap's default switch is quite small at this font size -- scale the
       whole control up (width follows height at a fixed 2:1 ratio via
       background-size, so setting height alone keeps the pill proportioned). */
    .reward-toggle .form-check-input {
        height: 1.5rem;
        width: 2.75rem;
    }
    .reward-locked { opacity: .5; }
</style>
@endpush
<hr>
<div>
    <div class="mb-2">
        <div class=" font-20 {{ $account->accounts_website_theme == 'theme6' ? 'text_4' : 'text_1' }}">{{ __('lang.useMyRewards') }}</div>
        <div class="font-14 text_4">{{ __('lang.yourRewardsTotal', ['value'=> format_price($totalRewardsBalance,$account->accounts_number_decimal_digits)]) }}</div>
        @if(!empty($locked))
            <div class="font-13 text_4 mt-1"><i class="fas fa-lock"></i> {{ __('lang.paymentLockedHint') }}</div>
        @endif
    </div>

    <div class="border-1 cart-border-radius px-2">
        @foreach ($rewardMethods as $paymentMethod)
            @php
                $balanceValue = $rewardBalanceOf($paymentMethod);
                $activePayment = $activeRewardPaymentOf($paymentMethod);
                $canUse = $activePayment || $balanceValue === null || $balanceValue > 0;
            @endphp
            <div class="d-flex align-items-center justify-content-between py-2 {{ !$loop->last ? 'border-bottom' : '' }}">
                <div>
                    <div class="font-16 fb-500 {{ $account->accounts_website_theme == 'theme6' ? 'text_4' : 'text_1' }}">{{ $paymentMethod->payments_name }}</div>
                    @if($balanceValue !== null)
                        <div class="font-14 text_4">
                            @if($paymentMethod->payments_slug == 'points')
                                {{ __('lang.yourPointsRewardDetail', [
                                    'points' => (int)($customers_discount_points ?? 0),
                                    'value' => format_price($balanceValue,$account->accounts_number_decimal_digits),
                                    'rate' => format_price($pointsPer100Rate,$account->accounts_number_decimal_digits),
                                ]) }}
                            @else
                                {{ __('lang.yourRewardBalance', ['value'=> format_price($balanceValue,$account->accounts_number_decimal_digits)]) }}
                            @endif
                        </div>
                    @endif
                </div>
                @if(!empty($locked))
                    {{-- No order yet: show the switch but explain what is missing instead of using it --}}
                    <div class="form-check form-switch reward-toggle reward-locked m-0 cursor-pointer" onclick="window.showOrderBlocker && window.showOrderBlocker()">
                        <input class="form-check-input" type="checkbox" role="switch" tabindex="-1" style="pointer-events: none;">
                    </div>
                @else
                <div class="form-check form-switch reward-toggle m-0">
                    <input class="form-check-input" type="checkbox" role="switch"
                        {{ $activePayment ? 'checked' : '' }}
                        {{ (!$canUse) ? 'disabled' : '' }}
                        :class="{ 'disabled': processingPayment == '{{ $paymentMethod->payments_id }}' }"
                        @change="processingPayment ? null : toggleReward($event, '{{ $paymentMethod->payments_id }}', '{{ $paymentMethod->payments_slug }}', {{ $activePayment ? $activePayment->orders_payments_id : 'null' }})">
                </div>
                @endif
            </div>
        @endforeach
    </div>

    @if($activeRewards->count() > 0)
        <div class="font-14 text-success mt-2 d-flex align-items-center justify-content-between">
            <span>
                <i class="fas fa-check-circle"></i>
                {{ __('lang.rewardsSavedUsing', [
                    'value' => format_price($activeRewardsTotal,$account->accounts_number_decimal_digits),
                    'methods' => $activeRewardNamesJoined,
                ]) }}
            </span>
            <button type="button" class="border-0 bg-transparent p-0 text_5 font-14" @click="refund('2', {{ json_encode($activeRewardIds) }})">
                <i class="polaris-max-icon-trash"></i> {{ __('lang.delete') }}
            </button>
        </div>
    @endif
</div>
@endif