app/components/Dialog/Trial/StopConfirmation.vue

<template>
  <LazyLayoutDialog :show="show" theme="danger">
    <template #dialogType>{{ $t('important') }}</template>
    <template #dialogTitle>Vous souhaitez arrêter votre période d’essai Opentalent Artist Premium ? </template>
    <template #dialogText>
      <v-card-text class="text">
        <p>En choisissant d’arrêter, votre compte reviendra automatiquement à la version précédente, sans perte de vos données essentielles. </p>
        <p><strong>Que se passe-t-il si vous arrêtez votre période d’essai ?</strong></p>
        <ul>
          <li>Les fonctionnalités premium de l’essai ne seront plus accessibles.</li>
          <li>Vous conserverez toutes les informations et configurations que vous avez ajoutées pendant l’essai.</li>
          <li>Vous pourrez toujours gérer vos activités grâce aux fonctionnalités de la version de base.</li>
        </ul>
        <p>Si vous souhaitez continuer à profiter des avantages complets d’Opentalent Artist, vous pouvez souscrire à une licence à tout moment.</p>
      </v-card-text>
    </template>
    <template #dialogBtn>
      <v-btn class="mr-4 submitBtn theme-neutral-strong" @click="closeDialog">
        {{ $t('cancel') }}
      </v-btn>
      <v-btn class="mr-4 submitBtn theme-danger" @click="contactOpentalent">
        Arrêter l'essai
      </v-btn>
    </template>
  </LazyLayoutDialog>
</template>

<script setup lang="ts">

import UrlUtils from "~/services/utils/urlUtils";
import {useApiLegacyRequestService} from "~/composables/data/useApiLegacyRequestService";

const props = defineProps({
  show: {
    type: Boolean,
    required: false,
    default: false,
  },
})
const runtimeConfig = useRuntimeConfig()
const { apiRequestService } = useApiLegacyRequestService()

const emit = defineEmits(['closeDialog'])

const closeDialog = () => {
  emit('closeDialog')
}

const contactOpentalent = async () => {
  await apiRequestService.post('/trial/stop')
  const v1BaseURL = runtimeConfig.baseUrlAdminLegacy || runtimeConfig.public.baseUrlAdminLegacy
  await navigateTo(UrlUtils.join(v1BaseURL, '#', 'dashboard'), {
    external: true
  })
}
</script>

<style scoped lang="scss">
  .text{
    font-size: 13px;
    p{
      margin-bottom: 10px;
    }

    ul{
      padding-left: 20px;
      margin-bottom: 10px;
    }
  }
</style>