<commit_before><template>
  <div>
    <mew6-flexible-btn>
      <div class="subtitle-1 font-weight-bold grey--text">STEP 2.</div>
      <div class="headline font-weight-bold mb-5">Verification</div>
      <v-row class="align-stretch">
        <v-col v-for="d in warningData" :key="d.key">
          <div class="warning-box border-radius--10px pa-6 text-center">
            <v-img
              :src="d.img"
              max-width="63px"
              max-height="76px"
              class="mx-auto mb-4"
            />
            <div class="subtitle-1 font-weight-medium mb-1">
              {{ d.title }}
            </div>
            <div>{{ d.description }}</div>
          </div>
        </v-col>
      </v-row>
      <div class="d-flex justify-center mt-6">
        <mew6-std-btn
          size="x-large"
          buttonclass="button--green"
          @click.native="linkToStep(3)"
        >
          Acknowledge &amp; Download
        </mew6-std-btn>
      </div>
    </mew6-flexible-btn>
    <mew6-warning-not-recommended class="mt-6" />
  </div>
</template>

<script>
export default {
  components: {},
  data: () => ({
    warningData: [
      {
        img: require('@/assets/images/icons/icon-paper-plane-mew.svg'),
        title: "Don't lose it",
        description: 'Be careful, it can not be recovered if you lose it.'
      },
      {
        img: require('@/assets/images/icons/icon-money-bag-mew.svg'),
        title: "Don't share it",
        description:
          'Your funds will be stolen if you use this file on a malicious phishing site.'
      },
      {
        img: require('@/assets/images/icons/icon-copy-mew.svg'),
        title: 'Make a backup',
        description:
          'Secure it like the millions of dollars it may one day be worth.'
      }
    ]
  }),
  methods: {
    linkToStep(step) {
      this.$router.push({
        path: '/create-wallet/mnemonic',
        query: { step: step }
      });
    }
  }
};
</script>

<style lang="scss" scoped>
.warning-box {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  height: 100%;
}
</style>
<commit_msg>Update Mnemonic phrase step 2<commit_after><template>
  <div>
    <mew6-flexible-btn>
      <div class="subtitle-1 font-weight-bold grey--text">STEP 2.</div>
      <div class="mb-10">
        <div class="headline font-weight-bold">Verification</div>
        <div>
          Please select the correct words based on their numbers, and enter the
          extra word if you have one.
        </div>
      </div>

      <v-sheet max-width="600px" class="mx-auto">
        <PhraseBlock class="mb-2 d-flex align-center">
          <div style="min-width: 60px;">5.</div>
          <v-radio-group
            v-model="radioGroup"
            hide-details
            class="width--100-percent"
          >
            <v-row>
              <v-col v-for="n in 3" :key="n" lg="4">
                <v-radio :label="`Radio ${n}`" :value="n"></v-radio>
              </v-col>
            </v-row>
          </v-radio-group>
        </PhraseBlock>
        <PhraseBlock class="mb-2 d-flex align-center">
          <div style="min-width: 60px;">5.</div>
          <v-radio-group
            v-model="radioGroup"
            hide-details
            class="width--100-percent"
          >
            <v-row>
              <v-col v-for="n in 3" :key="n" lg="4">
                <v-radio :label="`Radiaaaao ${n}`" :value="n"></v-radio>
              </v-col>
            </v-row>
          </v-radio-group>
        </PhraseBlock>
        <PhraseBlock class="mb-2 d-flex align-center">
          <div style="min-width: 60px;">5.</div>
          <v-radio-group
            v-model="radioGroup"
            hide-details
            class="width--100-percent"
          >
            <v-row>
              <v-col v-for="n in 3" :key="n" lg="4">
                <v-radio :label="`Radiaaaao ${n}`" :value="n"></v-radio>
              </v-col>
            </v-row>
          </v-radio-group>
        </PhraseBlock>
        <v-text-field
          class="mt-10"
          value=""
          placeholder="Please confirm your extra word"
          label="Extra word"
          outlined
        ></v-text-field>
      </v-sheet>

      <div class="d-flex justify-center mt-6">
        <mew6-std-btn @click.native="linkToStep(3)">
          Verify
        </mew6-std-btn>
      </div>
    </mew6-flexible-btn>
    <mew6-warning-not-recommended class="mt-6" />
  </div>
</template>

<script>
import PhraseBlock from '../PhraseBlock';

export default {
  components: { PhraseBlock },
  data: () => ({
    warningData: [
      {
        img: require('@/assets/images/icons/icon-paper-plane-mew.svg'),
        title: "Don't lose it",
        description: 'Be careful, it can not be recovered if you lose it.'
      },
      {
        img: require('@/assets/images/icons/icon-money-bag-mew.svg'),
        title: "Don't share it",
        description:
          'Your funds will be stolen if you use this file on a malicious phishing site.'
      },
      {
        img: require('@/assets/images/icons/icon-copy-mew.svg'),
        title: 'Make a backup',
        description:
          'Secure it like the millions of dollars it may one day be worth.'
      }
    ]
  }),
  methods: {
    linkToStep(step) {
      this.$router.push({
        path: '/create-wallet/mnemonic',
        query: { step: step }
      });
    }
  }
};
</script>

<style lang="scss" scoped>
.v-input--radio-group--column .v-radio:not(:last-child):not(:only-child) {
  margin-bottom: 0;
}
.v-input--selection-controls {
  margin: 0;
  padding: 0;
}
</style>

{'fraction_non_alphanumeric': 0.16438842535061246, 'fraction_numerical': 0.015622226167228831, 'mean_word_length': 1.7060518731988472, 'pattern_counts': {'":': 0, '<': 96, '<?xml version=': 0, '>': 98, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 1, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7322778', 'n_tokens_mistral': 1932, 'n_tokens_neox': 1862, 'n_words': 396}