<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

  <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"
    integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

  <title>Web Request Blocked</title>

</head>

<body>

  <div class="container">
    <div class="row">
      <h1 class="text-center">
        <span class="fa fa-warning fa-lg text-danger" aria-hidden="true"></span>
        Web Request Blocked
      </h1>

      <p class="col-xs-12 lead text-center">
        Your request has been identified as a security risk and has been blocked by TeamDynamix.
        <small class="text-muted col-xs-8 col-xs-offset-2">
          If you believe the request is valid, please report the blocked web request. You'll need to include the Blocked
          Request Url and Support ID in your report.
        </small>
      </p>


      <form>
        <div class="row">
          <div class="form-group col-xs-6 col-xs-offset-3">
            <label for="inputUrl">Blocked Request Url</label>
            <div class="input-group">
              <input type="text" class="form-control" id="inputUrl" readonly />
              <span class="input-group-btn">
                <button class="btn btn-default copy-button" type="button"
                  data-clipboard-target="#inputUrl">Copy</button>
              </span>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="form-group col-xs-6 col-xs-offset-3">
            <label for="inputSupportId">Support ID</label>
            <div class="input-group">
              <input type="text" class="form-control" id="inputSupportId" readonly />
              <span class="input-group-btn">
                <button class="btn btn-default copy-button" type="button"
                  data-clipboard-target="#inputSupportId">Copy</button>
              </span>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-xs-6 col-xs-offset-3 text-center">
            <a href="https://solutions.teamdynamix.com/TDClient/Requests/TicketRequests/NewForm?ID=Bm1JvCDWyHo_"
              target="_blank" class="btn btn-primary btn-lg" role="button">Report Blocked Web Request</a>
          </div>
        </div>

        <div class="row" style="padding-top: 10px;">
          <div class="col-xs-6 col-xs-offset-3 text-center">
            <small>
              If you are unable to report the blocked we request, please
              <a href="mailto:it-security-tickets@teamdynamix.com?subject=Blocked%20Web%20Request">send us an
                email</a> including both the Blocked Web Request Url and Support ID in your message.
            </small>
          </div>
        </div>

      </form>



    </div>
  </div>
</body>

<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js"></script>

<script type="text/javascript">

  function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i = 0; i < vars.length; i++) {
      var pair = vars[i].split("=");
      if (pair[0] == variable) { return pair[1]; }
    }
    return (false);
  }

  var supportId = getQueryVariable('supportid');

  if (supportId) {
    document.getElementById('inputSupportId').value = supportId;
  }

  document.getElementById('inputUrl').value = document.referrer;

  new ClipboardJS('.copy-button');

</script>

</html>