<script setup>

import Button from '@cloudron/pankow/components/Button.vue';

// coming from proxyauth.html template
const name = window.cloudron.name;
const iconUrl = window.cloudron.iconUrl;
const loginUrl = window.cloudron.loginUrl;

</script>

<template>
  <div class="main">
    <div>
      <img :src="iconUrl" /><br/>
      <small>{{ $t('login.loginTo') }}</small>
      <h1>{{ name }}</h1>
      <br/>
      <Button id="loginProceedButton" :href="loginUrl">{{ $t('login.signInAction') }}</Button>
    </div>
  </div>
</template>

<style scoped>

.main {
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

img {
  width: 128px;
  margin-bottom: 20px;
}

</style>