// Add hover effect to table rows
const tableRows = document.querySelectorAll('.loan-table tbody tr');
tableRows.forEach(row => {
  row.addEventListener('mouseover', () => {
    row.style.backgroundColor = '#f9f9f9';
  });
  row.addEventListener('mouseout', () => {
    row.style.backgroundColor = '';
  });
});

function returnBook(loanId) {
  if (confirm('Are you sure you want to return this book?')) {
      // Send POST request to return.php
      fetch('Return.php', {
          method: 'POST',
          headers: {
              'Content-Type': 'application/x-www-form-urlencoded',
          },
          body: 'loanId=' + loanId
      })
      .then(response => response.json())
      .then(data => {
          if (data.success) {
              // Reload the page to update the table
              location.reload();
          } else {
              alert('Error returning book: ' + data.message);
          }
      })
      .catch(error => {
          console.error('Error:', error);
          alert('An error occurred while returning the book');
      });
  }
}

function returnWithFine(loanId) {
  if (confirm('This book is overdue. By returning it now, you acknowledge the fine that will be added to your account. Continue?')) {
      fetch('ReturnWithFine.php', {
          method: 'POST',
          headers: {
              'Content-Type': 'application/x-www-form-urlencoded',
          },
          body: 'loanId=' + loanId
      })
      .then(response => response.json())
      .then(data => {
          if (data.success) {
              alert(`Book returned successfully. A fine has been added to your account.`);
              location.reload();
          } else {
              alert('Error returning book: ' + data.message);
          }
      })
      .catch(error => {
          console.error('Error:', error);
          alert('An error occurred while returning the book');
      });
  }
}


// Add fine payment functionality
function payFines() {
    const paymentLink = document.querySelector('.action-link-pay');
    const totalAmount = paymentLink.getAttribute('data-total');

    console.log('Total amount: ' + totalAmount);
    console.log(paymentLink);

    if (confirm(`Are you sure you want to pay all unpaid fines? Total amount: $${totalAmount}`)) {
        fetch('PayFines.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded',
            }
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                alert('All fines have been paid successfully!');
                location.reload();
            } else {
                alert('Error processing payment: ' + data.message);
            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('An error occurred while processing the payment');
        });
    }
}

/*
// Add click event listener for the payment link
document.addEventListener('DOMContentLoaded', function() {
    const paymentLink = document.querySelector('.action-link-pay');
    if (paymentLink) {
        paymentLink.addEventListener('click', function(e) {
            e.preventDefault();
            payFines();
        });
    }
});
*/