CINXE.COM

<noscript> <div style="color: red; font-size: 20px; text-align: center;"> <p>JavaScript is required to use this website. Please enable JavaScript in your browser settings.</p> </div> <meta http-equiv="refresh" content="0; URL=https://austinrequest.portal.iworq.net/javascript-disabled"> </noscript> <script> let hasToken = 0; document.addEventListener('DOMContentLoaded', (e) => { if ("6Les_AYkAAAAACw9NzcxkcDVfvExxeyw2KS1cao_") { // Show only the reCAPTCHA v3 first $('#recaptcha-container').show(); $('#form-container').hide(); // Hide the form initially if(!hasToken) { grecaptcha.ready(function() { grecaptcha.execute("6Les_AYkAAAAACw9NzcxkcDVfvExxeyw2KS1cao_", {action: 'submit'}).then(function(token) { hasToken = 1 $.ajax({ url: "https://austinrequest.portal.iworq.net/captchaverify", type: "post", data: { 'g-recaptcha-response': token, 'dsn': "AUSTIN", 'fieldApplicationId': "700", 'templateId': "3425", '_token':'0pxXmHzcqzhnQnpFuasgxLbHjrKXs8sz3CeiaV2h' }, success: function (e){ url = "https://austinrequest.portal.iworq.net/error" dsn = "AUSTIN" fieldApplicationId = "700" if (!e.isValid && e.showRecaptchaV2) { // Trigger reCAPTCHA v2 dynamically if v3 fails loadRecaptchaV2(); } else if (e.isValid) { // Hide reCAPTCHA and show the form upon success $('#recaptcha-container').hide(); $('#form-container').show(); } else if (!e.isValid) { // Redirect to error page if other error window.location.href = "https://austinrequest.portal.iworq.net/error"; } } }); }); }); } } }); function loadRecaptchaV2() { // Check if the recaptcha-v2-container already exists and remove it let existingRecaptchaContainer = document.getElementById('recaptcha-v2-container'); if (existingRecaptchaContainer) { existingRecaptchaContainer.remove(); } // Create a new empty container for the reCAPTCHA v2 widget let recaptchaContainer = document.createElement('div'); recaptchaContainer.id = 'recaptcha-v2-container'; recaptchaContainer.style = 'width:fit-content;margin:auto;'; document.body.appendChild(recaptchaContainer); // Render the v2 widget grecaptcha.render(recaptchaContainer, { 'sitekey': "6LeprT4qAAAAACn2wFNhhNRRSLe-auOpmBANt1Io", 'callback': function (token) { // Submit the v2 token to the backend $.ajax({ url: "https://austinrequest.portal.iworq.net/captchaverify", type: "post", data: { 'g-recaptcha-response-v2': token, 'dsn': "AUSTIN", 'fieldApplicationId': "700", 'templateId': "3425", '_token': '0pxXmHzcqzhnQnpFuasgxLbHjrKXs8sz3CeiaV2h' }, success: function (e) { if (e.isValid) { // Hide reCAPTCHA and show the form upon successful v2 validation $('#recaptcha-v2-container').hide(); $('#form-container').show(); } else { window.location.href = "https://austinrequest.portal.iworq.net/error"; } } }); } }); } </script>  <script src="https://www.google.com/recaptcha/api.js?render=6Les_AYkAAAAACw9NzcxkcDVfvExxeyw2KS1cao_"></script>  <script src="https://www.google.com/recaptcha/api.js" async defer></script> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">  <meta name="csrf-token" content="0pxXmHzcqzhnQnpFuasgxLbHjrKXs8sz3CeiaV2h"> <link rel="shortcut icon" href="https://s3.amazonaws.com/iworq-upload/GUEST/600/5052752-iworqfav.png"> <title> Citizen Request - Austin</title>  <link rel="dns-prefetch" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css?family=Raleway:300,400,600" rel="stylesheet" type="text/css">  <link href="/css/app.css?id=45ba3ccc873e2fc8b678" rel="stylesheet"> <script src="https://kit.fontawesome.com/5912794135.js" crossorigin="anonymous"></script> <link href="/css/cc.css?id=84d0813cb2ec80edd583?v=0.0.2" rel="stylesheet"> <script src='https://www.google.com/recaptcha/api.js' async defer></script> <script> function onCaptchaSubmit(token) { document.getElementById("search-form-captcha").submit(); } </script> <script> function onCaptchaRedirect(token) { var url = '{https://austinrequest.portal.iworq.net}'; //disable HTML-encoding if ((new RegExp('g-recaptcha-response')).test(url)) { var splitArr = url.split("g-recaptcha-response", 2)[0].split("{", 2); var redirectUrl = splitArr[1] + "g-recaptcha-response=" + token; if (url.includes("page")) { redirectUrl = redirectUrl + '&page' + url.split('page')[1].split("}", 2)[0]; } window.location.href = redirectUrl; } else { var splitArr = url.split("{", 2)[1].split("}", 2); window.location.href = splitArr[0]; } } </script> </head> <body> <a class="skip-link screen-reader-text" href="#content">Skip to content</a> <div id="app"> <nav id="site-nav" class="navbar fixed-top bg-light mainnav box-shadow"> <section id="ccLogoSection" class="col-6 order-1 col-sm-2"> <a class="navbar-brand left-logo" href="//" > <div>Austin</div> </a> </section> <section id="ccPageNameSection" class="col-12 order-3 order-sm-2 col-sm-8 text-center page-name"> <h1>Citizen Request</h1>  </section> <section id="ccHomeNavSection" class="col-6 order-2 order-sm-3 col-sm-2 right-nav"> <div class="row"> <div class="col d-flex justify-content-end"> <a href="/" class="mr-2"><i class="fas fa-home fa-2x"></i></a> <a href="https://austinrequest.portal.iworq.net/help/AUSTIN/700" class="mr-2"><i class="fas fa-question-circle fa-2x"></i></a> </div> </div> </section> </nav> <main id="content">  <div id="recaptcha-container" class="text-center my-5"> <div id="recaptcha"></div> </div>  <div id="form-container" style="display: none;"> <form method="post" enctype="multipart/form-data" onSubmit="document.getElementById('submit-webform').disabled = true;"> <input type="hidden" name="_token" value="0pxXmHzcqzhnQnpFuasgxLbHjrKXs8sz3CeiaV2h"> <input type="hidden" name="js_enabled" id="js_enabled" value="0"> <div class="container"> <div class="row justify-content-center mx-4"> <div class="col-12 col-lg-6 card box-shadow border-radius pt-4 pb-5 px-5 mb-4 only-child flex-grow-1"> <div class="row"> <p> </p> </div> <div class="row"> <div class="col"> <p class="text-danger">* Indicates required field</p> </div> </div> <div class="row mb-4"> <div class="col"> <div class="row"> <div class="col-sm-6 mb-3" > <div class="row"> <div class="col"> <label for="field124368"> <span class="text-danger">*</span> Type of Request: </label> <select class="form-control selectpicker select-border" id="field124368" name="field124368" data-live-search="true" data-size="10" required > <option ></option> <option value="1748610" > Complaint </option> <option value="1748609" > Permit </option> </select> </div> </div> </div> <div class="col-sm-6 mb-3" > <div class="row"> <div class="col"> <label for="field124369"> <span class="text-danger">*</span> Property Address *Required for Complaints: </label> <input type="text" class="form-control" id="field124369" name="field124369" required pattern=".*\S+.*" > </div> </div> </div> <div class="col-sm-6 mb-3" > <div class="row"> <div class="col"> <label for="field124370"> Description *Required for Compliants: </label> <input type="text" class="form-control" id="field124370" name="field124370" pattern=".*\S+.*" > </div> </div> </div> <div class="col-sm-6 mb-3" > <div class="row"> <div class="col"> <label for="field124372"> Property Address *Required for Permits: </label> <input type="text" class="form-control" id="field124372" name="field124372" pattern=".*\S+.*" > </div> </div> </div> <div class="col-sm-6 mb-3" > <div class="row"> <div class="col"> <label for="field124371"> Project Description *Required for Permits: </label> <input type="text" class="form-control" id="field124371" name="field124371" pattern=".*\S+.*" > </div> </div> </div> <div class="col-sm-6 mb-3" > <div class="row"> <div class="col"> <label for="field124373"> Applicant Name *Required for Permits: </label> <input type="text" class="form-control" id="field124373" name="field124373" pattern=".*\S+.*" > </div> </div> </div> <div class="col-sm-6 mb-3" > <div class="row"> <div class="col"> <label for="field124374"> Applicant Phone *Required for Permits: </label> <input type="text" class="form-control" id="field124374" name="field124374" pattern=".*\S+.*" > </div> </div> </div> <div class="col-sm-6 mb-3" > <div class="row"> <div class="col"> <label for="field124375"> Applicant Email *Required for Permits: </label> <input type="text" class="form-control" id="field124375" name="field124375" pattern=".*\S+.*" > </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col"> <h2 class="text-center"> Upload Files </h2> <div class="form-group"> <label for="newfile_uploads_3425">Files</label> <br> <label for="newfile_uploads_3425" class="btn btn-primary btn-change cc-button" >Choose Files</label> <input class="managed no-opacity" name="newfile_uploads[]" data-maxFileSize=25.0 id="newfile_uploads_3425" type="file" multiple > </div> </div> </div> <hr> <div class="row"> <div class="col"> <button id="submit-webform" type="submit" class="btn btn-primary btn-change cc-button" >Submit</button> </div> </div> </div> </div> </div> </form> </div> <div id="modalWrapper" class="modal fade" role="dialog" style="z-index: 2000;"> <div class="modal-dialog" role="document"> <div id="commonModal" class="modal-content"> <div class="modal-header"> <h2 class="modal-title" id="modalTitle">Accessibility</h2> <button class="close" data-dismiss="modal">Dismiss</button> </div> <div class="modal-body" id="modalContent"> </div> <div class="modal-footer" id="modalFooter"> </div> </div> </div> </div> </main> <br> <footer id="accessibility" class="text-center"> <a id="accessibility-statement" href="">Accessibility</a> </footer> <br> </div>  <script src="/js/client.js?id=7b741ecffec168c78ed8"></script> <script src="/js/cc-template.js?id=9f4130940c08ad687b41"></script> <script> $('body').on('click','#submit-webform', function (event) { document.getElementById('js_enabled').value = "1"; }); </script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css"> <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js"></script> <script> document.addEventListener("DOMContentLoaded", (event) => { const body = document.querySelector('body'); const siteNav = document.querySelector('#site-nav'); const setMarginTop = (el, height) => { const marginTop = height + 16; el.style.marginTop = `${marginTop}px`; }; setMarginTop(body, siteNav.offsetHeight); window.onresize = e => { setMarginTop(body, siteNav.offsetHeight); }; }); </script> </body> </html>