<script setup>

const dataStore = useDataStore()
const supabase = useSupabaseClient()

const features = ref(dataStore.ownTenant.features)

const updateTenant = async () => {
    const {data,error} = await supabase.from("tenants")
        .update({features: features.value})
        .eq("id",dataStore.currentTenant)
        .select()
}

</script>

<template>
  <UDashboardNavbar title="Firmeneinstellungen">

  </UDashboardNavbar>
  <UTabs
      class="p-5"
    :items="[
        {
          label: 'Rechnung & Kontakt'
        },{
          label: 'Lizenz'
        },{
          label: 'Funktionen'
        },{
          label: 'Bankkonten'
        },{
          label: 'Tags'
        }
    ]"
  >
    <template #item="{item}">
      <UCard class="mt-5">
        <div v-if="item.label === 'Rechnung & Kontakt'">

        </div>
        <div v-else-if="item.label === 'Funktionen'">
          <UAlert
            title="Funktionen ausblenden"
            description="Nur Funktionen mit gesetztem Haken sind im Unternehmen verfügbar. Diese Einstellungen gelten für alle Mitarbeiter und sind unabhängig von Berechtigungen."
            color="rose"
            variant="outline"
            class="mb-5"
          />
          <UCheckbox
              label="Kalendar"
              v-model="features.calendar"
              @change="updateTenant"
          />
          <UCheckbox
              label="Plantafel"
              v-model="features.planningBoard"
              @change="updateTenant"
          />
          <UCheckbox
              label="Zeiterfassung"
              v-model="features.timeTracking"
              @change="updateTenant"
          />
          <UCheckbox
              label="Anwesenheiten"
              v-model="features.workingTimeTracking"
              @change="updateTenant"
          />
          <UCheckbox
              label="Verträge"
              v-model="features.contracts"
              @change="updateTenant"
          />
          <UCheckbox
              label="Fahrzeuge"
              v-model="features.vehicles"
              @change="updateTenant"
          />
        </div>
      </UCard>
    </template>
  </UTabs>
</template>

<style scoped>

</style>