<template>
  <SfModal id="imprint" :visible="true" :title="modalTitle">
    <transition name="sf-fade" mode="out-in">
      <div class="modal-content">
        <h2>{{ "Imprint" }}</h2>
        <p>
          {{ "Office Berlin:" }}<br />
          {{ "Chausseestrasse 116, 10115 Berlin, Germany" }}<br />
          {{ "Tel: +49 30 23590710" }}
        </p>
        <p>
          {{ "Office Konstanz:" }}<br />
          {{ "Bahnhofplatz 12a, 78462 Konstanz, Germany" }}
        </p>
        <p>
          {{ "Office Köln:" }}<br />
          {{ "Riehler Straße 33, 50668 Köln, Germany" }}
        </p>
        <p>
          {{ "E-Mailadresse:" }}<br />
          <a href="mailto:info@eclear.com">{{ "info@eclear.com" }}</a>
        </p>
        <p>
          {{ "Handelsregister Berlin Charlottenburg" }}<br />
          {{ "HRB 175 497B" }}<br />
          {{ "USt.-ID: DE309452892" }}
        </p>
        <p>
          {{ "Vertreten durch den Vorstand, dieser vertreten durch:" }}<br />
          {{ "Roman Maria Koidl (Vorsitzender)," }}<br />
          {{ "Oliver Port," }}<br />
          {{ "Anne-Katrin Gewohn," }}<br />
          {{ "Brigitte Holzer" }}
        </p>
        <p>
          {{
            "Aufsichtsrat: Peer Steinbrück, Bundesminister der Finanzen a.D."
          }}
        </p>
        <p>
          {{ "Datenschutzbeauftragter:" }}<br />
          {{ "Roland Volk, Zertifizierter Datenschutzbeauftragter" }}<br />
          {{
            "Sie erreichen unseren Datenschutzbeauftragten unter der E-Mailadresse: "
          }}<a href="mailto:privacy@eclear.com">{{ "privacy@eclear.com" }}</a>
        </p>
        <p>
          {{ "Vertreten durch den Vorstand, dieser vertreten durch:" }}<br />
          {{ "Roman Maria Koidl (Vorsitzender)," }}<br />
          {{ "Oliver Port," }}<br />
          {{ "Anne-Katrin Gewohn," }}<br />
          {{ "Brigitte Holzer" }}
        </p>
        <p>
          {{ "Vertriebsanfragen: "
          }}<a href="sales@eclear.com">{{ "sales@eclear.com" }}</a>
        </p>
        <p>
          {{ "Presseanfragen: "
          }}<a href="presse@eclear.com">{{ "presse@eclear.com" }}</a>
        </p>
        <p>
          {{
            "Verantwortlich für den Inhalt gem. Art. 18 Abs.  2 MStV: Roman Maria Koidl, zu erreichen unter der oben angegebenen Adresse der Diensteanbieterin."
          }}
        </p>
        <h4>{{ "Streitbeilegung für Verbraucher/innen der EU/des EWR" }}</h4>
        <p>
          {{
            "Die Plattform der EU-Kommission zur Online-Streitbeilegung ist unter folgendem Link erreichbar: "
          }}<a href="http://ec.europa.eu/consumers/odr/">{{
            "http://ec.europa.eu/consumers/odr/."
          }}</a
          ><br />
          {{
            "Die eClear AG ist grundsätzlich nicht verpflichtet und bereit, an Streitbeilegungsverfahren vor einer Schlichtungsstelle teilzunehmen. Die eClear AG wird sich jedoch nach Kräften bemühen, einen Streitfall außergerichtlich zu lösen."
          }}
        </p>
        <h4>{{ "Urheberrechtshinweis" }}</h4>
        <p>
          {{
            "Die eClear AG behält sich alle Rechte an dieser Webseite und ihren Inhalten vor. Sie ist entweder Urheber oder hat sich die entsprechenden Nutzungsrechte einräumen lassen. Dies gilt nicht für Beiträge und Kommentare Dritter."
          }}
        </p>
      </div>
    </transition>
  </SfModal>
</template>
<script>
import { SfModal } from "@highdigital/vuet";
export default {
  name: "Imprint",
  components: {
    SfModal,
  },
  data() {
    return {};
  },
  computed: {
    modalTitle() {
      return this.isLogIn ? "Log In" : "Join Vue Storefront";
    },
  },
  watch: {
    isLogIn() {},
  },
};
</script>
<style lang="scss" scoped>
@import "~@highdigital/vuet/styles";
.modal-content,
.aside {
  display: flex;
  flex-direction: column;
}
.form {
  width: 100%;
  &__element {
    margin: var(--spacer-base) 0;
  }
  &__checkbox {
    margin: var(--spacer-xl) 0 var(--spacer-2xl) 0;
  }
  &__submit {
    margin: var(--spacer-xl) 0 0 0;
  }
}
.action-button {
  margin: var(--spacer-xl) 0;
}
.aside {
  margin: 0 0 var(--spacer-xl) 0;
  &__heading {
    --heading-title-color: var(--c-primary);
    margin: 0 0 var(--spacer-sm) 0;
  }
}
</style>
