1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <!-- Title --> 6 <title>Track My Bus : CSR Travels</title> 7 8 9 <style> 10 :root { 11 --theme-primary-color-h: 43.59deg; 12 --theme-primary-color-s: 100%; 13 --theme-primary-color-l: 51.96%; 14 --theme-secondary-color-h: 187.5deg; 15 --theme-secondary-color-s: 67.29%; 16 --theme-secondary-color-l: 41.96%; 17 --theme-primary-color: #ffbc0a; 18 --theme-secondary-color: #23a1b3; 19 --theme-primaryDark-color: #b38407; 20 --theme-primaryHSL-color: {"H":43.59,"S":100,"L":51.96}; 21 --theme-secondaryHSL-color: {"H":187.5,"S":67.29,"L":41.96}; 22 } 23 </style> 24 25 <!-- Meta --> 26 <meta charset="UTF-8"> 27 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 28 <meta name="keywords" content="CSR Travels live tracking"> 29 <meta name="description" content="Track CSR Travels bus tickets online for hassle free boarding."> 30 <meta name="theme-color" content="#ffbc0a" /> 31 32 <!-- Open Graph / Facebook --> 33 <meta property="og:type" content="website"> 34 <meta property="og:url" content="https://www.csrtravels.com/track-my-bus"> 35 <meta property="og:title" content="Track My Bus : CSR Travels"> 36 <meta property="og:description" content="Track CSR Travels bus tickets online for hassle free boarding."> 37 <meta property="og:image" content="https://www.csrtravels.com/assets/images/logo.png"> 38 <meta property="og:image:alt" content="Logo of CSR Travels" /> 39 40 <!-- Twitter --> 41 <meta property="twitter:card" content="summary_large_image"> 42 <meta property="twitter:url" content="https://www.csrtravels.com/track-my-bus"> 43 <meta property="twitter:title" content="Track My Bus : CSR Travels"> 44 <meta property="twitter:description" content="Track CSR Travels bus tickets online for hassle free boarding."> 45 <meta property="twitter:image" content="https://www.csrtravels.com/assets/images/logo.png"> 46 <meta property="twitter:image:alt" content="Logo of CSR Travels" /> 47 48 49 <!-- Base URL & Favicon --> 50 <base href="https://www.csrtravels.com/"> 51 <link rel="shortcut icon" href="assets/images/favicon.png" type="image/png"> 52 <link rel="canonical" href="https://www.csrtravels.com/track-my-bus" /> 53 54 <!-- Fonts & Styles --> 55 <link rel="preconnect" href="https://fonts.googleapis.com"> 56 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 57 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet"> 58 <link href="https://web.cdn.ezeebus.com/portal/static/icons/ezeeicons/ezeeicons-style.css" rel="stylesheet" media="screen"> 59 <link href="assets/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen"> 60 <link href="assets/lib/selectize/css/selectize.css" rel="stylesheet" type="text/css" media="screen"> 61 <link href="assets/lib/selectize/css/selectize.bootstrap4.css" rel="stylesheet" type="text/css" media="screen"> 62 <link href="assets/lib/bootstrap-datepicker/css/bootstrap-datepicker3.standalone.min.css" rel="stylesheet" type="text/css" media="screen"> 63 <link href="assets/lib/fancyapps/fancybox.css" rel="stylesheet" /> 64 <link rel="stylesheet" type="text/css" href="assets/lib/sal/sal.css" /> 65 <link href="assets/css/busmap.css?v=1784614886" rel="stylesheet" type="text/css" media="screen"> 66 <link href="assets/css/style.css?v=1761834434" rel="stylesheet" type="text/css" media="screen"> 67 <link href="assets/css/shared.css?v=1785569119" rel="stylesheet" type="text/css" media="screen"> 68 <link href="assets/css/search.css?v=1790151342" rel="stylesheet" type="text/css" media="screen"> 69 <link rel="stylesheet" type="text/css" href="assets/lib/slick/slick.css" /> 70 <link rel="stylesheet" type="text/css" href="assets/lib/slick/slick-theme.css" /> 71 <link rel="stylesheet" type="text/css" href="assets/css/dynamic-theme.css" /> 72 <!-- Scripts --> 73
73<script type="text/javascript" src="assets/lib/jquery/jquery.min.js"></script>
73 74
74<script type="text/javascript" src="assets/lib/bootstrap/js/bootstrap.bundle.min.js" defer></script>
74 75
75<script type="text/javascript" src="assets/lib/moment/moment.min.js" defer></script>
75 76
76<script type="text/javascript" src="assets/lib/selectize/js/standalone/selectize.min.js" defer></script>
76 77
77<script type="text/javascript" src="assets/lib/bootstrap-datepicker/js/bootstrap-datepicker.min.js" defer></script>
77 78
78<script type="text/javascript" src="assets/lib/fancyapps/fancybox.umd.js" defer></script>
78 79
79<script src="https://unpkg.com/@dotlottie/[email protected]/dist/dotlottie-player.mjs" type="module"></script>
79 80
80<script type="text/javascript" src="assets/js/scripts.js?v=1790151342" defer></script>
80 81
81<script type="text/javascript" src="assets/lib/confetti/js/canvas.confetti.js"></script>
81 82
82<script type="text/javascript" src="assets/lib/sal/sal.js"></script>
82 83
83<script type="text/javascript" src="assets/lib/slick/slick.min.js"></script>
83 84 85 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 67 bytes, lines 85-86
85 86 <script async src="https://www.googletagmanager.com/gtag/js?id=
86G-QGVNZQKQ2B
vendor: 15 bytes, lines 86-87
86"></script> 87
87<script> 88
vendor: 152 bytes, lines 88-94
88window.dataLayer = window.dataLayer || []; 89 90 function gtag() { 91 dataLayer.push(arguments); 92 } 93 gtag('js', new Date()); 94 gtag('config', '
94G-QGVNZQKQ2B
vendor: 7 bytes, lines 94-95
94'); 95
95</script>
95 96 <!-- Google Tag Manager --> 97
97<script>
vendor: 447 bytes, lines 97-111
97 98 (function(w, d, s, l, i) { 99 w[l] = w[l] || []; 100 w[l].push({ 101 'gtm.start': new Date().getTime(), 102 event: 'gtm.js' 103 }); 104 var f = d.getElementsByTagName(s)[0], 105 j = d.createElement(s), 106 dl = l != 'dataLayer' ? '&l=' + l : ''; 107 j.async = true; 108 j.src = 109 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 110 f.parentNode.insertBefore(j, f); 111 })(window, document, 'script', 'dataLayer', '
111GTM-MMT5DBXN
vendor: 7 bytes, lines 111-112
111'); 112
112</script>
112 113 <!-- End Google Tag Manager --> 114 115</head> 116 117<body data-page="track-my-bus"> 118 <!-- Google Tag Manager (noscript) -->
vendor: 76 bytes, lines 118-120
118 119 <noscript> 120 <iframe src="https://www.googletagmanager.com/ns.html?id=
120GTM-MMT5DBXN
vendor: 90 bytes, lines 120-122
120" height="0" width="0" style="display:none;visibility:hidden"></iframe> 121 </noscript> 122
122<!-- End Google Tag Manager (noscript) --> 123 <!-- Fonts --> 124<link rel="preconnect" href="https://fonts.googleapis.com"> 125<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 126<link href="https://fonts.googleapis.com/css2?family=Bricolage%20Grotesque:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet"> 127<link href="https://fonts.googleapis.com/css2?family=Righteous:wght@400&display=swap" rel="stylesheet"> 128<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> 129<header class="header-section"> 130 <div class="top-header"> 131 <div class="container"> 132 <div class="row justify-content-end"> 133 <div class="col-lg-auto"> 134 <div class="top-header"> 135 <ul class="top-header-list"> 136 <li><i class="fas fa-phone-alt"></i><a href="tel:8019047788">80190 47788</a></li> 137 <li><i class="fas fa-envelope"></i><a href="mailto:[email protected]">[email protected]</a></li> 138 </ul> 139 </div> 140 </div> 141 <div class="col-lg-auto"> 142 <a target="_blank" href="https://play.google.com/store/apps/details?id=com.ezee.csrbus"> 143 <img src="assets/images/badges/google-play-badge.png" alt="Get it on Google Play" width="110"> 144 </a> 145 </div> 146 </div> 147 </div> 148 </div> 149 </div> 150 <div class="bottom-header"> 151 <div class="container"> 152 <div class="row align-items-center justify-content-between"> 153 <div class="col-lg-3"> 154 <a href="./" class="logo"><img src="assets/images/logo.png?1" alt="logo"></a> 155 </div> 156 <div class="col-lg-auto"> 157 <ul class="bottom-header-list"> 158 <li><a href="./">Home</a></li> 159 <li class="dropdown"> 160 <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">Manage Ticket<b class="caret"></b></a> 161 <ul class="dropdown-menu"> 162 <li><a href="manage-ticket?action=print">Print Ticket</a></li> 163 <li><a href="manage-ticket?action=edit">Edit Ticket</a></li> 164 <li><a href="manage-ticket?action=cancel">Cancel Ticket</a></li> 165 <li><a href="manage-ticket?action=download">Download Ticket</a></li> 166 <li><a href="manage-ticket?action=sms">Send SMS / Email</a></li> 167 <li><a href="manage-ticket?action=reschedule">Reschedule Ticket</a></li> 168 <li><a href="manage-ticket?action=refund"> Check Refund Status</a></li> 169 </ul> 170 </li> 171 <li><a href="track-my-bus">Track Bus</a></li> 172 <li><a href="contact">Contact Us</a></li> 173 </ul> 174 </div> 175 <div class="col-lg-auto"> 176 <ul class="top-header-list"> 177 <li class="header-login"><a href="#" data-toggle="modal" data-target="#otp-login"><i class="fas fa-user"></i>Customer Login</a></li> 178 <li class="header-login"><a href="#" data-toggle="modal" data-target="#agent-login"><i class="fas fa-sign-in-alt"></i>Login</a></li> 179 </ul> 180 </div> 181 </div> 182 </div> 183 </div> 184</header> 185<!-- header-end --> 186 187<section id="body-content"> 188 <div class="bg-secondary py-3"> 189 <div class="container"> 190 <span class="h5 text-white">Track My Bus</span> 191 </div> 192</div> 193 194<!-- Content --> 195<section id="content"> 196 <div class="container"> 197 198 <form id="ticket-tracking-form" onsubmit="getTrackingDetails()" novalidate> 199 <div class="row"> 200 <div class="col-sm-10"> 201 <div class="form-group"> 202 <label for="ticket-tracking-pnr">PNR / Mobile Number</label> 203 <input type="text" class="form-control text-uppercase-isvalid" id="ticket-tracking-pnr" placeholder="Enter PNR / Mobile Number" value="" maxlength="20" aria-describedby="ticket-tracking-pnr-help" required> 204 <small id="ticket-tracking-pnr-help" class="form-text text-muted">Enter your PNR / Mobile number to get ticket details and live tracking.</small> 205 </div> 206 </div> 207 <div class="col-sm-2 my-4 px-2"> 208 <button type="submit" class="btn btn-primary col my-1" id="ticket-tracking-btn">Get Details</button> 209 </div> 210 </div> 211 <div id="ticket-tracking-alert"></div> 212 </form> 213 214 <div id="ticket-tracking-cont"></div> 215 216 </div> 217</section> 218 219</section> 220 221<!-- Footer Starts --> 222<footer class="footer-section"> 223 <div class="container"> 224 <div class="footer-top"> 225 <div class="row justify-content-between"> 226 <div class="col-auto col-lg-4"> 227 <div class="text-center"> 228 <div class="footer-logo"><img src="assets/images/footer-logo.png?1" alt="Logo" loading="lazy"></div><br> 229 <p class="section-text text-center">On Book <b class="section-highlight">CSR Travels</b> online in website and from your mobile with few easy steps. Go to <b class="section-highlight">My Bookings</b> to manage your account.</p> 230 </div>
231 </div> 232 <div class="col-auto"> 233 <h3>Quick Links</h3> 234 <ul class="footer-links"> 235 <li><i class="fas fa-angle-double-right"></i><a href="faq">FAQ</a></li> 236 <li><i class="fas fa-angle-double-right"></i><a href="terms">Terms & Conditions</a></li> 237 <li><i class="fas fa-angle-double-right"></i><a href="privacy-policy">Privacy Policy</a></li> 238 <li><i class="fas fa-angle-double-right"></i><a href="feedback">Feedback</a></li> 239 <li><i class="fas fa-angle-double-right"></i><a href="contact">Contact Us</a></li> 240 <li><i class="fas fa-angle-double-right"></i><a href="boarding-places">Boarding Places</a></li> 241 </ul> 242 </div><br> 243 <div class="col-auto"> 244 <h3>Manage Ticket</h3> 245 <ul class="footer-links"> 246 <li><i class="fas fa-angle-double-right"></i><a href="manage-ticket?action=download">Download Ticket </a></li> 247 <li><i class="fas fa-angle-double-right"></i><a href="track-my-bus">Track Your Bus</a></li> 248 <li><i class="fas fa-angle-double-right"></i><a href="manage-ticket?action=cancel">Cancel Ticket</a></li> 249 <li><i class="fas fa-angle-double-right"></i><a href="manage-ticket?action=edit">Change Boarding Point </a></li> 250 <li><i class="fas fa-angle-double-right"></i><a href="manage-ticket?action=reschedule">Change Travel Date</a></li> 251 <li><i class="fas fa-angle-double-right"></i><a href="manage-ticket?action=refund"> Check Refund Status</a></li> 252 </ul> 253 </div> 254 <div class="col-6 col-md-3"> 255 <h3>Get In Touch</h3> 256 <ul> 257 <li><i class="fas fa-map-marker-alt"></i>Bharath Petrol Bunk Opposite , Vijayamahal Center, Mini Bypass, Nellore, Andhra Pradesh</li> 258 <li><i class="fas fa-envelope"></i><a href="mailto:[email protected]">[email protected]</a></li> 259 <li><i class="fas fa-phone-alt"></i><a href="tel:8019047788">80190 47788</a></li> 260 </ul> 261 </div> 262 </div> 263 </div> 264 <div class="footer-bottom"> 265 <div class="row justify-content-between"> 266 <div class="col-auto"> 267 <p>© 2026 - CSR Travels </p> 268 </div> 269 <div class="col-auto"> 270 <p>Powered By <a href="https://www.ezeeinfocloudsolutions.com/" target="_blank">Ezee Info Cloud Solutions</a> | <a href="https://www.ezeebus.com/" target="_blank">Ezeebus.com</a></p> 271 </div> 272 </div> 273 </div> 274 </div> 275</footer> 276<!-- Footer End --> 277 278 279 <!-- Modal --> 280<div class="modal fade" id="otp-login" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="otp-login-label" aria-hidden="true"> 281 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg"> 282 <div class="modal-content br-24"> 283 <div class="row m-0"> 284 <div class="col-md-7 pr-0 pl-0"> 285 <div class="login-div"> 286 <img src="assets/images/logo.png" alt="logo" class="logo"> 287 <img src="assets/images/login-bg.svg" alt="login background" width="100%"> 288 </div> 289 </div> 290 <div class="col-md-5 login-card"> 291 <div class="modal-header"> 292 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 293 <span aria-hidden="true">×</span> 294 </button> 295 </div> 296 <div class="modal-body"> 297 <div class="p-2"> 298 <div class="text-center text-muted py-2"> 299 <span class="text-primary h6">Login</span> or <span class="text-primary h6">Signup</span> 300 </div> 301 302 <form class="" id="otp-login-forms" onsubmit="return false"> 303 304 <!-- Mobile Number --> 305 <div id="mobile-sections"> 306 <div class="mob-info">Enter mobile number to continue</div> 307 <div class="form-group position-relative"> 308 <!-- <i class="far fa-address-book placholder-icon"></i> --> 309 <!-- <small id="otp-login-mobile-help" class="form-text text-muted">OTP will be sent to this mobile number.</small> --> 310 <div class="phone-card"> 311 <img src="assets/images/addon-icons/phone.svg" class="phone-icon" alt="Phone Icon"> 312 <input type="tel" class="phone-control " id="otp-login-mobiles" placeholder="Enter Mobile No" maxlength="13" oninput="formatMobileNo(event)" aria-describedby="otp-login-mobile-help"> 313 </div> 314 </div> 315 316 <!-- Captcha --> 317 <div class="form-group"> 318 <label class="">Verify you're human</label> 319 <div class="d-flex align-items-center _g-7 mb-2"> 320 <img class="captcha-image" src="" alt="captcha"> 321 <button type="button" class="btn btn-sm btn-primary captcha-refresh" 322 onclick="genCaptcha()"> 323 <i class="fas fa-sync-alt"></i> 324 </button> 325 </div> 326 <input type="text" class="captcha-control" id="captchaCode" 327 placeholder="Enter captcha" autocomplete="off" maxlength="5"> 328 </div> 329 330 <div class="mobile-hide"> 331 <div class="text-center text-muted py-2"> 332 By Logging in, I understand & agree to<br /> 333 CSR Travels<br /> 334 <a href="terms">terms & conditions</a> 335 </div> 336 <div id="otp-login-alerts"></div> 337 <button type="submit" class="btn btn-primary btn-block " id="send-otp-btns" onclick="sendOTPNew()">Submit</button> 338 </div> 339 </div> 340 341 <!-- OTP --> 342 <div id="otp-sections" class="d-none"> 343 <div class="mobile-mask"></div> 344 <div class="inputContainer"> 345 <input type="text" maxlength="1" name="pin1" oninput="handleInput(1, event); onlyNumber(event);" onkeydown="handleBackspace(1, event);" autocomplete="off"> 346 <input type="text" maxlength="1" name="pin2" oninput="handleInput(2, event); onlyNumber(event);" onkeydown="handleBackspace(2, event);" autocomplete="off" required disabled> 347 <input type="text" maxlength="1" name="pin3" oninput="handleInput(3, event); onlyNumber(event);" onkeydown="handleBackspace(3, event);" autocomplete="off" required disabled> 348 <input type="text" maxlength="1" name="pin4" oninput="handleInput(4, event); onlyNumber(event);" onkeydown="handleBackspace(4, event);" autocomplete="off" required disabled> 349 <input type="text" maxlength="1" name="pin5" oninput="handleInput(5, event); onlyNumber(event);" onkeydown="handleBackspace(5, event);" autocomplete="off" required disabled> 350 <input type="text" maxlength="1" name="pin6" oninput="handleInput(6, event); onlyNumber(event);" onkeydown="handleBackspace(6, event);" autocomplete="off" required disabled> 351 </div> 352 <div class="mt-5 text-right">
353 <span class="mobile-resend" onclick="resendOTP()">Resend</span> 354 </div> 355 <div class="text-center text-muted py-2"> 356 By Logging in, I understand & agree to<br /> 357 CSR Travels<br /> 358 <a href="terms">terms & conditions</a> 359 </div> 360 <div id="otp-login-validate-alerts"></div> 361 <button type="submit" class="btn btn-primary btn-block verifyBtn" id="validate-otp-btns" onclick="validateOTPNew()">Submit</button> 362 </div> 363 364 <!-- Register --> 365 <div id="register-sections" class="d-none"> 366 <div class="form-group position-relative"> 367 <label class="sr-only" for="otp-register-fname">First Name</label> 368 <div class="phone-card"> 369 <img src="assets/images/search/rating-user-1.svg" class="phone-icon" alt="Phone Icon"> 370 <input type="text" class="phone-control " id="otp-register-fnames" placeholder="Enter First Name" maxlength="25"> 371 </div> 372 </div> 373 <div class="form-group position-relative"> 374 <label class="sr-only" for="otp-register-lname">Last Name</label> 375 <div class="phone-card"> 376 <img src="assets/images/search/rating-user-1.svg" class="phone-icon" alt="Phone Icon"> 377 <input type="text" class="phone-control " id="otp-register-lnames" placeholder="Enter Last Name" maxlength="25"> 378 </div> 379 </div> 380 <div class="form-group position-relative"> 381 <label class="sr-only" for="otp-register-email">Email address</label> 382 <div class="phone-card"> 383 <img src="assets/images/addon-icons/mail.svg" class="phone-icon" alt="Phone Icon"> 384 <input type="text" class="phone-control " id="otp-register-emails" placeholder="Enter Email address" maxlength="64"> 385 </div> 386 </div> 387 <div class="text-center text-muted py-2"> 388 By Logging in, I understand & agree to<br /> 389 CSR Travels<br /> 390 <a href="terms">terms & conditions</a> 391 </div> 392 <div id="otp-login-register-alerts"></div> 393 <button type="submit" class="btn btn-primary btn-block my-3" id="otp-register-btns" onclick="registerUserNew()">Submit</button> 394 </div> 395 </form> 396 397 </div> 398 <input type="hidden" id="forresendmob"> 399 </div> 400 </div> 401 </div> 402 </div> 403 </div> 404</div> 405 406<!--
406<script> 407 $(document).ready(function() { 408 genCaptcha(); 409 }); 410</script>
410 --> <!-- Modal --> 411<div class="modal fade" id="otp-login" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="otp-login-label" aria-hidden="true"> 412 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable"> 413 <div class="modal-content"> 414 <div class="modal-header"> 415 <h5 class="modal-title" id="otp-login-label">Customer Login</h5> 416 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 417 <span aria-hidden="true">×</span> 418 </button> 419 </div> 420 <div class="modal-body"> 421 <div class="p-2"> 422 <div class="text-center text-muted py-2"> 423 <span class="text-primary h6">Login</span> or <span class="text-primary h6">Signup</span><br /> using your mobile number 424 </div> 425 426 <form class="mt-4" id="otp-login-form" onsubmit="return false"> 427 428 <!-- Mobile Number --> 429 <div id="mobile-section"> 430 <div class="form-group position-relative"> 431 <label class="sr-only" for="otp-login-mobile">Mobile Number</label> 432 <input type="tel" class="form-control form-control-icon" id="otp-login-mobile" placeholder="Enter Mobile No" maxlength="13" oninput="formatMobileNo(event)" aria-describedby="otp-login-mobile-help"> 433 <i class="far fa-address-book placholder-icon"></i> 434 <!-- <small id="otp-login-mobile-help" class="form-text text-muted">OTP will be sent to this mobile number.</small> --> 435 </div> 436 <div class="text-center text-muted py-2"> 437 By pressing âsubmitâ you agree to our<br /> 438 <a href="terms">terms & conditions</a> 439 </div> 440 <div id="otp-login-alert"></div> 441 <button type="submit" class="btn btn-primary btn-block my-3" id="send-otp-btn" onclick="sendOTP()">Submit</button> 442 </div> 443 444 <!-- OTP --> 445 <div id="otp-section" class="d-none"> 446 <div class="form-group position-relative"> 447 <label class="sr-only" for="otp-login-pin">OTP</label> 448 <input type="tel" class="form-control form-control-icon lock" id="otp-login-pin" placeholder="Enter OTP" maxlength="6" autocomplete="one-time-code" aria-describedby="otp-login-pin-help"> 449 <!-- <small id="otp-login-pin-help" class="form-text text-muted">Enter the OTP just sent to <span id="otp-login-mobile-hint"></span>.</small> --> 450 <i class="fas fa-lock placholder-icon"></i> 451 </div> 452 <div class="text-center text-muted py-2"> 453 By pressing âsubmitâ you agree to our<br /> 454 <a href="terms">terms & conditions</a> 455 </div> 456 <div id="otp-login-validate-alert"></div> 457 <button type="submit" class="btn btn-primary btn-block my-3" id="validate-otp-btn" onclick="validateOTP()">Submit</button> 458 </div> 459 460 <!-- Register --> 461 <div id="register-section" class="d-none"> 462 <div class="form-group position-relative"> 463 <label class="sr-only" for="otp-register-fname">First Name</label> 464 <input type="text" class="form-control form-control-icon" id="otp-register-fname" placeholder="Enter First Name" maxlength="25"> 465 <i class="fas fa-user placholder-icon"></i> 466 </div> 467 <div class="form-group position-relative"> 468 <label class="sr-only" for="otp-register-lname">Last Name</label> 469 <input type="text" class="form-control form-control-icon" id="otp-register-lname" placeholder="Enter Last Name" maxlength="25"> 470 <i class="fas fa-user placholder-icon"></i> 471 </div> 472 <div class="form-group position-relative"> 473 <label class="sr-only" for="otp-register-email">Email address</label> 474 <input type="email" class="form-control form-control-icon" id="otp-register-email" placeholder="Enter Email address" maxlength="64"> 475 <i class="fas fa-envelope-open placholder-icon"></i> 476 </div> 477 <div class="text-center text-muted py-2"> 478 By pressing âsubmitâ you agree to our<br /> 479 <a href="./">terms & conditions</a> 480 </div> 481 <div id="otp-login-register-alert"></div> 482 <button type="submit" class="btn btn-primary btn-block my-3" id="otp-register-btn" onclick="registerUser()">Submit</button> 483 </div> 484 </form> 485
486 </div> 487 </div> 488 </div> 489 </div> 490</div> 491 <!-- Modal --> 492<div class="modal fade" id="agent-login" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="agent-login-label" aria-hidden="true"> 493 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable"> 494 <div class="modal-content"> 495 <div class="modal-header"> 496 <h5 class="modal-title" id="agent-login-label">Office / Agent Login</h5> 497 <button type="button" class="close" data-dismiss="modal" id="close-login-btn" aria-label="Close"> 498 <span aria-hidden="true">×</span> 499 </button> 500 </div> 501 <div class="modal-body"> 502 <form id="agent-login-form" onsubmit="doAgentLogin(event)"> 503 <div class="form-group"> 504 <label for="agent-login-username">Username</label> 505 <input type="text" class="form-control" id="agent-login-username" placeholder="Enter Username" maxlength="45"> 506 </div> 507 <div class="form-group"> 508 <label for="agent-login-password">Password</label> 509 <input type="password" class="form-control" id="agent-login-password" placeholder="Enter Password" maxlength="30" autocomplete="off"> 510 <!-- <input type="hidden" class="form-control" id="mobile-number-field" placeholder="" maxlength="30"> --> 511 </div> 512 <div class="form-group" id="otp-section-two" style="display: none;"> 513 <label for="agent-login-otps">OTP</label> 514 <input type="text" class="form-control" id="agent-login-otps" placeholder="Enter OTP" maxlength="6" autocomplete="off"> 515 </div> 516 <div id="agent-login-alert"></div> 517 <button type="submit" class="btn btn-primary btn-block my-4" id="agent-login-btn">Login</button> 518 <button type="button" class="btn btn-success btn-block my-4" id="otp-verify-btn" style="display: none;" onclick="verifyOtpNumber()">Verify OTP</button> 519 <button type="button" class="btn btn-success btn-block my-4" id="otp-verifyed-btn" style="display: none;" onclick="verifyedUserNumber()">Verify OTP</button> 520 </form> 521 </div> 522 </div> 523 </div> 524</div>
525<script> 526 $(document).ready(function() { 527 $('#close-login-btn').click(function() { 528 $('#otp-section-two').hide(); 529 $('#agent-login-alert').hide(); 530 $('#otp-verify-btn').hide(); 531 $('#otp-verifyed-btn').hide(); 532 $('#agent-login-btn').show(); 533 $('#agent-login-password').removeClass('is-invalid'); 534 $('#agent-login-username').removeClass('is-invalid'); 535 $('#agent-login-username').val('').prop('readonly', false); 536 $('#agent-login-password').val('').prop('readonly', false); 537 $('#agent-login-btn').text('Login').attr('disabled', false); 538 }); 539 }); 540</script>
540 541 542
542<script> 543 document.addEventListener("DOMContentLoaded", () => { 544 545 const notHome = location.pathname.slice(-1) !== "/"; 546 547 if (notHome) { 548 549 const header = document.querySelector("header"); 550 if (header) header.style.position = "relative"; 551 552 document.body.style.cursor = "auto"; 553 document.body.style.background = "#fff"; 554 555 header.querySelectorAll("[data-sal]").forEach(el => { 556 el.removeAttribute("data-sal"); 557 el.style.opacity = "1"; 558 el.style.transform = "none"; 559 }); 560 } 561 }); 562 </script>
562 563 564</body> 565 566</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.