<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
          standardPrice="34,90€"
          premiumPrice="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>
