import FadSDK from '@fad-producto/fad-sdk';

async function recordVideotaping() {
  const FAD_SDK = new FadSDK(TOKEN, {
    environment: FadSDK.getFadEnvironments().UATHA
  });

  try {
    // Define the agreement text the user will read
    const LEGEND = `
      I, [Full Name], with date of birth [DOB], 
      with ID number [ID_NUMBER] declare that I am [Marital Status], 
      with monthly income of $[Amount], 
      I [do/do not] own a home, 
      I [do/do not] currently have credit cards, 
      and I acknowledge that the information I have provided is true and accurate.
    `;

    // Define which ID sides to show during recording
    const IDENTIFICATIONS = [
      { 
        name: FadSDK.Constants.Videotaping.IdsAllowed.ID_MEX_FRONT, 
        title: 'Front of ID' 
      },
      { 
        name: FadSDK.Constants.Videotaping.IdsAllowed.ID_MEX_BACK, 
        title: 'Back of ID' 
      }
    ];

    const videotapingResponse = await FAD_SDK.startVideotaping(
      LEGEND,
      IDENTIFICATIONS,
      CONFIGURATION
    );

    // Check if user closed the module
    if (videotapingResponse.event === FadSDK.Constants.EventModule.MODULE_CLOSED) {
      console.log('User closed the videotaping module');
      return;
    }

    // Process successful videotaping capture
    console.log('Videotaping completed successfully');

    // Create URL for video playback
    const videoUrl = URL.createObjectURL(videotapingResponse.data.video);
    const startSecond = videotapingResponse.data.startSecond;

    // Display video
    const videoElement = document.getElementById('video-id') as HTMLVideoElement;
    const downloadLink = document.getElementById('download-link') as HTMLAnchorElement;
    const startSecondDisplay = document.getElementById('startSecond');

    videoElement.src = videoUrl;
    downloadLink.href = videoUrl;
    downloadLink.download = 'videotaping-agreement.webm';
    startSecondDisplay.innerHTML = `Agreement starts at: ${startSecond}s`;

    console.log('Videotaping ready for playback');
    console.log('User statement begins at second:', startSecond);

  } catch (ex) {
    console.error('Videotaping error:', ex);

    if (ex.code === FadSDK.Errors.Videotaping.NOT_ACCEPT_CAMERA_PERMISSION) {
      alert('Camera access is required to record your statement with ID verification. Please enable camera permissions and try again.');
      // Show instructions for enabling camera
      showCameraPermissionInstructions();
    } else {
      // Handle unexpected errors
      console.error('Unexpected error:', ex);
      alert(`An error occurred: ${ex.message}`);
    }
  } finally {
    FAD_SDK.end();
  }
}

function showCameraPermissionInstructions() {
  const instructions = `
    To enable camera access:
    1. Click the camera icon in your browser's address bar
    2. Select 'Allow' for camera access
    3. Reload the page and try again
  `;
  console.log(instructions);
}