@(re: RequestHeader, ex: String)(implicit user: Option[models.User])
@main("Error") {
  <div class="row">
    <div class="col-sm-12 col-md-12 col-lg-12 text-center">
      <h2>
        Sorry, there was an internal error rendering this page!
      </h2>
    </div>
    <div class="col-sm-12 col-md-12 col-lg-12 text-center">
        <button id="show-button" class="btn btn-default"><span class="glyphicon glyphicon-envelope"></span> Show Exception</button>
        <button id="error-button" class="btn btn-default"><span class="glyphicon glyphicon-envelope"></span> Submit Exception</button>
    </div>
    <div class="col-sm-12 col-md-12 col-lg-12" id="exception" hidden>
        <h3>@re.toString()</h3>
        <pre>@ex</pre>
    </div>
  </div>
  <script>
          $('#show-button').on('click', function() {
              $("#exception").toggle();
          });
          $('#error-button').on('click', function(){
                var jsonData = JSON.stringify({"badRequest": '@re.toString', "exceptions":'@ex.replace("\n", "\\n")'});
                var request = jsRoutes.api.Events.sendExceptionEmail().ajax({
                    data: jsonData,
                    type: 'POST',
                    contentType: "application/json"
                });

                request.done(function (response, textStatus, jqXHR) {
                  $("#success").show();
                });

                request.fail(function (jqXHR, textStatus, errorThrown){
                    console.error("The following error occured: " + textStatus, errorThrown);
                });
            });
  </script>
}