<form data-vv-scope="shipping-form">
    <h2 class="form-title">{{ __('shop::app.checkout.onepage.shipping-method') }}</h2>
    <div class="form-inner">

        @foreach ($shippingRateGroups as $rateGroup)

            @foreach ($rateGroup['rates'] as $rate)
                <label class="method">
                    <div class="method-title">
                        <span>{{ $rate->method_title }}</span>
                        <input v-validate="'required'" type="radio" class="checkbox checkbox_1" id="{{ $rate->method }}"
                               name="shipping_method"
                               data-vv-as="&quot;{{ __('shop::app.checkout.onepage.shipping-method') }}&quot;"
                               value="{{ $rate->method }}"
                               v-model="selected_shipping_method"
                               @change="methodSelected()">
                    </div>
                    <h3 class="method-value">
                        {{$rate->method_description}}
                    </h3>
                </label>


            @endforeach

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

</form>