{% extends "base.html" %}
{% load static %}
{% block title %}
Apply for Japanese Lessons
{% endblock %}
{% block content %}
<h1>Application Form</h1>
<div class="alert">
  <p>Sorry, this page is currently being rebuilt.</p>
  <p>If you want to apply for lessons, please get in touch via the <a href="{% url 'contact' %}">contact page</a> and we’ll take things from there. Apologies for the inconvenience!</p>
</div>
<!-- 
<p>Please fill out the form below, making sure that your contact details are entered correctly. (I promise not to bombard you with junk mail or  pass your details over to anyone else.)</p>
<form action="{% url 'apply' %}" method="post" id="ff" onsubmit="return CheckForm();">
<fieldset><legend><b>Personal details</b></legend>
<table border="0">
  <tr><td style="width:11em;">Name:</td><td><input class="oneLine" id="name" name="formname" type="text" size="50" maxlength="64" value=""/></td></tr>
  <tr><td>Address:</td><td><input class="oneLine" id="street" name="formstreet" type="text" size="50" maxlength="64" value=""/></td></tr>

  <tr><td>&nbsp;</td><td><input class="oneLine" id="city" name="formcity" type="text" size="50" maxlength="64" value=""/></td></tr>
  <tr><td>&nbsp;</td><td><input class="oneLine" id="state" name="formstate" type="text" size="50" maxlength="64" value=""/></td></tr>
  <tr><td>Postcode:</td><td><input class="halfLine" name="formzip" type="text" size="20" maxlength="20" value=""/></td></tr>
  <tr><td>Phone No.:</td><td><input class="oneLine" id="phone" name="formphone" type="text" size="50" maxlength="64" value=""/></td></tr>
  <tr><td>Email address:</td><td><input class="oneLine" id="email" name="formemail" type="text" size="50" maxlength="64" value=""/></td></tr>
  <tr><td>I am interested in:</td><td><input id="cb_indvdl" type="checkbox" name="interested_in[]" value="private_classes"/><label for="cb_indvdl"> Private tuition</label><br><input id="cb_group" type="checkbox" name="interested_in[]" value="group_classes"/><label for="cb_group"> Group classes (if possible)</label><br><input id="cb_online" type="checkbox" name="interested_in[]" value="online_classes"/><label for="cb_online"> Studying online (via Skype or iChat)</label></td></tr>

</table>
</fieldset>
<fieldset><legend><b>Availability for classes</b></legend>
<table border="0">
  <tr><td colspan="2">Please check the periods where you are able to make a regular commitment. Note that classes will not normally be held at weekends unless there is an exceptional demand.</td></tr>
  <tr><td colspan="2"><table border="0">
   <tr>
     <td>&nbsp;</td>
     <td align="center"><button type="button" class="btn1" onmousedown="moron=true;" onclick="toggle_mon();" ondblclick="toggle_mon();">Mon</button></td>

     <td align="center"><button type="button" class="btn1" onclick="toggle_tue();" ondblclick="toggle_tue();">Tue</button></td>
     <td align="center"><button type="button" class="btn1" onclick="toggle_wed();" ondblclick="toggle_wed();">Wed</button></td>
     <td align="center"><button type="button" class="btn1" onclick="toggle_thu();" ondblclick="toggle_thu();">Thu</button></td>
     <td align="center"><button type="button" class="btn1" onclick="toggle_fri();" ondblclick="toggle_fri();">Fri</button></td>
     <td align="center"><button type="button" class="btn1lazy" onclick="toggle_sat();" ondblclick="toggle_sat();">Sat</button></td>
     <td align="center"><button type="button" class="btn1lazy" onclick="toggle_sun();" ondblclick="toggle_sun();">Sun</button></td>

   </tr>
   <tr><td align="center"><button type="button" class="btn2" onclick="toggle_am();" ondblclick="toggle_am();">Mornings</button></td>
     <td align="center"><input type="checkbox" name="available[]" value="mon_am" id="mon_am"/></td>
     <td align="center"><input type="checkbox" name="available[]" value="tue_am" id="tue_am"/></td>
     <td align="center"><input type="checkbox" name="available[]" value="wed_am" id="wed_am"/></td>
     <td align="center"><input type="checkbox" name="available[]" value="thu_am" id="thu_am"/></td>
     <td align="center"><input type="checkbox" name="available[]" value="fri_am" id="fri_am"/></td>
     <td align="center"><input class="lazy" type="checkbox" name="available[]" value="sat_am" id="sat_am"/></td>

     <td align="center"><input class="lazy" type="checkbox" name="available[]" value="sun_am" id="sun_am"/></td>
   </tr>
   <tr><td align="center"><button type="button" class="btn2" onclick="toggle_pm();" ondblclick="toggle_pm();">Afternoons</button></td>
     <td align="center"><input type="checkbox" name="available[]" value="mon_pm" id="mon_pm"/></td>
     <td align="center"><input type="checkbox" name="available[]" value="tue_pm" id="tue_pm"/></td>
     <td align="center"><input type="checkbox" name="available[]" value="wed_pm" id="wed_pm"/></td>
     <td align="center"><input type="checkbox" name="available[]" value="thu_pm" id="thu_pm"/></td>
     <td align="center"><input type="checkbox" name="available[]" value="fri_pm" id="fri_pm"/></td>

     <td align="center"><input class="lazy" type="checkbox" name="available[]" value="sat_pm" id="sat_pm"/></td>
     <td align="center"><input class="lazy" type="checkbox" name="available[]" value="sun_pm" id="sun_pm"/></td>
   </tr>
   <tr><td align="center"><button type="button" class="btn2" onclick="toggle_ev();" ondblclick="toggle_ev();">Evenings</button></td>
     <td align="center"><input type="checkbox" name="available[]" value="mon_ev" id="mon_ev"/></td>
     <td align="center"><input type="checkbox" name="available[]" value="tue_ev" id="tue_ev"/></td>
     <td align="center"><input type="checkbox" name="available[]" value="wed_ev" id="wed_ev"/></td>
     <td align="center"><input type="checkbox" name="available[]" value="thu_ev" id="thu_ev"/></td>

     <td align="center"><input type="checkbox" name="available[]" value="fri_ev" id="fri_ev"/></td>
     <td align="center"><input class="lazy" type="checkbox" name="available[]" value="sat_ev" id="sat_ev"/></td>
     <td align="center"><input class="lazy" type="checkbox" name="available[]" value="sun_ev" id="sun_ev"/></td>
   </tr>
   </table>
  </td></tr>
</table>
</fieldset>
<fieldset><legend><b>Your previous experience</b></legend>
<table border="0">

  <tr>
    <td style="width:20em;">Have you studied Japanese before?</td>
    <td colspan="2" style="width:21em;"><input id="rb_nostdy" type="radio" name="prev_experience" value="no" checked="checked"/><label for="rb_nostdy"> No, never</label></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td colspan="2"><table border="0" cellpadding="0" cellspacing="0" style="width:19em;">

      <tr>
        <td><input id="rb_stdyb4" type="radio" name="prev_experience" value="yes"/><label for="rb_stdyb4">&nbsp;Yes;</label>&nbsp;for&nbsp;about&nbsp;</td>
        <td><input class="miniLine" type="text" size="3" maxlength="3" name="have_studied_for" value="0" onchange="if (ffx.rb_stdyb4) ffx.rb_stdyb4.click();"/></td>
        <td>&nbsp;<select name="studied_units" onchange="if (ffx.rb_stdyb4) ffx.rb_stdyb4.click();">
            <option value="weeks" label="weeks">weeks</option>
            <option value="months" label="months">months</option>

            <option value="years" label="years">years</option>
          </select>
        </td>
      </tr>
      </table>
    </td>
  </tr>
  <tr>

    <td colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td>If so, what skills have you acquired?</td>
    <td colspan="2"><table border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td><label for="pu_convsk">Conversational&nbsp;skill:&nbsp;</label></td>

        <td><select id="pu_convsk" name="conversational_level">
            <option label="None" value="None">None</option>
            <option label="Basic" value="Basic">Basic</option>
            <option label="Intermediate" value="Intermediate">Intermediate</option>
            <option label="Advanced" value="Advanced">Advanced</option>
          </select>
        </td>

      </tr>
      </table>
    </td>
  </tr>
  <tr><td colspan="3">&nbsp;</td></tr>
  <tr><td>&nbsp;</td><td>Hiragana:</td><td><input id="cb_hgrd" type="checkbox" name="hiragana[]" value="read"/><label for="cb_hgrd"> Read</label> &nbsp; <input id="cb_hgwrt" type="checkbox" name="hiragana[]" value="write"/><label for="cb_hgwrt"> Write</label></td></tr>

  <tr><td>&nbsp;</td><td>Katakana:</td><td><input id="cb_kkrd" type="checkbox" name="katakana[]" value="read"/><label for="cb_kkrd"> Read</label> &nbsp; <input id="cb_kkwrt" type="checkbox" name="katakana[]" value="write"/><label for="cb_kkwrt"> Write</label></td></tr>
  <tr><td colspan="3">&nbsp;</td></tr>
  <tr><td>&nbsp;</td>
  <td colspan="2"><table border="0" cellpadding="0" cellspacing="0"><tr><td><label for="pu_kjlrnt">Kanji&nbsp;learnt:&nbsp;</label></td>

  <td><select id="pu_kjlrnt" name="kanji_learnt">
    <option label="None" value="None">None</option>
    <option label="From 1 to 99" value="From 1 to 99">From 1 to 99</option>
    <option label="From 100 to 299" value="From 100 to 299">From 100 to 299</option>
    <option label="From 300 to 999" value="From 300 to 999">From 300 to 999</option>
    <option label="More than 1000" value="More than 1000">More than 1000</option>

  </select></td></tr></table>
  </td></tr>
</table>
</fieldset>
<fieldset><legend><b>Any other information</b></legend>
<table border="0">
  <tr><td>Please provide any other relevant information here. For example, have you obtained any qualifications in Japanese? Are you interested in learning Japanese for a particular purpose (e.g., business or tourism)?</td></tr>
  <tr><td align="center"><textarea name="formmessage" rows="8" cols="40" class="fullwidth"></textarea></td></tr>
</table>
</fieldset>

<p class="center"><b>When you have filled in the form, click here to send it:</b>&nbsp;<input type="submit" value="  SEND  " onmousedown="subfocus=true;" onmouseup="setTimeout('tf=subfocus=false;',100);"/></p>
</form>
<script type="text/javascript">
var subfocus, moron, t, tf, ffx;

moron = false;      // Workaround for a stupid bug in IE (stop it sending spurious
                    // events to the 1st button)
subfocus = false;   // Only submit the form when the "submit" button has the focus

tf = false;         // Timeout for submit button focus

ffx = document.getElementById('ff');

function toggle_mon(n)
{
  if (moron) {
    t = !(ffx.mon_am.checked && ffx.mon_pm.checked && ffx.mon_ev.checked);
    ffx.mon_am.checked = t;
    ffx.mon_pm.checked = t;
    ffx.mon_ev.checked = t;
    moron = false;
  }
}

function toggle_tue()
{
  t = !(ffx.tue_am.checked && ffx.tue_pm.checked && ffx.tue_ev.checked);
  ffx.tue_am.checked = t;
  ffx.tue_pm.checked = t;
  ffx.tue_ev.checked = t;
}

function toggle_wed()
{
  t = !(ffx.wed_am.checked && ffx.wed_pm.checked && ffx.wed_ev.checked);
  ffx.wed_am.checked = t;
  ffx.wed_pm.checked = t;
  ffx.wed_ev.checked = t;
}

function toggle_thu()
{
  t = !(ffx.thu_am.checked && ffx.thu_pm.checked && ffx.thu_ev.checked);
  ffx.thu_am.checked = t;
  ffx.thu_pm.checked = t;
  ffx.thu_ev.checked = t;
}

function toggle_fri()
{
  t = !(ffx.fri_am.checked && ffx.fri_pm.checked && ffx.fri_ev.checked);
  ffx.fri_am.checked = t;
  ffx.fri_pm.checked = t;
  ffx.fri_ev.checked = t;
}

function toggle_sat()
{
  t = !(ffx.sat_am.checked && ffx.sat_pm.checked && ffx.sat_ev.checked);
  ffx.sat_am.checked = t;
  ffx.sat_pm.checked = t;
  ffx.sat_ev.checked = t;
}

function toggle_sun()
{
  t = !(ffx.sun_am.checked && ffx.sun_pm.checked && ffx.sun_ev.checked);
  ffx.sun_am.checked = t;
  ffx.sun_pm.checked = t;
  ffx.sun_ev.checked = t;
}

function toggle_am()
{
  t = !(ffx.mon_am.checked && ffx.tue_am.checked && ffx.wed_am.checked && ffx.thu_am.checked && ffx.fri_am.checked && ffx.sat_am.checked && ffx.sun_am.checked);
  ffx.mon_am.checked = t;
  ffx.tue_am.checked = t;
  ffx.wed_am.checked = t;
  ffx.thu_am.checked = t;
  ffx.fri_am.checked = t;
  ffx.sat_am.checked = t;
  ffx.sun_am.checked = t;
}

function toggle_pm()
{
  t = !(ffx.mon_pm.checked && ffx.tue_pm.checked && ffx.wed_pm.checked && ffx.thu_pm.checked && ffx.fri_pm.checked && ffx.sat_pm.checked && ffx.sun_pm.checked);
  ffx.mon_pm.checked = t;
  ffx.tue_pm.checked = t;
  ffx.wed_pm.checked = t;
  ffx.thu_pm.checked = t;
  ffx.fri_pm.checked = t;
  ffx.sat_pm.checked = t;
  ffx.sun_pm.checked = t;
}

function toggle_ev()
{
  t = !(ffx.mon_ev.checked && ffx.tue_ev.checked && ffx.wed_ev.checked && ffx.thu_ev.checked && ffx.fri_ev.checked && ffx.sat_ev.checked && ffx.sun_ev.checked);
  ffx.mon_ev.checked = t;
  ffx.tue_ev.checked = t;
  ffx.wed_ev.checked = t;
  ffx.thu_ev.checked = t;
  ffx.fri_ev.checked = t;
  ffx.sat_ev.checked = t;
  ffx.sun_ev.checked = t;
}

function DocSetup()
{
  ffx = document.forms[0];
}

function DocSetup2()
{
  ffx = document.forms[0];
}

function checkEmailSyntax(e)
{
  var validEmailSyntax, validChars, midPos, i, t;
  
  validChars = "-_.0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
  
  // Look for the @ symbol
  midPos = e.indexOf("@");
  
  // Is it missing, or at the start, or <4 chars from the end?
  if ((midPos < 1) || (midPos > (e.length - 5))) return false;
  
  // Is there another one?
  if (e.indexOf("@", midPos+1) != -1) return false;
  
  // Check for other illegal syntaxes
  if (e.indexOf(".@") != -1) return false;
  if (e.indexOf("@.") != -1) return false;
  if (e.indexOf("..") != -1) return false;
  if (e.indexOf(".", e.length - 2) != -1) return false;
  if (e.indexOf(".", midPos+1) == -1) return false;
  
  // Default to success
  validEmailSyntax = true;
  
  // Check for illegal characters (be stricter after the @ symbol)
  
  for (i=0; i < midPos-1; i++) {
    if (validChars.indexOf(e.charAt(i)) == -1) validEmailSyntax = false;
  }
  
  t = 13;
  for (i=e.length-1; i > midPos; i--) {
    if (e.charAt(i) == ".") t = 0;
    if (validChars.indexOf(e.charAt(i),t) == -1) validEmailSyntax = false;
  }
  
  return validEmailSyntax;
}


function CheckEmailBox(tb)
{
  if (checkEmailSyntax(tb.value) == false) {
    alert("The email address you entered is invalid. Please enter a valid address, or leave this field blank.");
    tb.focus();
    tb.select();
  }
}

function CheckNameBox(tb)
{
  var t;
  
  t = tb.value;
  
  if (t.length < 2) {
    alert("Please enter your full name.");
    tb.focus();
    tb.select();
  }
}

function CheckForm()
{
  var haveName, haveEmail, haveAddress, havePhone, msg;
  
  // Don't submit form unless the submit button is pressed
  if (subfocus == false) return false;
  
  if (ffx.email.value.length != 0) {
    if (checkEmailSyntax(ffx.email.value) == false) {
      CheckEmailBox(ffx.email);
      return false;
    }
  }
  
  haveName = (ffx.name.value.length > 1);
  haveEmail = (ffx.email.value.length > 1);
  haveAddress = (ffx.street.value.length > 1) || (ffx.city.value.length > 1) || (ffx.state.value.length > 1);
  havePhone = (ffx.phone.value.length > 5);
  
  if (!haveName) {
    alert("Please enter your name and contact details before submitting this form.");
    ffx.name.focus();
    ffx.name.select();
    return false;
  }
  
  if (!haveAddress && !havePhone && !haveEmail) {
    alert("Please enter your contact details before submitting this form.");
    ffx.street.focus();
    ffx.street.select();
    return false;
  }
  
  if (haveAddress && (!havePhone && !haveEmail)) {
    if (!confirm("You have not provided a phone number or a valid email address. Do you still want to submit this form?")) {
      ffx.phone.focus();
      ffx.phone.select();
      return false;
    }
  }
  
  return true;
}

function CheckMiniForm()
{
  var haveName, haveEmail, havePhone, haveMessage;
  
  // Don't submit form unless the submit button is pressed
  if (subfocus == false) return false;
  
  if (ffx.email.value.length != 0) {
    if (checkEmailSyntax(ffx.email.value) == false) {
      CheckEmailBox(ffx.email);
      return false;
    }
  }
  
  haveName = (ffx.name.value.length > 1);
  haveEmail = (ffx.email.value.length > 1);
  havePhone = (ffx.phone.value.length > 5);
  haveMessage = (ffx.message.value.length > 1);
  
  if (!haveName) {
    alert("Please enter your name and contact details before submitting this form.");
    ffx.name.focus();
    ffx.name.select();
    return false;
  }
  
  if (!havePhone && !haveEmail) {
    alert("Please enter your phone number and/or email address before submitting this form.");
    ffx.phone.focus();
    ffx.phone.select();
    return false;
  }
  
  if (!haveMessage) {
    alert("Don't forget to type in your message first!");
    ffx.message.focus();
    ffx.message.select();
    return false;
  }
  
  return true;
}


function WindUp()
{
  if (tf) clearTimeout(tf);
}

</script>
 -->
{% endblock %}