<div class="row" id="{{ verification_type }}AccountVerify" v-if="basket.verify_{{ verification_type }}">
    <div class="row"
         v-bind:class="{
                'successWrap': code_sent.{{ verification_type }} == true || already_verified.{{ verification_type }}
             }"
    >
        <button type="submit"
                id="{{ verification_type }}SendVerificationCode"
                @click.prevent="sendVerificationCode('{{ verification_type }}')"
                class="button"
        >
            Click here to verify your {{ verification_type }}
        </button>

        <div class="validationMessage"
             v-if="hasField('messages.account_verifier.{{ verification_type }}.sent')"
        >
            <span>[% messages.account_verifier.{{ verification_type }}.sent %]</span>
        </div>
    </div>
    <div class="row"
         v-bind:class="{
            'errorWrap showError': hasField('errors.account_verifier.{{ verification_type }}')
        }"
         v-if="code_sent.{{ verification_type }} == true"
    >
        <label for="billingAddressSearch">
            Verification Code
        </label>

        <div class="inputWrap buttonInline">

            <input
                    type="text"
                    name="verification_{{ verification_type }}"
                    id="verification{{ verification_type }}"
                    v-on:focus="clearError('errors.account_verifier.{{ verification_type }}')"
                    v-model="account_verifier.code.{{ verification_type }}"
                    class="text"
            />

            <button type="submit"
                    id="{{ verification_type }}VerificationCodeSubmit"
                    @click.prevent="verifyAccount('{{ verification_type }}')"
                    name="submit[verification_{{ verification_type }}]"
                    class="button"
            >
                Verify {{ verification_type }}
            </button>

        </div> <!-- .inputWrap -->

        <div class="validationMessage"
             v-if="hasField('errors.account_verifier.{{ verification_type }}')"
        >
            <span>[% errors.account_verifier.{{ verification_type }} %]</span>
        </div>

    </div>
</div>
<div class="row successWrap"
     v-show="account_verifier.verified.{{ verification_type }} == true"
>
    <div class="validationMessage"
         v-if="hasField('messages.account_verifier.{{ verification_type }}.verified')"
    >
        <span>[% messages.account_verifier.{{ verification_type }}.verified %]</span>
    </div>
</div>