<form data-vv-scope="payment-form" >
    <h2 class="form-title">{{ __('shop::app.checkout.onepage.payment-methods') }}</h2>
    <div class="form-inner">
        @foreach ($paymentMethods as $payment)
            <label class="method">
                <div class="method-title">
                    <span>{{ $payment['method_title'] }}</span>
                    <input v-validate="'required'" type="radio" id="{{ $payment['method'] }}" name="payment[method]"
                           value="{{ $payment['method'] }}" v-model="payment.method" @change="methodSelected()"
                           data-vv-as="&quot;{{ __('shop::app.checkout.onepage.payment-method') }}&quot;"
                           class="checkbox checkbox_2">
                </div>
                <h3 class="method-value">
                    {{ $payment['description'] }}
                </h3>
                @if (! empty($additionalDetails))
                    <div class="instructions" v-show="payment.method == '{{$payment['method']}}'">
                        <label>{{ $additionalDetails['title'] }}</label>
                        <p>{{ $additionalDetails['value'] }}</p>
                    </div>
                @endif
            </label>

        @endforeach
        <div class="control-group" :class="[errors.has('payment-form.payment[method]') ? 'has-error' : '']">
            <span class="control-error" v-if="errors.has('payment-form.payment[method]')">
                    @{{ errors.first('payment-form.payment[method]') }}
            </span>

        </div>
    </div>

</form>