<script lang="js">
import Navbar from "../components/Navbar.vue";
import Modal from "../components/Modal.vue";
import Embla from "../components/Embla.vue";
import Umgebung from "../components/startseite/Umgebung.vue";
import MyFooter from "../components/MyFooter.vue"; // Geändert von Footer auf MyFooter
import RitzenbergenLib from "../ritzenbergenlib.ts";
import WillkommenText from "../components/startseite/WillkommenText.vue";
import Bilderbuch from "../components/startseite/Bilderbuch.vue";
import Forms from "../components/startseite/Forms.vue";
import Events from "../components/startseite/Events.vue";
import Willkommen from "../components/startseite/Willkommen.vue";

export default {
  components: {
    Navbar,
    Embla,
    Umgebung,
    MyFooter, // Geändert von Footer auf MyFooter
    WillkommenText,
    Bilderbuch,
    Forms,
    Events,
    Willkommen
  },

  data() {
    return {
      RitzenbergenLib: RitzenbergenLib.RitzenbergenLib,
    };
  },
  mounted(){
    if(this.$route.path !== "/" && this.$route.path!=="/anmeldeformular"){
      const hash = this.$route.path.replace("/","");
      console.log(this.$refs[hash])
      if(this.$refs[hash].$el) this.$refs[hash].$el.scrollIntoView();
      this.$router.push("/");
    }
  }
  
};
</script>

<template>
  <!-- Startseite -->
  <Navbar />
  <Willkommen/>
  
  
  <Events style="margin-top: 120px;"/>

  <Forms/>
      

  <Bilderbuch/>



  <section class="slider4 mbr-embla cid-u6k7q0yLdW" id="gallery-13-u6k7q0yLdW">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">

          <Embla :src="[
            RitzenbergenLib.api('randomimage.php?path=/erntefest&recursive=1&tn=1&color=white&text=Erntefest&size=5'),
            RitzenbergenLib.api('randomimage.php?path=/osterfeuer&recursive=1&tn=1&color=white&text=Osterfeuer&size=5'),
            RitzenbergenLib.api('randomimage.php?path=/doppelkopf&recursive=1&tn=1&color=white&text=Doppelkopf&size=5'),
            RitzenbergenLib.api('randomimage.php?path=/fussball&recursive=1&tn=1&color=white&text=Fußballturnier&size=5'),
            'http://ritzenbergen.de/Fotos/hauptfoto.jpg'
          ]"

          :links='[
            "/galerie/erntefest",
            "/galerie/osterfeuer",
            "/galerie/doppelkopf",
            "/galerie/fussball",
            ""
          ]'
          />
        </div>
      </div>
    </div>
  </section>




  <WillkommenText ref="willkommen"/>


  <br>
  <br>


  <Umgebung ref="umgebung" />
  <MyFooter ref="footer" />

</template>

<style lang="css" scoped></style>
