'use client'
import React from 'react';
import { useSearchParams, useRouter } from 'next/navigation';
import ValidateSubscription from '@/components/Inscription/ValidateSubscription';
import { sendSEPARegisterForm } from "@/app/actions/subscriptionAction"
import { useCsrfToken } from '@/context/CsrfContext';
import logger from '@/utils/logger';
import { FE_ADMIN_SUBSCRIPTIONS_URL} from '@/utils/Url';

export default function Page() {
  const searchParams = useSearchParams();
  const router = useRouter();

  // Récupérer les paramètres de la requête
  const studentId = searchParams.get('studentId');
  const firstName = searchParams.get('firstName');
  const lastName = searchParams.get('lastName');
  const paymentSepa = searchParams.get('paymentSepa') === '1';
  const file = searchParams.get('file');

  const csrfToken = useCsrfToken();

  const handleAcceptRF = (data) => {
    logger.debug('Mise à jour du RF avec les données:', data);

    const {status, sepa_file} = data
    const formData = new FormData();
    formData.append('status', status); // Ajoute le statut
    formData.append('sepa_file', sepa_file); // Ajoute le fichier SEPA
  
    // Appeler l'API pour mettre à jour le RF
    sendSEPARegisterForm(studentId, formData, csrfToken)
      .then((response) => {
        logger.debug('RF mis à jour avec succès:', response);
        router.push(FE_ADMIN_SUBSCRIPTIONS_URL);
        // Logique supplémentaire après la mise à jour (par exemple, redirection ou notification)
      })
      .catch((error) => {
        logger.error('Erreur lors de la mise à jour du RF:', error);
      });
  };
  
  return (
    <ValidateSubscription
      studentId={studentId}
      firstName={firstName}
      lastName={lastName}
      paymentSepa={paymentSepa}
      file={file}
      onAccept={handleAcceptRF}
    />
  );
}