<div class="payment-methods">
    @foreach ($gateways as $gateway)
        <div class="payment-method"
             :class="{ selected: paymentMethod === '{{ $gateway['id'] }}' }"
             @click="paymentMethod = '{{ $gateway['id'] }}'"
             data-method="{{ $gateway['id'] }}">

            <div class="payment-method-header">
                <div class="payment-radio"></div>
                <div>
                    <h3 class="payment-method-title">{{ $gateway['name'] }}</h3>
                    <p class="payment-method-description">
                        {{ __('checkout.Pay using :name', ['name' => $gateway['name']]) }}
                    </p>
                </div>
            </div>

            <!-- Gateway specific form (shown only if selected) -->
            <div class="payment-form" v-if="paymentMethod === '{{ $gateway['id'] }}'">
                @include('core.payment_forms.' . $gateway['id'], $gateway['formParams'])
            </div>
        </div>
    @endforeach
</div>
