From 20a3cfc274b9a8abb6a595639e44cbadea2cb978 Mon Sep 17 00:00:00 2001
From: ttpl-rt-232 <nilesh.mittha@tekditechnologies.com>
Date: Thu, 5 Jun 2025 13:28:12 +0530
Subject: [PATCH] Task #240454 chore : Bulk Certificates download at a once for
 the organsiation admin.

---
 .../media/css/tjCertificate.css               |  47 ++++++
 .../com_tjcertificate/media/js/certificate.js | 141 ++++++++++++++++
 .../media/js/certificate.min.js               |   2 +-
 .../site/controllers/certificates.php         | 151 ++++++++++++++++++
 .../en-GB/en-GB.com_tjcertificate.ini         |  10 ++
 .../site/views/certificates/tmpl/my_bs5.php   |  39 ++++-
 6 files changed, 388 insertions(+), 2 deletions(-)

diff --git a/src/components/com_tjcertificate/media/css/tjCertificate.css b/src/components/com_tjcertificate/media/css/tjCertificate.css
index 404f145e..88fa8403 100644
--- a/src/components/com_tjcertificate/media/css/tjCertificate.css
+++ b/src/components/com_tjcertificate/media/css/tjCertificate.css
@@ -214,4 +214,51 @@
 }
 .border-btn{
     border:1px solid #b3b3b3;
+}
+#certificateModalContainer{
+	background: #fff;
+	width: 80%;              /* Increased width */
+	max-width: 1300px;        /* Max width limit */
+	margin: 50px auto;
+	padding: 20px;
+	border-radius: 10px;
+	position: relative;
+	max-height: 80vh;        /* Max height of modal */
+	overflow-y: auto;        /* Scroll content if it overflows */
+}
+#closeModalBtn{
+	position: absolute;
+    top: 10px;
+    right: 10px;
+    font-size: 18px;
+    background: none;
+    border: none;
+    outline: none;
+    cursor: pointer;
+    color: #000;
+}
+#certificateModalOverlay{
+
+	display: none; 
+	position: fixed; 
+	top: 0; 
+	left: 0; 
+	width: 100%; 
+	height: 100%; 
+	background: rgba(0,0,0,0.5); 
+	z-index: 1000; 
+	overflow-y: auto;
+}
+#ziploader {
+    position: fixed;
+    top: 0; left: 0; right: 0; bottom: 0;
+    background: rgba(255,255,255,0.8);
+    z-index: 9999;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.zipspinner {
+    font-size: 18px;
+    font-weight: bold;
 }
\ No newline at end of file
diff --git a/src/components/com_tjcertificate/media/js/certificate.js b/src/components/com_tjcertificate/media/js/certificate.js
index f6e17ef7..743c8019 100644
--- a/src/components/com_tjcertificate/media/js/certificate.js
+++ b/src/components/com_tjcertificate/media/js/certificate.js
@@ -239,3 +239,144 @@ var certificate = {
 			});
 		}
 };
+
+
+jQuery(document).ready(function ($) {
+    const config = Joomla.getOptions('tjcertificate.bulkDownload');
+
+    $('#bulkCertBtn').on('click', function (e) {
+        e.preventDefault();
+
+        $('#ziploader').fadeIn();
+
+        $.ajax({
+            url: Joomla.getOptions('system.paths').base + '/index.php?option=com_tjcertificate&task=certificates.fetchCertificatesForBulkDownload',
+            type: 'POST',
+            dataType: 'json',
+            data: {
+                user_id: config.user_id,
+                client: config.client,
+                state: config.state,
+                [config.token]: 1
+            },
+            success: function (response) {
+                if (response.success && response.data.length > 0) {
+                    let html = '<h4>Downloaded Certificates</h4><ul>';
+                    $('#certificateModalOverlay').fadeIn();
+
+                    response.data.forEach(function (cert) {
+                        html += '<div id="certificateContent' + cert.id + '" style="width: 1196px; height: auto;">' + cert.generated_body + '</div>';
+                    });
+
+                    $('#certificateModalContent').html(html);
+
+                    const generatePromises = response.data.map(cert => {
+                        const imageUrl = `${config.certRootUrl}media/com_tjcertificate/certificates/${cert.unique_certificate_id}.png`;
+                        const certEl = document.getElementById('certificateContent' + cert.id);
+
+                        return checkImageExists(imageUrl).then(exists => {
+                            return exists ? Promise.resolve() : generateImage(certEl, cert.unique_certificate_id);
+                        });
+                    });
+
+                    Promise.all(generatePromises).then(() => {
+                        const form = $('<form>', {
+                            method: 'POST',
+                            action: Joomla.getOptions('system.paths').base + '/index.php?option=com_tjcertificate&task=certificates.bulkCertificateDownload',
+                            style: 'display: none;'
+                        });
+
+                        form.append($('<input>', {
+                            type: 'hidden',
+                            name: 'user_id',
+                            value: config.user_id
+                        }));
+
+                        response.data.forEach((cert, index) => {
+                            form.append($('<input>', {
+                                type: 'hidden',
+                                name: 'certificates[' + index + '][unique_certificate_id]',
+                                value: cert.unique_certificate_id
+                            }));
+                        });
+
+                        form.append($('<input>', {
+                            type: 'hidden',
+                            name: config.token,
+                            value: 1
+                        }));
+
+                        $('body').append(form);
+                        $('#ziploader').fadeOut();
+                        form.submit();
+                        form.remove();
+
+                        $('#certificateModalContent').html('<div class="alert alert-success">Certificates downloaded successfully.</div>');
+                        setTimeout(() => $('#certificateModalOverlay').fadeOut(), 2000);
+                    });
+
+                } else {
+                    $('#ziploader').fadeOut();
+                    alert(response.message || 'No certificates found.');
+                }
+            },
+            error: function (xhr) {
+                $('#ziploader').fadeOut();
+                console.error("AJAX Error", xhr.responseText);
+            }
+        });
+    });
+
+    $('#closeModalBtn').on('click', function () {
+        $('#certificateModalOverlay').fadeOut();
+    });
+});
+
+function generateImage($html, $item) {
+    return new Promise((resolve, reject) => {
+        if (typeof html2canvas === 'undefined') {
+            console.error('html2canvas is not available');
+            reject('Missing html2canvas');
+            return;
+        }
+
+        html2canvas($html, {
+            scrollX: 0,
+            scrollY: -window.scrollY,
+            allowTaint: true,
+            useCORS: true
+        }).then(function (canvas) {
+            const imageData = canvas.toDataURL('image/png');
+
+            jQuery.ajax({
+                url: Joomla.getOptions('system.paths').base + '/index.php?option=com_tjcertificate&task=certificate.uploadCertificate',
+                type: 'POST',
+                data: {
+                    image: imageData,
+                    certificateId: $item
+                },
+                success: function () {
+                    resolve();
+                },
+                error: function (xhr) {
+                    console.error("Upload failed for certificate " + $item, xhr.responseText);
+                    reject(xhr.responseText);
+                }
+            });
+
+        }).catch(function (error) {
+            console.error("html2canvas failed:", error);
+            reject(error);
+        });
+    });
+}
+
+function checkImageExists(imageUrl) {
+    return new Promise((resolve) => {
+        const xhr = new XMLHttpRequest();
+        xhr.open('HEAD', imageUrl, true);
+        xhr.onload = () => resolve(xhr.status === 200);
+        xhr.onerror = () => resolve(false);
+        xhr.send();
+    });
+}
\ No newline at end of file
diff --git a/src/components/com_tjcertificate/media/js/certificate.min.js b/src/components/com_tjcertificate/media/js/certificate.min.js
index 129392a1..53a0f3ff 100644
--- a/src/components/com_tjcertificate/media/js/certificate.min.js
+++ b/src/components/com_tjcertificate/media/js/certificate.min.js
@@ -1 +1 @@
-var certificate={validateFile:function(e){if("file"!=jQuery(e).attr("type"))return!1;jQuery("#system-message-container").empty();var r=jQuery(e)[0].files[0],t=r.type,a=r.name.split("."),s=allowedAttachments.split(","),i=0,o=new Array;return""===a[a.length-1]&&null===a[a.length-1]||-1!=jQuery.inArray(t,s)||(i="1",o.push(Joomla.JText._("COM_TJCERTIFICATE_MEDIA_INVALID_FILE_TYPE"))),r.size>1024*attachmentMaxSize*1024&&(i="1",o.push(Joomla.JText._("COM_TJCERTIFICATE_MEDIA_UPLOAD_ERROR")),console.log("COM_TIMELOG_FILE_SIZE_ERROR")),i?(Joomla.renderMessages({error:o}),jQuery("html, body").animate({scrollTop:0},500),!1):void 0},deleteAttachment:function(e){if(1==confirm(Joomla.JText._("COM_TJCERTIFICATE_CONFIRM_DELETE_ATTACHMENT"))){var r={};if(""==e||void 0===e)return!1;r.certificateId=jQuery(e).attr("data-aid"),r.mediaId=jQuery(e).attr("data-mid"),tjCertificateService.deleteAttachment(r).fail(function(e){var r={error:[e.responseText]};certificate.renderMessage(r)}).done(function(r){if(!r.success&&r.message){var t={error:[r.message]};certificate.renderMessage(t)}r.messages&&certificate.renderMessage(r.messages),r.success&&certificate.renderMessage(r.message),jQuery(e).closest("span.fileupload").remove()})}},deleteItem:function(e,r){if(1==confirm(Joomla.JText._("COM_TJCERTIFICATE_DELETE_CERTIFICATE_MESSAGE"))){var t={};if(""==e||void 0===e)return!1;t.certificateId=e,tjCertificateService.deleteItem(t).fail(function(e){var r={error:[e.responseText]};certificate.renderMessage(r)}).done(function(e){if(!e.success&&e.message){var t={error:[e.message]};certificate.renderMessage(t)}e.messages&&certificate.renderMessage(e.messages),e.success&&certificate.renderMessage(e.message),jQuery(r).closest("tr").remove()})}},renderMessage:function(e){Joomla.renderMessages({"alert alert-success":[e]}),jQuery("html, body").animate({scrollTop:0},2e3)},validationEndDate:function(e){var r=jQuery(e).val(),t=jQuery("#jform_issued_on").val();jQuery(document).ready(function(){document.formvalidator.setHandler("expdate",function(e){return!(t>r)||(certificate.renderMessage(Joomla.JText._("COM_TJCERTIFICATE_EXPIRY_DATE_VALIDATION_MESSAGE")),jQuery("#jform_expired_on").val(""),!1)})})},getAgencyUsers:function(e){var r={},t=jQuery("#jform_assigned_user_id"),a=jQuery("#assigned_user_id").val();r.agency_id=jQuery(e).val(),tjCertificateService.getAgencyUsers(r).fail(function(e){var r={error:[e.responseText]};Joomla.renderMessage(r)}).done(function(e){if(!e)return!1;if(e.success){t.empty(),t.trigger("liszt:updated");for(var r=e.data,s=0;s<r.length;++s)selectOption="",a==r[s].value&&(selectOption=' selected="selected" '),op="<option value='"+r[s].value+"' "+selectOption+" > "+r[s].text+"</option>",t.append(op);t.trigger("liszt:updated")}})},addRecords:function(){certificate.showLoader();var e=jQuery(".add-records").serialize(),r={async:!0};tjCertificateService.addRecords(e,r).fail(function(e){var r={error:[e.responseText]};Joomla.renderMessages(r)}).done(function(e){if(jQuery.LoadingOverlay("hide"),!e.success&&e.message){var r={error:[e.message]};Joomla.renderMessages(r)}e.success&&(certificate.renderMessage(e.data.msg),jQuery("#adminForm").trigger("reset"),jQuery("#jform_assigned_user_id").trigger("liszt:updated"))})},showLoader:function(){jQuery.LoadingOverlay("show",{image:Joomla.getOptions("system.paths").root+"/media/com_tjcertificate/images/loader/loader.gif"})}};
+var certificate={validateFile:function(e){if("file"!=jQuery(e).attr("type"))return!1;jQuery("#system-message-container").empty();var t=jQuery(e)[0].files[0],a=t.type,r=t.name.split("."),i=allowedAttachments.split(","),s=0,o=new Array;return""===r[r.length-1]&&null===r[r.length-1]||-1!=jQuery.inArray(a,i)||(s="1",o.push(Joomla.JText._("COM_TJCERTIFICATE_MEDIA_INVALID_FILE_TYPE"))),t.size>1024*attachmentMaxSize*1024&&(s="1",o.push(Joomla.JText._("COM_TJCERTIFICATE_MEDIA_UPLOAD_ERROR")),console.log("COM_TIMELOG_FILE_SIZE_ERROR")),s?(Joomla.renderMessages({error:o}),jQuery("html, body").animate({scrollTop:0},500),!1):void 0},deleteAttachment:function(e){if(1==confirm(Joomla.JText._("COM_TJCERTIFICATE_CONFIRM_DELETE_ATTACHMENT"))){var t={};if(""==e||void 0===e)return!1;t.certificateId=jQuery(e).attr("data-aid"),t.mediaId=jQuery(e).attr("data-mid"),tjCertificateService.deleteAttachment(t).fail((function(e){var t={error:[e.responseText]};certificate.renderMessage(t)})).done((function(t){if(!t.success&&t.message){var a={error:[t.message]};certificate.renderMessage(a)}t.messages&&certificate.renderMessage(t.messages),t.success&&certificate.renderMessage(t.message),jQuery(e).closest("span.fileupload").remove()}))}},deleteItem:function(e,t){if(1==confirm(Joomla.JText._("COM_TJCERTIFICATE_DELETE_CERTIFICATE_MESSAGE"))){var a={};if(""==e||void 0===e)return!1;a.certificateId=e,tjCertificateService.deleteItem(a).fail((function(e){var t={error:[e.responseText]};certificate.renderMessage(t)})).done((function(e){if(!e.success&&e.message){var a={error:[e.message]};certificate.renderMessage(a)}e.messages&&certificate.renderMessage(e.messages),e.success&&certificate.renderMessage(e.message),jQuery(t).closest("tr").remove()}))}},renderMessage:function(e){Joomla.renderMessages({"alert alert-success":[e]}),jQuery("html, body").animate({scrollTop:0},2e3)},validationEndDate:function(e){var t=jQuery(e).val(),a=jQuery("#jform_issued_on").val();jQuery(document).ready((function(){document.formvalidator.setHandler("expdate",(function(e){return!(a>t)||(certificate.renderMessage(Joomla.JText._("COM_TJCERTIFICATE_EXPIRY_DATE_VALIDATION_MESSAGE")),jQuery("#jform_expired_on").val(""),!1)}))}))},getAgencyUsers:function(e){var t={},a=jQuery("#jform_assigned_user_id"),r=jQuery("#assigned_user_id").val();t.agency_id=jQuery(e).val(),tjCertificateService.getAgencyUsers(t).fail((function(e){var t={error:[e.responseText]};Joomla.renderMessage(t)})).done((function(e){if(!e)return!1;if(e.success){a.empty(),a.trigger("liszt:updated");for(var t=e.data,i=0;i<t.length;++i)selectOption="",r==t[i].value&&(selectOption=' selected="selected" '),op="<option value='"+t[i].value+"' "+selectOption+" > "+t[i].text+"</option>",a.append(op);a.trigger("liszt:updated")}}))},addRecords:function(){certificate.showLoader();var e=jQuery(".add-records").serialize(),t={async:!0};tjCertificateService.addRecords(e,t).fail((function(e){var t={error:[e.responseText]};Joomla.renderMessages(t)})).done((function(e){if(jQuery.LoadingOverlay("hide"),!e.success&&e.message){var t={error:[e.message]};Joomla.renderMessages(t)}e.success&&(certificate.renderMessage(e.data.msg),jQuery("#adminForm").trigger("reset"),jQuery("#jform_assigned_user_id").trigger("liszt:updated"))}))},showLoader:function(){jQuery.LoadingOverlay("show",{image:Joomla.getOptions("system.paths").root+"/media/com_tjcertificate/images/loader/loader.gif"})}};function generateImage(e,t){return new Promise(((a,r)=>{if("undefined"==typeof html2canvas)return console.error("html2canvas is not available"),void r("Missing html2canvas");html2canvas(e,{scrollX:0,scrollY:-window.scrollY,allowTaint:!0,useCORS:!0}).then((function(e){const i=e.toDataURL("image/png");jQuery.ajax({url:Joomla.getOptions("system.paths").base+"/index.php?option=com_tjcertificate&task=certificate.uploadCertificate",type:"POST",data:{image:i,certificateId:t},success:function(){a()},error:function(e){console.error("Upload failed for certificate "+t,e.responseText),r(e.responseText)}})})).catch((function(e){console.error("html2canvas failed:",e),r(e)}))}))}function checkImageExists(e){return new Promise((t=>{const a=new XMLHttpRequest;a.open("HEAD",e,!0),a.onload=()=>t(200===a.status),a.onerror=()=>t(!1),a.send()}))}jQuery(document).ready((function(e){const t=Joomla.getOptions("tjcertificate.bulkDownload");e("#bulkCertBtn").on("click",(function(a){a.preventDefault(),e("#ziploader").fadeIn(),e.ajax({url:Joomla.getOptions("system.paths").base+"/index.php?option=com_tjcertificate&task=certificates.fetchCertificatesForBulkDownload",type:"POST",dataType:"json",data:{user_id:t.user_id,client:t.client,state:t.state,[t.token]:1},success:function(a){if(a.success&&a.data.length>0){let r="<h4>Downloaded Certificates</h4><ul>";e("#certificateModalOverlay").fadeIn(),a.data.forEach((function(e){r+='<div id="certificateContent'+e.id+'" style="width: 1196px; height: auto;">'+e.generated_body+"</div>"})),e("#certificateModalContent").html(r);const i=a.data.map((e=>{const a=`${t.certRootUrl}media/com_tjcertificate/certificates/${e.unique_certificate_id}.png`,r=document.getElementById("certificateContent"+e.id);return checkImageExists(a).then((t=>t?Promise.resolve():generateImage(r,e.unique_certificate_id)))}));Promise.all(i).then((()=>{const r=e("<form>",{method:"POST",action:Joomla.getOptions("system.paths").base+"/index.php?option=com_tjcertificate&task=certificates.bulkCertificateDownload",style:"display: none;"});r.append(e("<input>",{type:"hidden",name:"user_id",value:t.user_id})),a.data.forEach(((t,a)=>{r.append(e("<input>",{type:"hidden",name:"certificates["+a+"][unique_certificate_id]",value:t.unique_certificate_id}))})),r.append(e("<input>",{type:"hidden",name:t.token,value:1})),e("body").append(r),e("#ziploader").fadeOut(),r.submit(),r.remove(),e("#certificateModalContent").html('<div class="alert alert-success">Certificates downloaded successfully.</div>'),setTimeout((()=>e("#certificateModalOverlay").fadeOut()),2e3)}))}else e("#ziploader").fadeOut(),alert(a.message||"No certificates found.")},error:function(t){e("#ziploader").fadeOut(),console.error("AJAX Error",t.responseText)}})})),e("#closeModalBtn").on("click",(function(){e("#certificateModalOverlay").fadeOut()}))}));
\ No newline at end of file
diff --git a/src/components/com_tjcertificate/site/controllers/certificates.php b/src/components/com_tjcertificate/site/controllers/certificates.php
index 3134c9c5..57b7799d 100644
--- a/src/components/com_tjcertificate/site/controllers/certificates.php
+++ b/src/components/com_tjcertificate/site/controllers/certificates.php
@@ -16,6 +16,9 @@
 use Joomla\CMS\Factory;
 use Joomla\CMS\Router\Route;
 use Joomla\CMS\Language\Text;
+use Joomla\CMS\Session\Session;	
+use Joomla\CMS\Response\JsonResponse;
+use Joomla\CMS\Uri\Uri;
 
 /**
  * Certificate list controller class.
@@ -103,4 +106,152 @@ public function publish()
 
 		$this->setRedirect('index.php?option=com_tjcertificate&view=certificates&layout=my');
 	}
+
+	/**
+	 * Fetch certificate data for bulk download.
+	 *
+	 * Validates the request for CSRF token and user permissions, then applies
+	 * filters based on agency, client, and state. Returns matching certificate
+	 * records as a JSON response.
+	 *
+	 * @return void
+	 *
+	 * @since __DEPLOY_VERSION__
+	 */
+	public function fetchCertificatesForBulkDownload()
+	{
+
+
+		$app = Factory::getApplication();
+
+		// CSRF token check
+		if (!Session::checkToken('get')) {
+			echo new JsonResponse(null, Text::_('JINVALID_TOKEN'), true);
+			$app->close();
+		}
+
+
+		// Authorization check
+		$user = Factory::getUser();
+		if (
+			!$user->authorise('certificate.external.manage', 'com_tjcertificate') &&
+			!$user->authorise('core.manageall', 'com_cluster')
+		) {
+			echo new JsonResponse(null, Text::_('JERROR_ALERTNOAUTHOR'), true);
+			$app->close();
+		}
+
+
+		// Input retrieval
+		$user_id = $app->input->getInt('user_id', 0);
+		$client   = $app->input->get('client', '', 'STRING');
+		$state    = $app->input->get('state', '', 'STRING');
+
+		// Validation checks
+		if (empty($client)) {
+			echo new JsonResponse(null, Text::_('COM_TJCERTIFICATE_CERTIFICATE_FILTER_CERTIFICATE_TYPE_OR_TYPE_SELECT'), true);
+			$app->close();
+		}
+
+		if ($client === 'external') {
+			echo new JsonResponse(null, Text::_('COM_TJCERTIFICATE_CERTIFICATE_FILTER_CERTIFICATE_CLIENT_IS_EXTERNAL'), true);
+			$app->close();
+		}
+
+		if ($state != 1) {
+			echo new JsonResponse(null, Text::_('COM_TJCERTIFICATE_CERTIFICATE_FILTER_CERTIFICATE_CLIENT_IS_USED_STATE'), true);
+			$app->close();
+		}
+
+		if ($user_id === 0) {
+			echo new JsonResponse(null, Text::_('COM_TJCERTIFICATE_CERTIFICATE_FILTER_CERTIFICATE_CLIENT_OR_SCHOOL_SELECT'), true);
+			$app->close();
+		}
+
+		// Load model and set filters
+		$model = $this->getModel('Certificates', 'TjCertificateModel', []);
+		$model->setState('filter.client', $client);
+		$model->setState('filter.user_id', $user_id);
+		$model->setState('filter.state', $state);
+		$model->setState('list.limit', 0);
+
+		// Fetch certificate data
+		$certificateDatas = $model->getItems();
+
+		// Output as JSON
+		echo new JsonResponse($certificateDatas);
+		$app->close();
+	}
+
+
+	/**
+	 * 
+	 * Function to download bulk certificate
+	 * 
+	 * @return  Null
+	 *
+	 * @since  __DEPLOY_VERSION__
+	 */
+	public function bulkCertificateDownload()
+	{
+		$app = Factory::getApplication();
+
+		$certificateDatas = $app->input->get('certificates', [], 'array');
+		$user_id         = $app->input->getInt('user_id', 0);
+	
+		$user= Factory::getUser($user_id);
+	
+		$folderPath   = JPATH_SITE . '/media/com_tjcertificate/certificates';
+		$zipFileName  = $user->name . '.zip';
+		$zipFilePath  = $folderPath . '/' . $zipFileName;
+	
+		$zip = new ZipArchive();
+	
+		if ($zip->open($zipFilePath, ZipArchive::CREATE | ZipArchive::OVERWRITE) === true)
+		{
+			foreach ($certificateDatas as $certificateData)
+			{
+				$filePath = $folderPath . '/' . $certificateData['unique_certificate_id'] . '.png';
+	
+				if (file_exists($filePath))
+				{
+					$zip->addFile($filePath, basename($filePath));
+				}
+				else
+				{
+					error_log("Missing file: " . $filePath);
+				}
+			}
+	
+			$zip->close();
+	
+			if (file_exists($zipFilePath))
+			{
+				if (ob_get_level())
+				{
+					ob_end_clean();
+				}
+	
+				header('Content-Type: application/zip');
+				header('Content-Disposition: attachment; filename="' . basename($zipFilePath) . '"');
+				header('Content-Length: ' . filesize($zipFilePath));
+				header('Cache-Control: must-revalidate, post-check=0, pre-check=0');
+				header('Expires: 0');
+				header('Pragma: no-cache');
+	
+				readfile($zipFilePath);
+				unlink($zipFilePath);
+			}
+			else
+			{
+				$app->enqueueMessage(Text::_('COM_TJCERTIFICATE_CERTIFICATE_ZIP_FILE_NOT_FOUND'), 'error');
+				$this->setRedirect('index.php?option=com_tjcertificate&view=certificates&layout=my');
+			}
+		}
+		else
+		{
+			$app->enqueueMessage(Text::_('COM_TJCERTIFICATE_CERTIFICATE_ZIP_FILE_CREATION_FAILED'), 'error');
+			$this->setRedirect('index.php?option=com_tjcertificate&view=certificates&layout=my');
+		}
+	}
 }
diff --git a/src/components/com_tjcertificate/site/languages/en-GB/en-GB.com_tjcertificate.ini b/src/components/com_tjcertificate/site/languages/en-GB/en-GB.com_tjcertificate.ini
index e913b148..aa69f910 100644
--- a/src/components/com_tjcertificate/site/languages/en-GB/en-GB.com_tjcertificate.ini
+++ b/src/components/com_tjcertificate/site/languages/en-GB/en-GB.com_tjcertificate.ini
@@ -150,3 +150,13 @@ COM_TJCERTIFICATE_FORM_VALIDATATION_FAILED="Form Validation Failed"
 COM_TJCERTIFICATE_TOTAL_RECORDS_ADDED="Records added for %s user(s)"
 COM_TJCERTIFICATE_RECORDS_ADDED_TO_QUEUE_SUCCESSFULLY="Records added in queue"
 COM_TJCERTIFICATE_USER_LIMIT_MESSAGE="You cannot add more than the %s records."
+
+;bulk download certificate
+COM_TJCERTIFICATE_CERTIFICATE_FILTER_CERTIFICATE_CLIENT_OR_SCHOOL_SELECT="Please select user from filter."
+COM_TJCERTIFICATE_CERTIFICATE_FILTER_CERTIFICATE_TYPE_OR_TYPE_SELECT="Please select type from filter."
+COM_TJCERTIFICATE_CERTIFICATE_ZIP_FILE_NOT_FOUND="Certificate not found please generate it and try again!"
+COM_TJCERTIFICATE_CERTIFICATE_ZIP_FILE_CREATION_FAILED="Zip file creation failed"
+COM_TJCERTIFICATE_BULK_CERTIFICATE_DOWNLOAD="Bulk Download"
+COM_TJCERTIFICATE_CERTIFICATE_FILTER_CERTIFICATE_CLIENT_IS_EXTERNAL="Bulk Download is not available for external type certificate."
+COM_TJCERTIFICATE_CERTIFICATE_ZIP_FILE_DOWNLOAD_SUCCESFULLY="Bulk Certificates downloaded succesfully."
+COM_TJCERTIFICATE_CERTIFICATE_FILTER_CERTIFICATE_CLIENT_IS_USED_STATE="Please avoid selecting the status filter when bulk downloading certificates."
\ No newline at end of file
diff --git a/src/components/com_tjcertificate/site/views/certificates/tmpl/my_bs5.php b/src/components/com_tjcertificate/site/views/certificates/tmpl/my_bs5.php
index 349f624c..c14f6641 100644
--- a/src/components/com_tjcertificate/site/views/certificates/tmpl/my_bs5.php
+++ b/src/components/com_tjcertificate/site/views/certificates/tmpl/my_bs5.php
@@ -17,6 +17,7 @@
 use Joomla\CMS\Router\Route;
 use Joomla\CMS\Plugin\PluginHelper;
 use Joomla\CMS\Factory;
+use Joomla\CMS\Uri\Uri;
 
 HTMLHelper::addIncludePath(JPATH_COMPONENT . '/helpers/html');
 HTMLHelper::_('bootstrap.tooltip');
@@ -41,8 +42,34 @@
 HTMLHelper::_('script', 'com_tjcertificate/tjCertificateService.min.js', $options);
 HTMLHelper::_('script', 'com_tjcertificate/certificate.min.js', $options);
 HTMLHelper::StyleSheet('media/com_tjcertificate/css/tjCertificate.css');
+HTMLHelper::script('media/com_tjcertificate/vendors/html2canvas/js/html2canvas.js');
+
+$client = $this->state->get('filter.client');
+$user_id = $this->state->get('filter.user_id');    
+$state =   $this->state->get('filter.state'); 
+
+// Pass variables to JavaScript
+Factory::getDocument()->addScriptOptions('tjcertificate.bulkDownload', [
+    'user_id'      => (int) $user_id,
+    'client'       => $client,
+    'state'        => $state,
+    'certRootUrl'  => Uri::root(),
+    'token'        => Factory::getSession()->getFormToken()
+]);
 ?>
 
+<div id="ziploader" style="display: none;">
+    <div class="zipspinner">Loading...</div>
+</div>
+<!-- Custom Modal -->
+<div id="certificateModalOverlay">
+  <div id="certificateModalContainer">
+	<button id="closeModalBtn">×</button>
+    <div id="certificateModalContent" style="padding-top: 20px;">
+    </div>
+  </div>
+</div>
+
 <div class="tj-page tjBs5">
 	<div class="row">
 		<form action="<?php echo Route::_('index.php?option=com_tjcertificate&view=certificates&layout=my'); ?>" method="post" name="adminForm" id="adminForm">
@@ -64,7 +91,17 @@
 
 			<?php
 			if ($this->create)
-			{
+			{?>
+
+				<div>
+					<a href=""
+					id="bulkCertBtn"
+					class="btn btn-primary btn-sm pull-right mb-15 m-5">
+					<i class="fa fa-download" aria-hidden="true"></i>
+					<?php echo Text::_("COM_TJCERTIFICATE_BULK_CERTIFICATE_DOWNLOAD"); ?>
+					</a>
+				</div>
+				<?php
 				$recordFormLink = 'index.php?option=com_tjcertificate&view=trainingrecord&layout=edit';
 				$addRecordLink = Route::_($recordFormLink);?>
 				<div>