From 3de0e6367fec5f2a3f1865614dc95f2f4d869fd8 Mon Sep 17 00:00:00 2001
From: cnohall <christopher.nohall@gmail.com>
Date: Thu, 5 Sep 2024 10:06:44 +0900
Subject: [PATCH] add timer

---
 .../Blockonomics/Blockonomics.php             |  8 +++++
 .../gateways/blockonomics/pay.blade.php       | 29 +++++++++++++++++++
 2 files changed, 37 insertions(+)

diff --git a/app/PaymentDrivers/Blockonomics/Blockonomics.php b/app/PaymentDrivers/Blockonomics/Blockonomics.php
index a9010ddef96f..6078290f1f93 100644
--- a/app/PaymentDrivers/Blockonomics/Blockonomics.php
+++ b/app/PaymentDrivers/Blockonomics/Blockonomics.php
@@ -85,6 +85,13 @@ class Blockonomics implements MethodInterface
         return "Something went wrong";
     }
 
+    public function getTenMinutesCountDownEndTime()
+    {
+        $duration_in_sec = 10 * 60; // 10 minutes in seconds
+        $current_time = time();
+        return $current_time + $duration_in_sec;
+    }
+
     public function getBTCPrice()
     {
         $currency_code = $this->driver_class->client->getCurrencyCode();
@@ -105,6 +112,7 @@ class Blockonomics implements MethodInterface
         $data['btc_amount'] = round($btc_amount, 10);
         $data['btc_address'] = $this->getBTCAddress();
         $data['invoice_id'] = $this->invoice_id;
+        $data['end_time'] = $this->getTenMinutesCountDownEndTime();
         return render('gateways.blockonomics.pay', $data);
     }
 
diff --git a/resources/views/portal/ninja2020/gateways/blockonomics/pay.blade.php b/resources/views/portal/ninja2020/gateways/blockonomics/pay.blade.php
index a881e69fbac5..9bc92b773877 100644
--- a/resources/views/portal/ninja2020/gateways/blockonomics/pay.blade.php
+++ b/resources/views/portal/ninja2020/gateways/blockonomics/pay.blade.php
@@ -10,7 +10,36 @@
     <input name="btcAmount" value="BTC {{$btc_amount}} ≈ {{$amount}} {{$currency}}" readonly>
     <div>To this bitcoin address</div>
     <input name="btcAddress" value="{{$btc_address}}" readonly>
+    <div id="countdown"></div>
+    <script>
+        // Get the end time as a Unix timestamp (seconds)
+        var endTimeUnix = {{ $end_time }};
+        console.log("End time (Unix timestamp):", endTimeUnix); // For debugging
 
+        // Convert Unix timestamp to milliseconds for JavaScript Date
+        var countDownDate = endTimeUnix * 1000;
+
+        function updateCountdown() {
+            var now = new Date().getTime();
+            var distance = countDownDate - now;
+
+            if (distance < 0) {
+                document.getElementById("countdown").innerHTML = "EXPIRED";
+                return;
+            }
+
+            var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+            var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+            document.getElementById("countdown").innerHTML = 
+                "0" + minutes + ":" +
+                (seconds < 10 ? "0" : "") + seconds + " min";
+        }
+
+        // Update immediately and then every second
+        updateCountdown();
+        var x = setInterval(updateCountdown, 1000);
+    </script>
 
     <form action="{{ route('client.payments.response') }}" method="post" id="server-response">
         @csrf