<script setup>

const lexofficeActiveFunctions = ref({
  sendInvoicesToLexoffice: true,
})

</script>

<template>
  <UDashboardNavbar title="Integrationen"></UDashboardNavbar>
  <UDashboardPanelContent>
    <UAccordion
        class="p-5"
        color="primary"
        variant="soft"
        size="sm"
        :items="[{ label: 'Lexoffice', content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit' }]"
    >
      <template #item="{item}">
        <div v-if="item.label === 'Lexoffice'">
          Scopes:
          <UCheckbox v-model="lexofficeActiveFunctions.sendInvoicesToLexoffice" name="notifications" label="Rechnungen an Lexoffice übertragen" />

          <UButton>
            Kunden importieren
          </UButton>
          <UButton>
            Lieferanten importieren
          </UButton>


        </div>
      </template>
    </UAccordion>
  </UDashboardPanelContent>

</template>

<style scoped>

</style>