document.addEventListener('DOMContentLoaded', function() {
const pnrForm = document.getElementById('pnr-form');
if (pnrForm) {
pnrForm.addEventListener('submit', function(event) {
event.preventDefault();
const pnrNumber = document.getElementById('pnr-number').value;
const resultDiv = document.getElementById('pnr-result');
resultDiv.innerHTML = '';
fetch(`api/pnr_handler.php?pnr=${pnrNumber}`)
.then(response => response.json())
.then(data => {
if (data.ResponseCode == 200) {
let passengerHtml = '';
data.Passengers.forEach((p, index) => {
passengerHtml += `
| ${index + 1} |
${p.BookingStatus} |
${p.CurrentStatus} |
`;
});
resultDiv.innerHTML = `
${data.TrainName} (${data.TrainNo})
From: ${data.From} To: ${data.To} Date: ${data.Doj}
| # | Booking Status | Current Status |
|---|
${passengerHtml}
Charting Status: ${data.ChartingStatus}
`;
} else {
resultDiv.innerHTML = `${data.Message || 'Could not fetch PNR status. Please check the PNR and try again.'}
`;
}
})
.catch(error => {
console.error('Error:', error);
resultDiv.innerHTML = `An error occurred while fetching data.
`;
});
});
}
});