<commit_before>{% extends "layout.html" %}

{% block page_title %}
  GOV.UK prototype kit
{% endblock %}

{% block content %}

<style>

#navigation-primary {
  display:none ;
}

</style>


<script>
// not needed at the moment, remember to remove script from the header if you don't use this in the end.

//jQuery( document ).ready(function() {
     //jQuery.validate(); 
// });


</script>


<main id="content" role="main">

  <div class="breadcrumbs">
    <ol role="breadcrumbs">
      {% include "includes/breadcrumbs/register-back.html" %}
    </ol>
  </div>

  <div class="grid-row">
           <div class="column-two-thirds">
            <div class="rjHMRCLogo"><img src="/public/images/hmrc.jpg"></div>
            <h1 class="heading-large" style="margin:0px 0 50px 0">Enter a Governement Gateway ID </h1>
            <p>You need to enter a Government Gateway ID for every PAYE scheme you want to link to your apprenticeship accountde. You only need the Government Gateway credentials of your organisation to create an apprenticeship account.<p/>
            <p>Progressive reveal</p><p>What if my organisation has more than one Governement Gateway account?</p>

            <!--h2 class="heading-medium" style="margin-top:10px">Organisation information</h2-->
            <form action="paye" >
              <fieldset>
                <legend class="visuallyhidden">Government Gateway credentials</legend>
                  <div class="form-group">

                      <label class="form-label" for="goverment-gateway-username">Government Gateway username</label>
                      <!--span class="form-hint">The username used to log into the Government Gateway. </span-->

                    </label>
                      <input class="form-control rjFormTwoThirds" id="government-gateway-username" type="text">
                    </fieldset>
                     <fieldset>
                  <legend class="visuallyhidden">companies house number</legend>
                  <div class="form-group">
                      <label class="form-label" for="companies-house-number">Government Gateway password</label>
                      <!--span class="form-hint">The password used to log into the Government Gateway.</span-->
                      <input class="form-control rjFormTwoThirds" id="companies-house-number" type="password">
                  </div>

                </fieldset>
                <input class="button" id="saveAndContinue" type="submit" value="Save and continue">

              </form>
            </div>
      <div class="column-one-third"></div>
</div>
</main>

<script>

//store details entered into the form in local storage
var createButton = document.getElementById('createAccountButton');
EventUtil.addHandler(createButton, 'click', function(){
              // save the form info to local storage by first putting the data into an object
              var userDetails = {
                email: document.getElementById('email-address').value,
                password: <PASSWORD>.getElementById('password').value
            };

            //store the object in local storage using json stringify
              localStorage.setItem("login", JSON.stringify(userDetails));

            //store the users email address in a cookie to repeat back to them later. Remember that we have some of the data stored in an object in local storage as well -  so we'll use that again if we need it.
            document.cookie =  "emailAddress="  + userDetails.email 
            // shows the cookie in the console log to check it is working
            console.log (document.cookie)

        // not needed at the moment

              //hide the login form
              //$('#login').addClass('hidden');
              //show the quiz
           // $('#wrapper').removeClass('hidden')
    });
</script>

{% endblock %}
<commit_msg>Update govtCredentials.html<commit_after>{% extends "layout.html" %}

{% block page_title %}
  GOV.UK prototype kit
{% endblock %}

{% block content %}

<style>

#navigation-primary {
  display:none ;
}

</style>


<script>
// not needed at the moment, remember to remove script from the header if you don't use this in the end.

//jQuery( document ).ready(function() {
     //jQuery.validate(); 
// });


</script>


<main id="content" role="main">

  <div class="breadcrumbs">
    <ol role="breadcrumbs">
      {% include "includes/breadcrumbs/register-back.html" %}
    </ol>
  </div>

  <div class="grid-row">
           <div class="column-two-thirds">
            <div class="rjHMRCLogo"><img src="/public/images/hmrc.jpg"></div>
            <h1 class="heading-large" style="margin:0px 0 50px 0">Enter a Governement Gateway ID </h1>
            <p>You need to enter a Government Gateway ID for every PAYE scheme you want to link to your apprenticeship account.<p/>
            <p>Progressive reveal</p><p>What if my organisation has more than one Government Gateway account?</p>

            <!--h2 class="heading-medium" style="margin-top:10px">Organisation information</h2-->
            <form action="paye" >
              <fieldset>
                <legend class="visuallyhidden">Government Gateway credentials</legend>
                  <div class="form-group">

                      <label class="form-label" for="goverment-gateway-username">Government Gateway username</label>
                      <!--span class="form-hint">The username used to log into the Government Gateway. </span-->

                    </label>
                      <input class="form-control rjFormTwoThirds" id="government-gateway-username" type="text">
                    </fieldset>
                     <fieldset>
                  <legend class="visuallyhidden">companies house number</legend>
                  <div class="form-group">
                      <label class="form-label" for="companies-house-number">Government Gateway password</label>
                      <!--span class="form-hint">The password used to log into the Government Gateway.</span-->
                      <input class="form-control rjFormTwoThirds" id="companies-house-number" type="password">
                  </div>

                </fieldset>
                <input class="button" id="saveAndContinue" type="submit" value="Save and continue">

              </form>
            </div>
      <div class="column-one-third"></div>
</div>
</main>

<script>

//store details entered into the form in local storage
var createButton = document.getElementById('createAccountButton');
EventUtil.addHandler(createButton, 'click', function(){
              // save the form info to local storage by first putting the data into an object
              var userDetails = {
                email: document.getElementById('email-address').value,
                password: document.getElementById('password').value
            };

            //store the object in local storage using json stringify
              localStorage.setItem("login", JSON.stringify(userDetails));

            //store the users email address in a cookie to repeat back to them later. Remember that we have some of the data stored in an object in local storage as well -  so we'll use that again if we need it.
            document.cookie =  "emailAddress="  + userDetails.email 
            // shows the cookie in the console log to check it is working
            console.log (document.cookie)

        // not needed at the moment

              //hide the login form
              //$('#login').addClass('hidden');
              //show the quiz
           // $('#wrapper').removeClass('hidden')
    });
</script>

{% endblock %}

{'fraction_non_alphanumeric': 0.12195760272180058, 'fraction_numerical': 0.0028788275320596702, 'mean_word_length': 2.2399321746502756, 'pattern_counts': {'":': 0, '<': 116, '<?xml version=': 0, '>': 116, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2551821', 'n_tokens_mistral': 2060, 'n_tokens_neox': 1906, 'n_words': 618}