tango-app-api-trax 3.7.86 → 3.7.88

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tango-app-api-trax",
-    "version": "3.7.86",
+    "version": "3.7.88",
     "description": "Trax",
     "main": "index.js",
     "type": "module",
@@ -29,7 +29,7 @@
         "nodemon": "^3.1.4",
         "path": "^0.12.7",
         "puppeteer": "^24.39.1",
-        "tango-api-schema": "^2.5.67",
+        "tango-api-schema": "^2.5.68",
         "tango-app-api-middleware": "^3.5.2",
         "url": "^0.11.4",
         "winston": "^3.13.1",

package/src/controllers/internalTrax.controller.js

@@ -18,7 +18,7 @@ import timeZone from 'dayjs/plugin/timezone.js';
 import utc from 'dayjs/plugin/utc.js';
 import { logger } from 'tango-app-api-middleware';
 import mongoose from 'mongoose';
-import { sendPushNotification, sendAiPushNotification, sendEmailWithSES } from 'tango-app-api-middleware';
+import { sendPushNotification, sendAiPushNotification, sendEmailWithSES, signedUrl } from 'tango-app-api-middleware';
 // import * as planoService from '../services/planogram.service.js';
 import * as clusterServices from '../services/cluster.service.js';
 import * as teamsServices from '../services/teams.service.js';
@@ -27,6 +27,9 @@ import * as runAIRequestServices from '../services/runAIRequest.services.js';
 import * as traxApprover from '../services/approver.service.js';
 import { insertSingleProcessData } from '../controllers/trax.controller.js';
 import handlebars from './handlebar-helper.js';
+import { buildVisitChecklistTemplateData, getCompiledVisitChecklistTemplate, createImageCache, resolveTemplateUrls } from '../utils/visitChecklistPdf.utils.js';
+import archiver from 'archiver';
+import puppeteer from 'puppeteer';
 import fs from 'fs';
 import path from 'path';
 
@@ -3375,9 +3378,10 @@ export async function getStoreTaskDetails( req, res ) {
 export async function runAIFlag( req, res ) {
   try {
     let checklistDetails = await CLconfig.find( { publish: true, $expr: { $ne: [ { $size: '$notifyFlags.notifyType' }, 0 ] }, runAIQuestionCount: { $ne: 0 } }, { _id: 1, notifyFlags: 1, approver: 1 } );
+    let date = dayjs().subtract( 1, 'day' ).format( 'YYYY-MM-DD' );
     if ( checklistDetails.length ) {
       await Promise.all( checklistDetails.map( async ( ele ) => {
-        let submitDetails = await processedchecklist.find( { sourceCheckList_id: ele._id, checklistStatus: 'submit' }, { storeName: 1, checkListName: 1, questionAnswers: 1 } );
+        let submitDetails = await processedchecklist.find( { sourceCheckList_id: ele._id, checklistStatus: 'submit', date_string: date }, { storeName: 1, checkListName: 1, questionAnswers: 1 } );
         await Promise.all( submitDetails.map( ( store ) => {
           if ( store.questionAnswers.length ) {
             let runAIFlag = 0;
@@ -3424,3 +3428,312 @@ export async function runAIFlag( req, res ) {
     return res.sendError( e, 500 );
   }
 }
+
+async function getBrandInfo( clientId ) {
+  const brandInfo = { clientName: 'lenskart', brandLogo: '' };
+
+  if ( !clientId ) return brandInfo;
+
+  const clientDetails = await clientService.findOne( { clientId }, { clientName: 1, profileDetails: 1 } );
+  if ( !clientDetails?.clientName ) return brandInfo;
+
+  if ( clientDetails?.profileDetails?.logo ) {
+    const bucketpath = clientId + '/logo';
+    const params = {
+      Bucket: JSON.parse( process.env.BUCKET )?.assets,
+      file_path: `${bucketpath}/${clientDetails?.profileDetails?.logo}`,
+    };
+    const brandImage = await signedUrl( params );
+    if ( brandImage ) {
+      brandInfo.brandLogo = brandImage;
+    }
+  }
+
+  brandInfo.clientName = clientDetails.clientName;
+  return brandInfo;
+}
+
+export const downloadInsertPdf = async ( req, res ) => {
+  try {
+    res.sendSuccess( 'PDF generation started' );
+
+    setImmediate( async () => {
+      try {
+        const cdnBase = JSON.parse( process.env.CDNURL )?.TraxAnswerCDN || '';
+        const sourceEmail = JSON.parse( process.env.SES ).adminEmail;
+        const todayStr = dayjs().format( 'YYYY-MM-DD' );
+
+        const pdfTemplate = getCompiledVisitChecklistTemplate();
+        const imageCache = createImageCache();
+
+        const checklistInfoList = await CLconfig.find( {
+          'autoEmail.type': { $exists: true },
+          '$expr': {
+            $gt: [ { $size: { $ifNull: [ '$autoEmail.type', [] ] } }, 0 ],
+          },
+        } );
+
+        const browser = await puppeteer.launch( {
+          headless: 'new',
+          args: [ '--no-sandbox', '--disable-dev-shm-usage' ],
+        } );
+
+        try {
+          const page = await browser.newPage();
+
+          await page.setViewport( {
+            width: 1280,
+            height: 1800,
+          } );
+
+          const safeName = ( str ) =>
+            ( str || '' ).toString().replace( /[<>:"/\\|?*]+/g, '_' );
+          for ( const checklistInfo of checklistInfoList ) {
+            // console.log( dayjs().diff( dayjs( checklistInfo.scheduleEndTime, 'hh:mm A' ), 'minute' ) );
+            if ( dayjs.utc().diff( dayjs.utc( checklistInfo.scheduleEndTime, 'hh:mm A' ), 'minute' ) == 30 ) {
+              let data = {
+                checklistName: checklistInfo.checkListName,
+                date: todayStr,
+                total: checklistInfo?.storeCount,
+              };
+              const emailFileContent = fs.readFileSync( path.resolve( path.dirname( '' ) ) + '/src/hbs/autoEmail.hbs', 'utf8' );
+              const emailHtmlContent = handlebars.compile( emailFileContent );
+              const emailHtml = emailHtmlContent( { data: data } );
+              let emailList = [];
+
+              if ( checklistInfo?.autoEmail?.type?.includes( 'approver' ) ) {
+                emailList = ( checklistInfo.approver || [] )
+                    .map( ( e ) => e?.value )
+                    .filter( Boolean );
+              }
+
+              if ( Array.isArray( checklistInfo?.autoEmail?.users ) ) {
+                emailList.push(
+                    ...checklistInfo.autoEmail.users
+                        .map( ( e ) => e?.value )
+                        .filter( Boolean ),
+                );
+              }
+
+              if ( !emailList.length ) continue;
+
+              const brandInfo = await getBrandInfo( checklistInfo.client_id );
+
+              const submittedDetails = await processedchecklist.find( {
+                sourceCheckList_id: checklistInfo._id,
+                checklistStatus: 'submit',
+                date_string: todayStr,
+              } );
+
+              if ( !submittedDetails.length ) continue;
+
+              // console.log(
+              //     `Processing checklist: ${checklistInfo.checkListName} (${submittedDetails.length} records)`,
+              // );
+
+              const ZIP_LIMIT = 100;
+
+              for ( let i = 0; i < submittedDetails.length; i += ZIP_LIMIT ) {
+                const batch = submittedDetails.slice( i, i + ZIP_LIMIT );
+
+                const zipName = `${safeName(
+                    checklistInfo.checkListName,
+                )}_${todayStr}_part_${Math.floor( i / ZIP_LIMIT ) + 1}.zip`;
+
+                const zipPath = path.join( '/tmp', zipName );
+
+                const output = fs.createWriteStream( zipPath );
+                const archive = archiver( 'zip', { zlib: { level: 9 } } );
+
+                archive.on( 'error', ( err ) => {
+                  logger.error( { message: 'Archiver error', error: err } );
+                  // console.error( '❌ Archiver error:', err );
+                  throw err;
+                } );
+
+                archive.pipe( output );
+
+                let appendedCount = 0;
+
+                for ( const checklistDetails of batch ) {
+                  const doc =
+                    typeof checklistDetails.toObject === 'function' ?
+                      checklistDetails.toObject() :
+                      { ...checklistDetails };
+
+
+                  const detectionPayload = {
+                    'storeId': [ doc.store_id ],
+                    'userEmail': doc.userEmail,
+                    'sourceChecklist_id': doc.sourceCheckList_id,
+                  };
+
+
+                  let complianceURL = JSON.parse( process.env.LAMBDAURL ).complianceHistory;
+                  const complianceData = await LamdaServiceCall( complianceURL, detectionPayload );
+                  if ( complianceData?.data.length ) {
+                    doc['historyData'] = complianceData.data;
+                  }
+                  // CDN fix
+                  ( doc.questionAnswers || [] ).forEach( ( section ) => {
+                    ( section.questions || [] ).forEach( ( question ) => {
+                      ( question.userAnswer || [] ).forEach( ( answer ) => {
+                        if ( answer?.referenceImage?.trim() ) {
+                          answer.referenceImage =
+                            cdnBase + answer.referenceImage;
+                        }
+                      } );
+                    } );
+                  } );
+
+                  const templateData = buildVisitChecklistTemplateData(
+                      doc,
+                      brandInfo,
+                  );
+
+                  const resolvedData = resolveTemplateUrls( templateData, cdnBase );
+                  await imageCache.resolveAllImages( resolvedData );
+
+                  const html = pdfTemplate( resolvedData );
+
+                  // console.log( 'HTML length:', html?.length );
+
+                  if ( !html || html.length < 50 ) {
+                    logger.error( { functionName: 'Invalid HTML skipped:', error: doc._id } );
+                    // console.error( '❌ Invalid HTML skipped:', doc._id );
+                    continue;
+                  }
+
+                  try {
+                    await page.setContent( html, {
+                      waitUntil: 'domcontentloaded',
+                      timeout: 0,
+                    } );
+
+                    await new Promise( ( r ) => setTimeout( r, 300 ) );
+                    await page.emulateMediaType( 'screen' );
+                  } catch ( err ) {
+                    logger.error( { functionName: 'setContent failed:', error: err } );
+                    // console.error( '❌ setContent failed:', err );
+                    continue;
+                  }
+
+                  let pdfBuffer;
+
+                  try {
+                    pdfBuffer = await page.pdf( {
+                      format: 'A4',
+                      printBackground: true,
+                      margin: { top: '10mm', right: '10mm', bottom: '10mm', left: '10mm' },
+                    } );
+
+                    // console.log( 'PDF size:', pdfBuffer?.length );
+                    // console.log(
+                    //     'IsBuffer:',
+                    //     Buffer.isBuffer( pdfBuffer ),
+                    //     'Type:',
+                    //     pdfBuffer?.constructor?.name,
+                    // );
+                  } catch ( err ) {
+                    logger.error( { functionName: 'downloadInsertPdf', message: 'PDF generation failed', error: err } );
+                    continue;
+                  }
+
+                  if ( !pdfBuffer || pdfBuffer.length === 0 ) {
+                    logger.error( { functionName: 'downloadInsertPdf', message: 'Empty PDF skipped', docId: doc._id } );
+                    continue;
+                  }
+
+                  const finalBuffer = Buffer.isBuffer( pdfBuffer ) ?
+                    pdfBuffer :
+                    Buffer.from( pdfBuffer );
+
+                  const pdfName = `${safeName(
+                      doc.storeName || doc.store_id || doc._id || 'store',
+                  )}.pdf`;
+
+                  archive.append( finalBuffer, { name: pdfName } );
+                  appendedCount++;
+                }
+
+                if ( appendedCount === 0 ) {
+                  logger.error( { functionName: 'No PDFs generated for batch, skipping ZIP', error: zipName } );
+                  // console.error( `❌ No PDFs generated for batch, skipping ZIP: ${zipName}` );
+                  archive.abort();
+                  output.destroy();
+                  continue;
+                }
+
+                // console.log( `📄 ${appendedCount} PDFs added to ${zipName}` );
+
+                await new Promise( ( resolve, reject ) => {
+                  output.on( 'close', resolve );
+                  output.on( 'error', reject );
+                  archive.on( 'error', reject );
+
+                  archive.finalize();
+                } );
+
+                const zipBuffer = fs.readFileSync( zipPath );
+                // console.log( `✅ ZIP ready: ${zipName}, archive pointer: ${archive.pointer()} bytes, file size: ${zipBuffer.length} bytes` );
+
+                const attachment = {
+                  filename: zipName,
+                  content: zipBuffer,
+                  contentType: 'application/zip',
+                };
+
+                await Promise.all(
+                    emailList.map( ( email ) =>
+                      sendEmailWithSES(
+                          email,
+                          'Checklist Report',
+                          emailHtml,
+                          attachment,
+                          sourceEmail,
+                      ),
+                    ),
+                );
+
+                // console.log( `📧 Emails sent for ${zipName}` );
+              }
+            }
+          }
+        } finally {
+          await browser.close();
+        }
+
+        // console.log( '🎉 All processing completed' );
+      } catch ( err ) {
+        logger.error( { functionName: 'Background job failed', error: err } );
+        // console.error( '❌ Background job failed:', err );
+      }
+    } );
+  } catch ( e ) {
+    logger.error( { functionName: 'downloadInsertPdf', error: e } );
+    return res.sendError( e, 500 );
+  }
+};
+
+async function LamdaServiceCall( url, data ) {
+  try {
+    const requestOptions = {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify( data ),
+    };
+    const response = await fetch( url, requestOptions );
+    if ( !response.ok ) {
+      throw new Error( `Response status: ${response.status}` );
+      return false;
+    }
+    const json = await response.json();
+    return json;
+  } catch ( error ) {
+    console.log( error );
+    logger.error( { error: error, message: data, function: 'LamdaServiceCall' } );
+    return false;
+  }
+}

package/src/controllers/mobileTrax.controller.js

@@ -666,10 +666,12 @@ export async function sopMobilechecklistQuestionValidatorv1( req, res, next ) {
             let sectionQuestion = requestSection.filter( ( secQuestion ) => secQuestion.qname == question.oldQname || secQuestion.qname == question.qname );
             if ( sectionQuestion.length ) {
               if ( requestData.submittype == 'submit' ) {
-                if ( ( question.answerType == 'multiplechoicemultiple' || ( question.answerType =='dropdown' && question.allowMultiple ) ) && ( sectionQuestion[0].Multianswer == null || sectionQuestion[0].Multianswer == '' || !sectionQuestion[0].Multianswer.length ) ) {
-                  validationCount++;
+                if ( ( [ 'multipleImage', 'multiplechoicemultiple' ].includes( question.answerType ) || ( question.answerType =='dropdown' && question.allowMultiple ) ) ) {
+                  if ( ( !sectionQuestion[0].linkType || ( sectionQuestion[0].linkType && sectionQuestion[0].linkquestionenabled ) ) && ( sectionQuestion[0].Multianswer == null || sectionQuestion[0].Multianswer == '' || !sectionQuestion[0].Multianswer.length ) ) {
+                    validationCount++;
+                  }
                 } else {
-                  if ( ![ 'multiplechoicemultiple', 'multipleImage' ].includes( question.answerType ) && ( question.answerType =='dropdown' && !question.allowMultiple ) && ( ( !sectionQuestion[0].linkType && ( sectionQuestion[0].answer == null || sectionQuestion[0].answer == '' ) ) || ( sectionQuestion[0].linkType && sectionQuestion[0].linkquestionenabled && ( sectionQuestion[0].answer == null || sectionQuestion[0].answer == '' ) ) ) ) {
+                  if ( ( ![ 'multiplechoicemultiple', 'multipleImage' ].includes( question.answerType ) && ( question.answerType =='dropdown' && !question.allowMultiple ) ) && ( ( !sectionQuestion[0].linkType && ( sectionQuestion[0].answer == null || sectionQuestion[0].answer == '' ) ) || ( sectionQuestion[0].linkType && sectionQuestion[0].linkquestionenabled && ( sectionQuestion[0].answer == null || sectionQuestion[0].answer == '' ) ) ) ) {
                     validationCount++;
                   }
                 }

package/src/hbs/autoEmail.hbs

@@ -0,0 +1,216 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>Trial Intiate Email</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style type="text/css">
+        @media screen {
+            @font-face {
+                font-family: 'Inter';
+                font-style: normal;
+                font-weight: 400;
+                font-display: swap;
+                src: local("Inter"), local("Inter-Regular"), url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZJhiI2B.woff2) format('woff2');
+                unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+            }
+        }
+
+        body {
+            font-family: "Inter", sans-serif !important;
+        }
+
+        body,
+        table,
+        td,
+        a {
+            -ms-text-size-adjust: 100%;
+            -webkit-text-size-adjust: 100%;
+        }
+
+        table,
+        td {
+            mso-table-rspace: 0pt;
+            mso-table-lspace: 0pt;
+        }
+
+        img {
+            -ms-interpolation-mode: bicubic;
+        }
+
+        a[x-apple-data-detectors] {
+            font-family: "inherit" !important;
+            font-size: inherit !important;
+            font-weight: inherit !important;
+            line-height: inherit !important;
+            color: inherit !important;
+            text-decoration: none !important;
+        }
+
+
+        div[style*="margin: 16px 0;"
+
+        ] {
+            margin: 0 !important;
+        }
+
+        body {
+            width: 100% !important;
+            height: 100% !important;
+            padding: 0 !important;
+            margin: 0 !important;
+        }
+
+
+        table {
+            border-collapse: collapse !important;
+        }
+
+        a {
+            color: #1a82e2;
+        }
+
+        img {
+            height: auto;
+            line-height: 100%;
+            text-decoration: none;
+            border: 0;
+            outline: none;
+        }
+
+        .flagText {
+            /* font-family: 'Inter'; */
+            /* color: #667085 !important; */
+            font-size: 16px;
+            font-weight: 600;
+            line-height: 24px;
+            text-align: left;
+
+        }
+    </style>
+
+</head>
+
+<body style="background-color: #dbe5ea;">
+
+    <div class="preheader"
+        style="display: none; max-width: 0; max-height: 0; overflow: hidden; font-size: 1px; line-height: 1px; color: #fff; opacity: 0;">
+        Email Summary (Hidden)
+    </div>
+    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="padding-left:10px;padding-right:10px">
+        <tr>
+            <td bgcolor="#dbe5ea" style="padding:32px 10px 0 10px">
+                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 680px;" align="center">
+                    <tr>
+                        <td class="o_bg-white o_px-md o_py-md o_sans o_text"
+                            style="margin-top: 0px;margin-bottom: 0px;font-size: 16px;line-height: 24px;background-color: #ffffff;padding-left: 18px;padding-right: 24px;padding-top: 24px;padding-bottom: 24px;">
+                            <p style="margin-top: 0px;margin-bottom: 0px;"><a class="o_text-white"
+                                    href="https://tangoeye.ai/"
+                                    style="text-decoration: none;outline: none;color: #ffffff;"><img
+                                        src="https://devtangoretail-api.tangoeye.ai/logo.png" width="200" height="100"
+                                        alt="SimpleApp"
+                                        style="-ms-interpolation-mode: bicubic;vertical-align: middle;border: 0;line-height: 100%;height: auto;outline: none;text-decoration: none;"></a>
+                            </p>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td align="left" bgcolor="#ffffff"
+                            style="padding-left: 30px;padding-right: 24px;  font-size: 14px; line-height: 24px;">
+                            <p class="o_heading o_mb-xxs"
+                                style="width: 624px;height: 0px;border: 1px solid #CBD5E1;flex: none;order: 1;flex-grow: 0;">
+                            </p>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="o_bg-white o_px-md o_py-xl o_xs-py-md"
+                            style="background-color: #ffffff;padding-left: 30px;padding-right: 24px;padding-bottom: 10px;">
+                            <div class="o_col-6s o_sans o_text-md o_text-light o_center"
+                                style="margin-top: 0px;margin-bottom: 0px;font-size: 16px;line-height: 28px;color: #82899a;">
+                                <span class="o_heading o_text-dark o_mb-xxs"
+                                    style="font-weight: 400;margin-top: 0px;margin-bottom: 4px;color: #121A26;line-height: 140%;">
+                                    Hi,<br />
+                                    Store compliance summary has been generated for a recently completed checklist across multiple stores. Review the
+                                    compliance performance and identify stores that require attention from the dashboard.
+                                </span>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="o_bg-white o_px-md o_py-xl o_xs-py-md"
+                            style="background-color: #ffffff;padding-left: 30px;padding-right: 24px;padding-bottom: 10px;">
+                            <div class="o_col-6s o_sans o_text-md o_text-light o_center"
+                                style="margin-top: 0px;margin-bottom: 0px;font-size: 16px;line-height: 28px;color: #82899a;">
+                                <span class="o_heading o_text-dark o_mb-xxs"
+                                    style="font-weight: 400;margin-top: 0px;margin-bottom: 4px;color: #121A26;line-height: 140%;">
+                                    Details of the checklist are as follows:
+                                </span>
+                            </div>
+                        </td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+        <tr>
+            <td align="center" bgcolor="#dbe5ea" style="padding:0 10px 0 10px">
+                <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%"
+                    style="max-width: 680px;">
+                    <tr bgcolor="#ffffff" style="border:none;margin-top:0px;">
+                        <td class="flagText" style="padding-left:30px; line-height: 24px;color:#000000">Checklist Name:
+                        </td>
+                        <td></td>
+                        <td></td>
+                        <td class="flagText">{{data.checklistName}}</td>
+                    </tr>
+                    <tr bgcolor="#ffffff" style="border:none;margin-top:3px;">
+                        <td class="flagText" style="padding-left:30px; line-height: 24px;">Total Stores :</td>
+                        <td></td>
+                        <td></td>
+                        <td class="flagText">{{data.total}}</td>
+                    </tr>
+
+                    <tr bgcolor="#ffffff" style="border:none;margin-top:3px;">
+                        <td class="flagText" style="padding-left:30px; line-height: 24px;">Date :</td>
+                        <td></td>
+                        <td></td>
+                        <td class="flagText">{{data.date}}</td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+        <tr>
+            <td align="center" bgcolor="#dbe5ea" style="padding:0 10px 32px 10px;">
+                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 680px;">
+                    <tr>
+                        <td class="o_bg-white o_px-md o_py-xl o_xs-py-md"
+                            style="background-color: #ffffff;padding-left: 30px;padding-right: 24px;padding-top:5px">
+                            <div class="o_col-6s o_sans o_text-md o_text-light o_center"
+                                style="margin-top: 0px;margin-bottom: 0px;font-size: 12px;color: #202B3C;font-style: normal;font-weight: 400;font-size: 12px;line-height: 150%;">
+                                <p>
+                                    If you have any questions or need assistance, please reach out to us at
+                                    support@tangotech.co.in.
+                                </p>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="o_bg-white o_px-md o_py-xl o_xs-py-md"
+                            style="background-color: #ffffff;padding-left: 30px;padding-right: 24px;padding-bottom:15px">
+                            <div class="o_col-6s o_sans o_text-md o_text-light o_center"
+                                style="margin-top: 0px;margin-bottom: 0px;font-size: 12px;color: #202B3C;font-style: normal;font-weight: 400;font-size: 12px;line-height: 150%;">
+                                <p>
+                                    © Tango Eye. All rights reserved.</p>
+                            </div>
+                        </td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+
+    </table>
+
+</body>
+
+</html>