From 930919a6f99626436bf2e24aa0ee2b0566808a88 Mon Sep 17 00:00:00 2001
From: "Indoteknik ." <andrifebriyadiputra@gmail.com>
Date: Mon, 11 Aug 2025 13:53:36 +0700
Subject: (andri) add iframe embed tutorial pengajuan tempo

---
 src/lib/pengajuan-tempo/component/FinishTempo.jsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

(limited to 'src/lib')

diff --git a/src/lib/pengajuan-tempo/component/FinishTempo.jsx b/src/lib/pengajuan-tempo/component/FinishTempo.jsx
index aacb9ef3..84c80e60 100644
--- a/src/lib/pengajuan-tempo/component/FinishTempo.jsx
+++ b/src/lib/pengajuan-tempo/component/FinishTempo.jsx
@@ -111,6 +111,26 @@ const FinishTempo = ({ query }) => {
           : 'Kembali Ke Beranda'}
         <ChevronRightIcon className='w-5' />
       </Link>
+      {/* Video panduan khusus tampil saat status switch-account */}
+      {query?.status === 'switch-account' && (
+        <div className="mt-6 w-full max-w-3xl mx-auto px-4 text-center text-gray-700 mb-6 md:mb-20">
+          <div className="mb-3 font-medium">
+            <p>Agar tidak bingung saat mengubah akun,</p>
+            <p>Yuk pelajari dulu langkah-langkah pengajuan tempo lewat video berikut</p>
+          </div>
+          <div className="relative" style={{ paddingTop: '56.25%' /* 16:9 aspect ratio */ }}>
+            <iframe
+              src="https://www.youtube.com/embed/m15f8-eLqUc?si=frNbGnJu1zjINnDT"
+              title="YouTube video player"
+              frameBorder="0"
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+              allowFullScreen
+              referrerPolicy="strict-origin-when-cross-origin"
+              className="absolute top-0 left-0 w-full h-full rounded-md shadow-lg"
+            ></iframe>
+          </div>
+        </div>
+      )}
     </div>
   );
 };
-- 
cgit v1.2.3