<template>
  <AnchoredSection id="comparative">
    <LayoutContainer>
      <v-row class="center-90">
        <LayoutUISubTitle> Comparatif de nos solutions </LayoutUISubTitle>

        <LayoutUITitle>
          Choisissez la version qui vous convient !
        </LayoutUITitle>

        <CommonTableComparatif
          standard-price="34,90€"
          premium-price="49€"
          :items="comparisonItems"
        />
      </v-row>
    </LayoutContainer>
  </AnchoredSection>
</template>

<script setup lang="ts">
import AnchoredSection from '~/components/Layout/AnchoredSection.vue'
import type { ComparisonItem } from '~/types/interface'

const comparisonItems: Array<ComparisonItem> = [
  {
    label: 'GESTION DU RÉPERTOIRE',
    includedInStandard: true,
    includedInPremium: true,
  },
  {
    label: 'AGENDA',
    includedInStandard: true,
    includedInPremium: true,
  },
  {
    label: 'SUIVI PÉDAGOGIQUE',
    includedInStandard: true,
    includedInPremium: true,
  },
  {
    label: 'GESTION DU PARC MATÉRIEL',
    includedInStandard: true,
    includedInPremium: true,
  },
  {
    label: 'COMMUNICATION',
    includedInStandard: true,
    includedInPremium: true,
  },
  {
    label: 'SMS',
    includedInStandard: 'Option',
    includedInPremium: 'Option',
  },
  {
    label: 'NOM DE DOMAINE',
    includedInStandard: 'Option',
    includedInPremium: 'Option',
  },
  {
    label: 'SITE INTERNET',
    includedInStandard: true,
    includedInPremium: true,
  },
  {
    label: 'STATISTIQUES',
    includedInStandard: true,
    includedInPremium: true,
  },
  {
    label: 'FONCTIONNALITÉ DU RÉSEAU CMF',
    includedInStandard: true,
    includedInPremium: true,
  },
  {
    label: 'SAUVEGARDE',
    includedInStandard: true,
    includedInPremium: true,
  },
  {
    label: 'EXTRANET UTILISATEURS',
    includedInStandard: false,
    includedInPremium: 'Option',
  },
  {
    label: 'PRÉINSCRIPTION EN LIGNE',
    includedInStandard: false,
    includedInPremium: 'Option',
  },
  {
    label: "GRILLES D'ÉVALUATION",
    includedInStandard: 'Option',
    includedInPremium: 'Option',
  },
  {
    label: 'GESTION DES RÈGLEMENTS',
    includedInStandard: 'Option',
    includedInPremium: 'Option',
  },
  {
    label: 'ESPACE DE STOCKAGE',
    includedInStandard: '500 Mo',
    includedInPremium: '1 Go',
  },
  {
    label: 'PAGE DU SITE INTERNET',
    includedInStandard: 'Restreint',
    includedInPremium: 'Illimité',
  },
]
</script>
<style scoped></style>
