function validateShow(accessnumber) {
    const modalBody = $('#validateModal .modal-body');
    modalBody.html('<div class="text-center py-5"><div class="spinner-border text-primary" role="status"><span class="visually-hidden">Loading...</span></div><p class="mt-2">Fetching verification details for #' + accessnumber + '...</p></div>');

    $.ajax({
      url: `${BASE_URL}/api/request/validate/${accessnumber}`,
      method: 'GET',
      dataType: 'html',
      success: function(response) {  
        modalBody.html(response);
      },
      error: function(xhr, status, error) {
        console.error("AJAX Error:", status, error);
        modalBody.html(`
          <div class="alert alert-danger" role="alert">
            <strong>Error loading content:</strong> Could not retrieve verification details.
            <p class="mt-1 mb-0"><small>Details: ${error}</small></p>
          </div>
        `);
      }
    });
  }

  function unvalidate(accessnumber,userid) {
    if(confirm("Are you sure?")) {
			fetch(`${BASE_URL}/api/request/validate/${accessnumber}`, {
				method: "DELETE",
				headers: {"Content-Type": "application/json"},
				body: JSON.stringify({ userid:`${userid}` })
			}).then(response => {
				console.log("Response:", response);
				$(`#val1user-${accessnumber}`).text("1 : ");
				$(`#val2user-${accessnumber}`).text("2 : ");
				$(`#valBtn-${accessnumber}`).prop('disabled', false);
				$(`#unvalBtn-${accessnumber}`).prop('disabled', false);
			}).catch(error => {
				console.log("Error:", error);
			});
  
      /*
			const cell = document.querySelector(`[data-acc="${accessnumber}"]`);
      if(cell){
        cell.querySelector(".badge").textContent = "0";
        const btn = cell.querySelector(".invalidate-btn");
        if (btn) btn.remove();
      }
			*/
    } 
  }

  function validate(accessnumber,userid) {
    // toggle checkbox
    const row = document.getElementById(`row-${accessnumber}`);

    fetch(`${BASE_URL}/api/request/validate/${accessnumber}`, {
      method: "POST",
      headers: {"Content-Type": "application/json"},
      body: JSON.stringify({ userid:`${userid}` })
    }).then(response => {
			$(`#validateModal`).modal('hide');
			$(`#valBtn-${accessnumber}`).prop('disabled', true);
			response.json().then(data => {
				console.log("Success:", data);
				if(data.val === 1){ $(`#val1user-${accessnumber}`).text("1 : "+data.userid || '1 :'); }
				if(data.val === 2){ $(`#val2user-${accessnumber}`).text("2 : "+data.userid || '2 :'); }
			});
    }).catch(error => {
      console.log("Error:", error);
    });
  }