<template>
  <AnchoredSection id="functionalities">
    <div>
      <LayoutContainer>
        <v-row>
          <v-col cols="12">
            <CommonCarouselFonctionnalite :cards="cards" />
          </v-col>
        </v-row>
      </LayoutContainer>
    </div>
  </AnchoredSection>
</template>

<script setup lang="ts">
import 'vue3-carousel/dist/carousel.css'
import AnchoredSection from '~/components/Layout/AnchoredSection.vue'
import type { Functionality } from '~/types/interface'

const cards: Array<Functionality> = [
  {
    logo: '/images/components/fonctionnalites/Icone_espaces_dedies.svg',
    logoAlt: 'Icône smartphone avec cadenas verrouillé',
    title: 'ESPACES DÉDIÉS *',
    list: ['Administration', 'Membres / Adhérents'],
    options: ['*Disponible sur tout support '],
  },
  {
    logo: '/images/components/fonctionnalites/Icone_repertoire.svg',
    logoAlt: 'Icône carnet annuaire',
    title: 'RÉPERTOIRE',
    list: [
      'Membres',
      'Personnel administratif ',
      'Contacts extérieurs, partenaires & donateurs',
    ],
  },
  {
    logo: '/images/components/fonctionnalites/Icone_agenda.svg',
    logoAlt: 'Icône calendrier',
    title: 'AGENDA',
    list: [
      'Création et gestion des événements internes et externes',
      'Invitation aux événements',
      'Gestion des présences ',
    ],
  },
  {
    logo: '/images/components/fonctionnalites/Icone_parc_materiel.svg',
    logoAlt: 'Icône carton avec stylos et cahier à l’intérieur',
    title: 'PARC MATÉRIEL ',
    list: [
      'Gestion de votre parc matériel (instruments, costumes, accessoires..)',
      'Locations et prêts de matériel',
      'Partage de partitions',
    ],
  },
  {
    logo: '/images/components/fonctionnalites/Icone_communication_en_reseau.svg',
    logoAlt: 'Icône enveloppe, téléphone et bulle SMS',
    title: 'COMMUNICATION RÉSEAU',
    list: [
      'Édition et envoi de courriers, de mails ou de SMS*',
      'Édition et envoi de newsletter au adhérent du réseau',
      'Création de modèles de courriers, mails ou SMS',
      'Outil de publipostage intégré pour un envoi personnalisé',
    ],
    options: ['* en option'],
  },
  {
    logo: '/images/components/fonctionnalites/Icone_site_internet.svg',
    logoAlt: 'Icône site internet',
    title: 'SITE INTERNET ',
    list: [
      'Gestion intégrée au logiciel',
      'Mise à jour automatique des membres et événements sur votre site',
      'Possibilité de personnalisé votre template',
    ],
  },
  {
    logo: '/images/components/fonctionnalites/Icone_statistiques.svg',
    logoAlt: 'Icône graphique à barre avec ligne ascendante',
    title: 'STATISTIQUES',
    list: [
      "Rapport d'activité complet en fonction de vos activités",
      "Personnalisation du rapport d'activité grâce aux différents formats proposés lors du téléchargement",
      'Export des données du logiciel pour une analyse complète',
    ],
  },
  {
    logo: '/images/components/fonctionnalites/Icone_cotisation.svg',
    logoAlt: 'Icône d’une main donnant de l’argent à une autre main',
    title: 'COTISATION CMF ',
    list: [
      'Paramétrage des cotisations',
      'Lancement de la campagne',
      'Gestion des règlement & envoi de justificatif (adhésion/assurance...)',
    ],
  },
  {
    logo: '/images/components/fonctionnalites/Icone_fonctionnement_pyramidal.svg',
    logoAlt: 'Icône graphique pyramidale',
    title: 'FONCTIONNEMENT PYRAMIDAL ',
    list: [
      'Mise en relation des logiciels (Artist, School et Manager)',
      "Mise en place d'un système d'adhésion",
      'Communication en réseau',
    ],
  },
  {
    logo: '/images/components/fonctionnalites/Icone_agenda.svg',
    logoAlt: 'Icône graphique pyramidale',
    title: "PROMOTION DU RÉSEAU SUR L'AGENDA CULTUREL",
    list: [
      'Publication des événements des structures de votre réseau',
      "Référencement des structures de votre réseau sur l'annuaire",
      'Diffusion des annonces du réseau et des structures de votre réseau',
    ],
  },
]
</script>
