$(document).ready(function() { var JourneyDate; $('#check_availibilty').click(function(){ JourneyDate = document.getElementById("journeydate").value; if (JourneyDate != "" ) { $.ajax({ url: "https://yatrisuvidha.wb.gov.in/getAvalableSlot", method: "post", data: { JourneyDate: JourneyDate, }, success: function (data) { $("#tc_report").html(data); var table = $("#tbl_slots").DataTable({ "responsive": true, "paging": false, "lengthChange": false, "autoWidth": false, columnDefs: [ { targets: -1, data: null, defaultContent: '', }, ], }); $('#tbl_slots tbody').on('click', 'button', function () { var data = table.row($(this).parents('tr')).data(); $.redirect('BookSlot',{'SlotID':data[0],'SlotName':data[1],'SlotTiming':data[2],'JourneyDate':JourneyDate}); }); } }); } else { $('.alert-danger').addClass('show'); $('.alert-danger').removeClass('d-none'); $('.message-danger').text('Network Error, Please Try again.'); setTimeout(() => { $('.alert').addClass('d-none'); $('.alert').removeClass('show'); }, 3000); } }); //************************** Start Busy Indicator ************************************************* $(document).ajaxStart(function () { $("#wait").css("display", "block"); }); $(document).ajaxComplete(function () { $("#wait").css("display", "none"); }); //************************* End Busy Indicator ************************************************** var AllPassengerInformation = []; $('#add_person').on('click', function () { var tr_count = $("#table tr").length; if(tr_count >= 5){ $('#person_limit_error_btn').click(); }else { function validatePassportNumber(passportNumber) { const regex = /^[A-Za-z0-9]{8,9}$/; return regex.test(passportNumber); } var arr_mobile = $('#mobile_number').val().split(" ").slice(-1); var mobileNumber = arr_mobile[0]; function isValidPhoneNumber(phoneNumber) { const phoneRegex = /^[0-9]{10}$/; return phoneRegex.test(phoneNumber); } var passportNumber = $('#passport_number').val().trim(); if (!validatePassportNumber(passportNumber)) { $('.alert-danger').removeClass('d-none'); $('.alert-danger').addClass('show'); $('.count-down-line').addClass('active'); $('.message-danger').text('Invalid passport number.'); setTimeout(() => { $('.alert-danger').addClass('d-none'); $('.alert-danger').removeClass('show'); $('.count-down-line').removeClass('active'); }, 3000); $('.passport-validation').removeClass('d-none'); $('#passport_number').addClass('border-danger'); } else if(!isValidPhoneNumber(mobileNumber)) { $('.alert-danger').removeClass('d-none'); $('.alert-danger').addClass('show'); $('.count-down-line').addClass('active'); $('.message-danger').text('Invalid mobile number.'); setTimeout(() => { $('.alert-danger').addClass('d-none'); $('.alert-danger').removeClass('show'); $('.count-down-line').removeClass('active'); }, 3000); $('.mobile-validation').removeClass('d-none'); $('#mobile_number').addClass('border-danger'); }else{ $('.mobile-validation').addClass('d-none'); $('.passport-validation').addClass('d-none'); $('#passport_number').removeClass('border-danger'); $('#mobile_number').removeClass('border-danger'); $('.alert-success').removeClass('d-none'); $('.alert-success').addClass('show'); $('.count-down-line').addClass('active'); $('.message-success').text('You have successfully added a passanger.'); setTimeout(() => { $('.alert-success').addClass('d-none'); $('.alert-success').removeClass('show'); $('.count-down-line').removeClass('active'); }, 3000); // getting values from form var slotID = $('#slotID').val(); var name = $('#name').val(); var mobile_number = $('#mobile_number').val().replace('+',''); var email = $('#email').val(); var nationality = $('#nationality').val(); var passport_number = $('#passport_number').val(); var address = $('#address').val(); var intended_travel_date = $('#intended_travel_date').val(); var PassengerInfo = { FullName: name, Address: address, Nationality: nationality, DOB: "2023-05-28", Gender: "M", MobileNo: mobile_number, EmailID: email, PassportNo: passport_number, PassportValidUpto: "2023-05-28", VisaNo: "0", VisaValidUpto: "2023-05-28"}; var BoolingInfo = { PrefferedSlotID: slotID, JourneyDate: intended_travel_date, PassengerInformation: PassengerInfo, AuthInfo : "" } AllPassengerInformation.push(PassengerInfo); // showing the table $('#table').removeClass('d-none'); // adding row dynamically $('#tbody').append(`