<div class="box">알람</div><div class="text"></div>
   
 
  <?PHP if( $is_admin) { ?>
      <h1 class="livt">알람 설정</h1>
      <label for="time">시작 시간:</label>
      <input type="time" id="time" name="time">
      <button id="setAlarm">설정</button>
 
      <label for="time2">알람 시간:</label>
      <input type="time" id="time2" name="time2">
      <button id="setAlarm2">설정</button>
 
      <input type="text" id="textInput" placeholder="">
      <button id="submitButton">출력</button>
      <div id="output"></div>
    <?PHP } ?>  
  <script>
 
    $(document).ready(function() {
      $('#submitButton').click(function() {
        var inputText = $('#textInput').val();
        $('.text').text(inputText);
      });
 
      $("#setAlarm").click(function() {
        var alarmTime = $("#time").val(); 
        var currentTime = new Date(); 
        var selectedTime = new Date(currentTime.toDateString() + " " + alarmTime); 

 
        if (selectedTime <= currentTime) {
          // 선택한 시간이 현재 시간보다 이전인 경우
          alert("유효하지 않은 알람 시간입니다.");
          return;
        }
 
        var timeDiff = selectedTime - currentTime; 
 
        setTimeout(function() {
          $(".box").addClass('show');
          $("#submitButton").trigger('click');
        }, timeDiff);
      });
 
      $("#setAlarm2").click(function() {
        var alarmTime2 = $("#time2").val(); 
        var currentTime2 = new Date(); 
        var selectedTime2 = new Date(currentTime2.toDateString() + " " + alarmTime2);
 
        if (selectedTime2 <= currentTime2) {
          // 선택한 시간이 현재 시간보다 이전인 경우
          alert("유효하지 않은 알람 시간입니다.");
          return;
        }
 
        var timeDiff2 = selectedTime2 - currentTime2; 
 
        setTimeout(function() {
          $(".box").removeClass('show');
          $(".text").html('지금은 알람이 없습니다');
        }, timeDiff2);
      });
    });
  </script>