<div class="container-center-outer">
  <div class="container-center-middle">
    <div class="container-center-inner">
      <div id="consent_form">
         <form id="useragent_consent" action="/{{_moduleName}}/consent_useragent_response" method="post">
            <h1 class="h3 mb-3 font-weight-normal">What information should be released?</h1>
            <div class="ml-5">
      {{#scopeCheckboxArray}}
               <input type="checkbox" id="scope_{{name}}" name="scope_{{name}}" value="{{name}}" {{{checked}}}>{{name}}</input><br/>
      {{/scopeCheckboxArray}}
      {{#claimsCheckboxArray}}
               <input type="checkbox" id="claims_{{name}}" name="claims_{{name}}" value="{{name}}" {{{checked}}}>{{name}}</input><br/>
      {{/claimsCheckboxArray}}
               <br/>
            </div>  
            <input type="hidden" id="encoded_sts_state_bundle" name="encoded_sts_state_bundle" value="{{{encoded_sts_state_bundle}}}" />
            <input type="hidden" id="content_module_state" name="content_module_state" value="{{{content_module_state}}}" />
            <input type="button" value="Submit" onclick="userAction();" />
         </form>
      </div>
   </div>
  </div>
</div>

<script>
function userAction(){
   var form = document.getElementById('useragent_consent');
   form.submit();
}
</script>
