<% /* Copyright 2009 Google Inc.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS-IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License. */ %><% helpers.includeJQuery() %>
<% helpers.includeJs("modals.js") %>
<% helpers.includeJs('jquery.validate.js'); %>
<% helpers.includeJs('jquery.placeholder.js'); %>
<% helpers.includeCss("pro/account.less") %>
<% helpers.includeCss("base.less") %>
<% helpers.facebookOpenGraphMetadata(); %>
<% template.inherit("ui.ejs"); %>

<script type="text/javascript" nonce="<%= helpers.cspNonce() %>">
$(document).ready(function(){
  modals.showModal("#request-access", 0);
  $("#modaloverlay").hide();
});

function knock() {
  $.ajax({
    type: "POST",
    url: "/ep/group/guest-knock",
    cache: false,
    data: {
      groupId: "<%= groupId %>",
    },
    success: knockReply,
    error: knockError
  });
}

function knockReply(responseText) {
  //console.log("knockReply: "+responseText);
  if (responseText == "approved") {
    window.location.href = "/ep/group/<%= groupId %>";
  }
  if (responseText == "denied") {
    $("#guest-knock-box").hide();
    $("#guest-knock-denied").show();
  }
  if (responseText == "wait") {
    setTimeout(knock, 1000);
  }
}

function knockError() {
  alert("There was an error requesting access to the group.  Kindly report this by sending email to " + helpers.supportEmailAddress() + ".");
}

$(document).ready(function() {
  knock();
});
</script>

<div style="">
  <div id="guest-knock-box" style="position: absolute; top:20%; height:100px;">
    <div class="modaldialog" id="request-access">
      <h1>Request Access</h1>
      <div class="modaldialog-inner" id="request-access">
      <p>
        <!--img src="/static/img/status-ball.gif"-->
        Oops, you don't currently have access to this group   <br/><br/>
        <form action="/ep/group/guest-request-access" method="POST" onsubmit="modals.submitModal(this); return false;">
          <%- helpers.xsrfTokenElement() %>
          <%- template.use('button', null, { buttonType: 'submit', label: 'Request Access' }); %>
          <input name="groupId" type="hidden" value="<%= groupId %>"/>
        </form>
      </p>
      </div>
    </div>
  </div>
</div>
<div id="guest-knock-denied">
  Access Denied.
</div>

