<!-- 
    1. PHP ile 10 dakikada bir tıklanabilen buton oluştur
    2. kalan süreyi saat dakika saniye olarak bir div içerisinde göster
    3. süre bittiğinde butonu tekrar tıklanabilir hale getir
-->

<?php
$lastTime = time();                                     // 1. butonun son tıklanma zamanını al
$lastTime = $lastTime + 600;                            // 1. butonun son tıklanma zamanına 10 dakika ekle
$lastTime = date("Y-m-d H:i:s", $lastTime);             // 1. butonun son tıklanma zamanını tarih formatına çevir

$now = time();                                          // 2. şu anki zamanı al
$end = strtotime($lastTime);                            // 2. butonun son tıklanma zamanını tarih formatından çıkar
$diff = $end - $now;                                    // 2. butonun son tıklanma zamanından şu anki zamanı çıkar
// $hours = floor($diff / 3600);                        // 2. kalan süreyi saat olarak al
$mins = floor($diff / 60 % 60);                         // 2. kalan süreyi dakika olarak al
$secs = floor($diff % 60);                              // 2. kalan süreyi saniye olarak al
// echo $hours . " saat " . $mins . " dakika " . $secs . " saniye";
// echo $mins . " dakika " . $secs . " saniye";
?>

<div id="time"></div>                                   <!-- 2. kalan süreyi saat dakika saniye olarak bir div içerisinde göster -->
<button id="btn">Tıkla</button>                         <!-- 1. butonu oluştur -->

<script>                                                
    let btn = document.getElementById("btn");           // 1. butonu seç
    let time = document.getElementById("time");         // 2. kalan süreyi saat dakika saniye olarak bir div içerisinde göster
    let mins = <?php echo $mins; ?>;                    // 2. dakika olarak al
    let secs = <?php echo $secs; ?>;                    // 2. saniye olarak al
    btn.addEventListener("click", () => {               // 1. butona tıklandığında
        btn.disabled = true;                            // 1. butonu tıklanamaz hale getir
        let timer = setInterval(() => {                 // 2. süre bittiğinde butonu tekrar tıklanabilir hale getir
            if (mins == 0 && secs == 0) {               
                btn.disabled = false;                   // 2. butonu tekrar tıklanabilir hale getir
                clearInterval(timer);                   // 2. süre bittiğinde butonu tekrar tıklanabilir hale getir
            } else {                                    
                if (secs == 0) {                        // 2. saniye 0 ise
                    mins--;                             // 2. dakikayı 1 azalt
                    secs = 59;                          // 2. saniyeyi 59 yap
                } else {                                
                    secs--;                             // 2. saniyeyi 1 azalt
                }
                time.innerHTML = mins + " dakika " + secs + " saniye";  // 2. kalan süreyi saat dakika saniye olarak bir div içerisinde göster
            }
        }, 1000);                                       // 2. süre bittiğinde butonu tekrar tıklanabilir hale getir
    });
</script>

<!-- 
    1. JS ile 10 dakikada bir tıklanabilen buton oluşturuyoruz
    2. kalan süreyi saat dakika saniye olarak bir div içerisinde gösteriyoruz
    3. süre bittiğinde butonu tekrar tıklanabilir hale getiriyoruz
-->
<button id="btn">Tıkla</button> 
<br><br>
<div id="time"></div>

<script>
    let btn = document.getElementById("btn");                           // butonu seçtik
    let time = document.getElementById("time");                         // div'i seçtik
    let timeLeft = 600;                                                 // 10 dakika = 600 saniye
    let timer = null;                                                   // timer değişkeni oluşturduk

    btn.addEventListener("click", () => {                               // butona tıklandığında
        if (timer == null) {                                            // timer boşsa
            btn.disabled = true;                                        // butonu devre dışı bırak
            timer = setInterval(() => {                                 // timer değişkenine setInterval fonksiyonunu atadık
                timeLeft--;                                             // her saniyede 1 azalttık
                // let hour = Math.floor(timeLeft / 3600);              // saat
                let minute = Math.floor((timeLeft % 3600) / 60);        // dakika
                let second = timeLeft % 60;                             // saniye
                // time.innerHTML = `Kalan Süre: ${hour} : ${minute} : ${second}`;
                time.innerHTML = `Kalan Süre: ${minute} : ${second}`;   // dakika saniye olarak yazdırdık
                if (timeLeft == 0) {                                    // süre bittiğinde
                    clearInterval(timer);                               // timer'ı durdurduk
                    timer = null;                                       // timer değişkenini boşalttık
                    btn.disabled = false;                               // butonu tekrar tıklanabilir hale getirdik
                    timeLeft = 600;                                     // süreyi tekrar 600 saniye yaptık
                }                                                       
            }, 1000);                                                   // her saniyede bir çalıştır
        }                                                           
    });
</script>

if(butonaBasilanTarih+10dk<DateTime.Now()){
 console.log("tekrar butona basabilir")
}
else{
 alert("10dk gecmesini bekleyin.")
}