<!DOCTYPE html >
<html lang="en">
<head>
  <title><%cat_full_name%>: Sign Up</title>
<%include include_common_head.html%>
</head>

<body class="page-<%page_id%>">
  <div class="container-b">
    <%include include_header.html%>

    <div class="main">
      <div class="contentwrapper clearfix">
        <div class="sidebar">
            <%include include_sidebar.html%>
        </div>

        <%~set content_header_title = 'Sign Up'%>
        <%~init array breadcrumbs%><%init hash breadcrumbs.0%>
        <%~set breadcrumbs.0.name = $content_header_title%>

        <%include include_breadcrumb.html%>

        <div class="content"><%-- start content--%>
          <%include include_content_header.html%>

          <p> You can sign up to the forum by entering your information here.</p>
          <%GForum::Config::tpl_get(require_signup_email_validation)%>
          <%if require_signup_email_validation%>
          <p>If you have already filled out the signup form but still have not received a validation e-mail, <a href="gforum.cgi?do=resend_validation;<%hidden_query%>">click here</a> to have the validation e-mail re-sent.</p>
          <%endif%>

          <form action="<%GForum::SEO::url()%>" method="post">
            <input type="hidden" name="do" value="user_signup_submit_training" />
            <%hidden_form%>

            <div class="dtable form">
              <div class="drow">
                <div class="dcell name">Username <span>*</span></div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <input type="text" id="user_username" name="user_username" value="<%user_username%>" class="txt shotext" />
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Password <span>*</span></div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <input type="password" id="user_password" name="user_password" value="<%user_password%>" class="txt shotext" />
                  <div class="pass-strength">Password Strength: <span id="pass-strength">None</span></div>
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Confirm Password <span>*</span></div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <input type="password" id="user_password2" name="user_password" value="<%user_password%>" class="txt shotext" />
                </div>
              </div>
              <div class="drow" title="This address must be valid as it is used for notification and validation">
                <div class="dcell name">E-mail Address <span>*</span></div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <input type="text" id="user_email" name="user_email" value="<%user_email || ''%>" class="txt midtext" />
                  <div class="note">Used for admin purposes only. We will never make this public.</div>
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Country <span>*</span></div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <%~set countries = Plugins::GForum::ForumTrainingRegister::country_codes%>
                  <select name="user_country" id="user_country">
                    <%~loop countries%>
                    <option value="<%countrycode%>"<%if $in.user_country eq $countrycode%> selected<%elsif countrycode eq 'US'%>selected<%endif%>><%countryname%></option>
                    <%~endloop%>
                  </select>
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Sex <span>*</span></div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <select name="user_sex">
                    <option value="1"<%if user_sex%> selected="selected"<%endif%>>Male</option>
                    <option value="0"<%if not user_sec%> selected="selected"<%endif%>>Female</option>
                  </select>
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Units of Measure <span>*</span></div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <select name="user_units">
                    <option value="1"<%if user_units%> selected="selected"<%endif%>>Imperial</option>
                    <option value="0"<%if not user_units%> selected="selected"<%endif%>>Metric</option>
                  </select>
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">
                  As a mischief-control tactic, name a <b>specific race</b> associated with the sport this site covers that interests you<span>*</span>
                </div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <textarea name="user_answer_1" rows="5" class="txt lngtext"><%user_answer_1 || ''%></textarea>
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Would you like to receive our weekly newsletter?</div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <select name="user_subscribe">
                    <option value="1"<%if user_subscribe%> selected="selected"<%endif%>>Yes</option>
                    <option value="0"<%if not user_subscribe%> selected="selected"<%endif%>>No</option>
                  </select>
                </div>
              </div>
              <%~set captcha_active = Plugins::GForum::GoogleCaptcha::is_captcha_enabled()%>
              <%~if captcha_active%>
              <div class="drow">
                <div class="dcell name">Prove you're not a robot</div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <%Plugins::GForum::GoogleCaptcha::get_rcaptcha_image()%>
                </div>
              </div>
              <%endif%>
              <div class="drow actions">
                <div class="dcell name"></div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <input type="submit" value="Sign Up" class="btn default" />
                  <p class="note"><b>Note:</b> Fields marked with <span class="req-star">*</span> are required for validation</p>
                </div>
              </div>
            </div>
          </form>

        </div><%-- end content --%>
      </div>
    </div>

    <%include include_footer.html%>

  </div>
</body>
<%~include include_global_js.html%>
  <script type="text/javascript">
    $(document).ready(function () {
      $('#user_username').focus();

      GForum.init_password_strength('#user_password', '#pass-strength');
    });
  </script>
</html>