<template>
  <section class="hero is-warning is-large">
    <div class="hero-body">
      <div class="container">
        <h2>
          You are leaving Kaverti
        </h2>
        <h1 class="title">
          Are you sure you want to go to website?
        </h1>
        <h2 class="subtitle">
          The full URL is: <b>{{$route.params.out}}</b>
          <br />Remember, you should only visit websites that you trust, and from people that you trust.
          Just be mindful, the website you are attempting to visit is using the HTTP protocol, meaning its insecure, while this is generally fine for static content, you shouldn't enter login credentials, or credit card details into websites using HTTP (Not Secure), and you should use HTTPS (Secure) if the website allows it
        </h2>
        <a v-bind:href="$route.params.out"><b-button class="is-warning-passive">Yes, I'd like to go to this website.</b-button></a>
      </div>
    </div>
  </section>
</template>
