{{ header }}
<div id="root">

  <validation-observer ref="validationObserver" tag="div" v-slot="{ handleSubmit }">

      <base-alert
        v-show="alert.type"
        :apperance="alert.type"
        @close="alert = {}">
        <span v-text="alert.message"></span>
      </base-alert>

  <section class="container-fluid" id="pagesuccess">
    {{ breadcrumbs }}
    <div class="row">
      <div class="col-xs-12">
        <h2 class="heading-1 vertical-middle"> {{ heading_title }} </h2>
      </div>
    </div>
    <div class="row">
      <div class="col-xs">
        <div class="content-box border-gray padding-x-large svn-teste-sucesso">
          <h2 class="heading-2">{{ entry_info_validate }}</h2>
          <p class="top-margin-small text-medium bottom-margin-medium">{{ entry_login }}</p>
          <form
            ref="form"
            @submit.prevent="handleSubmit(onSubmit)"
            :action="action"
            method="post"
          >
            <validation-provider
              tag="div"
              class="top-margin-medium"
              name="email"
              rules="required"
              v-slot="{ errors, valid }"
            >
                <base-input
                  type="text"
                  name="email"
                  v-model="email"
                  :label="entry_email"
                  :placeholder="entry_email_placeholder"
                  :error="errors[0]"
                  :valid="valid"
                  :disabled="disableForm"
                >
                </base-input>
            </validation-provider>

            <button type="submit" class="btn-default btn-medium top-margin-medium fa-stack-1x">
              <span>Enviar</span>
            </button>
          </form>
        </div>
      </div>
    </div>
  </section>

  </validation-observer>

</div>

<script >
  const DATA = {{ data|json_encode() }};
</script>

{{ footer }}