<!-- Page 'Mon abonnement' -->
<template>
  <v-row justify="center" align="center">
    <v-col cols="12" sm="12" md="12">
      <h3>Mon abonnement</h3>

      <v-expansion-panels focusable accordion>
        <UiExpansionPanel id="informations" icon="fa-info">
          <v-container fluid class="container">
            <v-row>
              <span>A</span>
            </v-row>
          </v-container>
        </UiExpansionPanel>

        <UiExpansionPanel id="factures" icon="fa-euro">
          <v-container fluid class="container">
            <v-row>
              <span>B</span>
            </v-row>
          </v-container>
        </UiExpansionPanel>

        <UiExpansionPanel id="more" icon="fa-plus">
          <v-container fluid class="container">
            <v-row>
              <v-simple-table>
                <template #default>
                  <tbody>
                    <tr>
                      <td>Opentalent Artist</td>
                      <td>Opentalent School</td>
                      <td>Sms</td>
                      <td>Site internet</td>
                    </tr>
                    <tr>
                      <td><nuxt-img src="/images/Artist-Square.jpg" /></td>
                      <td><nuxt-img src="/images/School-Square.jpg" /></td>
                      <td><nuxt-img src="/images/sms_big.png" /></td>
                      <td><nuxt-img src="/images/nom-de-domaine.jpg" /></td>
                    </tr>

                    <tr>
                      <td>
                        Bénéficiez de plus de fonctionnalités avec la version
                        Opentalent artist premium
                      </td>
                      <td>
                        Une solution économique adaptée à votre Établissement d'enseignements
                        artistiques
                      </td>
                      <td>
                        Envoyez des SMS directement depuis votre logiciel à vos membres / élèves
                      </td>
                      <td>
                        Bénéficiez de votre propre nom de domaine et 5 adresses email
                      </td>
                    </tr>

                    <tr>
                      <td>
                        pour seulement 6,33 €.TTC par mois*
                        *payable annuellement soit 76 €.TTC/an
                        offre réservée aux adhérents CMF (prix public 168€.TTC/an).
                      </td>
                      <td>
                        à partir de 16.45€.TTC/mois*
                        *payable annuellement soit 198 €.TTC/an
                        Version opentalent school standard jusqu'à 69 élèves.
                        Hors frais de licence d'utilisation et de formation.
                        offre réservée aux adhérents CMF (prix public 358.80€.TTC/an).
                      </td>
                      <td>
                        à partir de 0.10 €.TTC/sms*
                        *pour 5000 SMS
                      </td>
                      <td>
                        Pour seulement 34.80 €.TTC/mois*
                        Ex : NomDeMaStructure.fr contact@NomDeMaStructure.fr
                      </td>
                    </tr>

                    <tr>
                      <td>
                        Fiche produit opentalent artist Premium
                      </td>
                      <td>
                        Fiche produit opentalent School
                      </td>
                      <td />
                      <td />
                    </tr>

                    <tr>
                      <td>
                        Télécharger le bon de commande CMF
                      </td>
                      <td>
                        Essayez notre logiciel en toute liberté ! Contactez-nous sans plus tarder pour obtenir
                        une présentation ainsi qu'un accès de démonstration !
                        Contacter-nous au 0 972 126 017 ou par mail contact@opentalent.fr
                      </td>
                      <td>
                        <a href="https://www.opentalent.fr/uploads/opentalent/Bon_commande_SMS_ouverture-CMF.pdf">
                          Télécharger le bon de commande CMF
                        </a>
                      </td>
                      <td />
                    </tr>
                  </tbody>
                </template>
              </v-simple-table>
            </v-row>
          </v-container>
        </UiExpansionPanel>
      </v-expansion-panels>
    </v-col>
  </v-row>
</template>

<script lang="ts">
import { computed, ComputedRef, defineComponent, ref, Ref, useContext } from '@nuxtjs/composition-api'
import { Item, Query } from '@vuex-orm/core'
import { repositoryHelper } from '~/services/store/repository'
import { Organization } from '~/models/Organization/Organization'
import { queryHelper } from '~/services/store/query'

export default defineComponent({
  name: 'Subscription',
  setup () {
    // console.log(store.state.profile)
    //
    // const repository = repositoryHelper.getRepository(Organization)
    // const query: ComputedRef<Query> = computed(() => repository.query())
    // const entry: ComputedRef<Item> = computed(() => {
    //   return queryHelper.getItem(query.value, store.state.profile.organization.id)
    // })
    //
    // console.log(store.state.profile.product)

    return {
      // entry
    }
  }
})
</script>
