import { mergeProps, withCtx, unref, createVNode, createTextVNode, ref, computed, useSSRContext } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrInterpolate, ssrRenderClass } from 'vue/server-renderer';
import { _ as __nuxt_component_0 } from './server.mjs';
import { ArrowRight, Calendar } from 'lucide-vue-next';
import { _ as _export_sfc } from './_plugin-vue_export-helper-1tPrXgE0.mjs';
import '../nitro/nitro.mjs';
import 'node:http';
import 'node:https';
import 'node:events';
import 'node:buffer';
import 'node:fs';
import 'node:path';
import 'node:crypto';
import 'node:url';
import '../routes/renderer.mjs';
import 'vue-bundle-renderer/runtime';
import 'unhead/server';
import 'devalue';
import 'unhead/utils';
import 'vue-router';

const _sfc_main$2 = {
  __name: "TermineVorschau",
  __ssrInlineRender: true,
  setup(__props) {
    const termine = ref([]);
    const naechsteTermine = computed(() => {
      const heute = /* @__PURE__ */ new Date();
      console.log("Heute ist:", heute.toISOString().split("T")[0]);
      const kommende = termine.value.filter((t) => {
        const terminDatum = new Date(t.datum);
        const istKommend = terminDatum >= heute;
        console.log(`Termin ${t.titel} (${t.datum}): ${istKommend ? "KOMMEND" : "VERSTRICHEN"}`);
        return istKommend;
      }).sort((a, b) => new Date(a.datum) - new Date(b.datum));
      console.log("Kommende Termine:", kommende);
      return kommende;
    });
    const formatDay = (dateString) => {
      const date = new Date(dateString);
      return date.getDate();
    };
    const formatMonth = (dateString) => {
      const date = new Date(dateString);
      const monate = ["Jan", "Feb", "M\xE4r", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"];
      return monate[date.getMonth()];
    };
    return (_ctx, _push, _parent, _attrs) => {
      const _component_NuxtLink = __nuxt_component_0;
      _push(`<div${ssrRenderAttrs(_attrs)}><div class="text-center mb-6"><h2 class="text-2xl font-display font-bold text-gray-900 mb-2"> Kommende Termine </h2><div class="w-16 h-0.5 bg-primary-600 mx-auto"></div></div>`);
      if (naechsteTermine.value.length > 0) {
        _push(`<div class="space-y-2 mb-6"><!--[-->`);
        ssrRenderList(naechsteTermine.value, (termin, index) => {
          _push(`<div class="bg-gray-50 rounded-lg p-3 hover:bg-gray-100 transition-colors"><div class="flex items-center justify-between"><div class="flex items-center space-x-3"><div class="w-10 h-10 bg-primary-600 rounded-lg flex flex-col items-center justify-center text-white text-xs font-bold"><span>${ssrInterpolate(formatDay(termin.datum))}</span><span>${ssrInterpolate(formatMonth(termin.datum))}</span></div><div><h3 class="font-semibold text-gray-900">${ssrInterpolate(termin.titel)}</h3><p class="text-sm text-gray-600">${ssrInterpolate(termin.beschreibung)}</p></div></div><span class="${ssrRenderClass([
            "px-2 py-1 text-xs font-medium rounded-full",
            termin.kategorie === "Turnier" ? "bg-yellow-100 text-yellow-800" : "bg-blue-100 text-blue-800"
          ])}">${ssrInterpolate(termin.kategorie)}</span></div></div>`);
        });
        _push(`<!--]--></div>`);
      } else {
        _push(`<div class="text-center py-8 bg-gray-50 rounded-lg">`);
        _push(ssrRenderComponent(unref(Calendar), {
          size: 32,
          class: "text-gray-400 mx-auto mb-2"
        }, null, _parent));
        _push(`<p class="text-gray-600 text-sm">Keine kommenden Termine</p></div>`);
      }
      if (naechsteTermine.value.length > 0) {
        _push(`<div class="text-center">`);
        _push(ssrRenderComponent(_component_NuxtLink, {
          to: "/termine",
          class: "inline-flex items-center px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white text-sm font-medium rounded-lg transition-colors"
        }, {
          default: withCtx((_, _push2, _parent2, _scopeId) => {
            if (_push2) {
              _push2(` Alle Termine anzeigen `);
              _push2(ssrRenderComponent(unref(ArrowRight), {
                size: 16,
                class: "ml-1"
              }, null, _parent2, _scopeId));
            } else {
              return [
                createTextVNode(" Alle Termine anzeigen "),
                createVNode(unref(ArrowRight), {
                  size: 16,
                  class: "ml-1"
                })
              ];
            }
          }),
          _: 1
        }, _parent));
        _push(`</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div>`);
    };
  }
};
const _sfc_setup$2 = _sfc_main$2.setup;
_sfc_main$2.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/TermineVorschau.vue");
  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
};
const _sfc_main$1 = {
  __name: "Hero",
  __ssrInlineRender: true,
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      const _component_NuxtLink = __nuxt_component_0;
      _push(`<section${ssrRenderAttrs(mergeProps({
        id: "home",
        class: "relative min-h-full flex items-center justify-center overflow-hidden py-20 bg-gradient-to-br from-gray-50 to-gray-100"
      }, _attrs))} data-v-33d25311><div class="absolute inset-0 z-0" data-v-33d25311><div class="absolute top-0 right-0 w-96 h-96 bg-primary-200/30 rounded-full blur-3xl" data-v-33d25311></div><div class="absolute bottom-0 left-0 w-96 h-96 bg-gray-300/30 rounded-full blur-3xl" data-v-33d25311></div><div class="absolute inset-0 opacity-10" style="${ssrRenderStyle({ "background-image": "url('/images/club_about_us.png')", "background-size": "cover", "background-position": "center" })}" data-v-33d25311></div></div><div class="relative z-20 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 sm:py-32" data-v-33d25311><div class="text-center" data-v-33d25311><h1 class="text-5xl sm:text-6xl lg:text-7xl font-display font-bold text-gray-900 mb-6 leading-tight animate-fade-in" data-v-33d25311> Willkommen beim<br data-v-33d25311><span class="text-primary-600" data-v-33d25311>Harheimer TC</span></h1><p class="text-xl sm:text-2xl text-gray-700 mb-8 max-w-3xl mx-auto animate-fade-in-delay-1" data-v-33d25311> Tradition trifft Moderne - Ihr Tischtennisverein in Frankfurt-Harheim seit \xFCber 45 Jahren </p><div class="flex flex-col sm:flex-row gap-4 justify-center items-center animate-fade-in-delay-2" data-v-33d25311>`);
      _push(ssrRenderComponent(_component_NuxtLink, {
        to: "/mitgliedschaft",
        class: "group px-8 py-4 bg-primary-600 hover:bg-primary-700 text-white font-semibold rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 flex items-center space-x-2"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`<span data-v-33d25311${_scopeId}>Mitglied werden</span>`);
            _push2(ssrRenderComponent(unref(ArrowRight), {
              size: 20,
              class: "group-hover:translate-x-1 transition-transform"
            }, null, _parent2, _scopeId));
          } else {
            return [
              createVNode("span", null, "Mitglied werden"),
              createVNode(unref(ArrowRight), {
                size: 20,
                class: "group-hover:translate-x-1 transition-transform"
              })
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(ssrRenderComponent(_component_NuxtLink, {
        to: "/kontakt",
        class: "px-8 py-4 bg-white hover:bg-gray-50 text-gray-900 font-semibold rounded-xl border-2 border-gray-300 hover:border-primary-600 shadow-lg transition-all duration-300"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(` Kontakt aufnehmen `);
          } else {
            return [
              createTextVNode(" Kontakt aufnehmen ")
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div></div><div class="mt-16 max-w-4xl mx-auto" data-v-33d25311>`);
      _push(ssrRenderComponent(_sfc_main$2, null, null, _parent));
      _push(`</div></div><div class="absolute bottom-8 left-1/2 transform -translate-x-1/2 z-20 animate-bounce" data-v-33d25311><div class="w-6 h-10 border-2 border-gray-400 rounded-full flex justify-center pt-2" data-v-33d25311><div class="w-1.5 h-3 bg-primary-600 rounded-full" data-v-33d25311></div></div></div></section>`);
    };
  }
};
const _sfc_setup$1 = _sfc_main$1.setup;
_sfc_main$1.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/Hero.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const Hero = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-33d25311"]]);
const _sfc_main = {
  __name: "index",
  __ssrInlineRender: true,
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "min-h-full" }, _attrs))}>`);
      _push(ssrRenderComponent(Hero, null, null, _parent));
      _push(`</div>`);
    };
  }
};
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/index.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};

export { _sfc_main as default };
//# sourceMappingURL=index-DNNo-ri8.mjs.map