##local.Define(Title)<contentof>##leg.ZONESOPAC.MakePreInscription.Title</contentof>
##local.Define(Advice)<contentof>
    ##if value.Completed
		##leg.ZONESOPAC.MakePreInscription.CompletedAdvice 
	##else
		##leg.ZONESOPAC.MakePreInscription.Prompt
	##endif
	
</contentof>
##local.define(PageHeaderInclude)<contentof>
<script>
var datePickerLegends = new Object();

/*##if this.StyleSetAttributeIsEqual(Lang,ENG)
*/

datePickerLegends.months = [
                "January",
                "February",
                "March",
                "April",
                "May",
                "June",
                "July",
                "August",
                "September",
                "October",
                "November",
                "December"];
datePickerLegends.fullDay = [
                "Monday",
                "Tuesday",
                "Wednesday",
                "Thursday",
                "Friday",
                "Saturday",
                "Sunday"];
datePickerLegends.titles = [
                "Previous month",
                "Next month",
                "Previous year",
                "Next year"];
##endif

/*##if this.StyleSetAttributeIsEqual(Lang,FRE)

datePickerLegends.months =[
                "Janvier",
                "F\u00E9vrier",
                "Mars",
                "Avril",
                "Mai",
                "Juin",
                "Juillet",
                "Ao\u00FBt",
                "Septembre",
                "Octobre",
                "Novembre",
                "D\u00E9cembre"
                ];
			
			
datePickerLegends.fullDay = [
                "Lundi",
                "Mardi",
                "Mercredi",
                "Jeudi",
                "Vendredi",
                "Samedi",
                "Dimanche"
                ];
        
datePickerLegends.titles =[
                "Mois pr\u00E9cedent",
                "Mois suivant",
                "Ann\u00E9e pr\u00E9cedente",
                "Ann\u00E9e suivante"
                ];

##endif
*/
</script>

/*		<script type="text/javascript" src="/date-picker/js/datepicker.js"></script>
        <link href="/date-picker/css/datepicker.css" rel="stylesheet" type="text/css" />
*/
</contentof>

##local.define(SuggestionForm)<contentof>
<FORM action='##this.obj' id="theform" method=post onsubmit="return CheckFields()">

##this.StyleSetForForm
				<input type=hidden name="Method" value="MakeInscription"/>
##local.define(StringField)<contentof>
				<INPUT size=60 
					title = "##formfield.QualData(ToolTip)"
					name="Request.##formfield.__Label()" 
					id="Request.##formfield.__Label()"
					##if value.IsString(##local.RPath) value=##value.AsJScriptLit(##local.RPath) ##else value="" ##endif 
				></INPUT>
</contentof>

##local.define(SexCode)<contentof>
	<SELECT size=1 name="##local.RPath" id="##local.RPath" 					
			title = "##formfield.QualData(ToolTip)">
	<option value=""></option>
	<option value="M" ##if value.IsEqual(##local.RPath,"M") selected ##endif>##leg.ZONESOPAC.SexCodeM</option>
	<option value="F" ##if value.IsEqual(##local.RPath,"F") selected ##endif>##leg.ZONESOPAC.SexCodeF</option>
	</SELECT>	
</contentof>

##local.define(DateCode)<contentof>


<input type="text" title = "##formfield.QualData(ToolTip)" name="##local.RPath" id="##local.RPath" ##if value.IsString(##local.RPath) value=##value.AsJScriptLit(##local.RPath) ##else value="" ##endif maxlength="10" /> ##leg.ZONESOPAC.DateEntyFormatPrompt 
</contentof>

##local.define(LanguageCode)<contentof>
<SELECT size=1 name="##local.RPath" id="##local.RPath"					
			title = "##formfield.QualData(ToolTip)">
	<option value=""></option>
	##value.Foreachin(lcode,LanguageCodes.List.results)<contentof>
		<option value="##lcode.language_code" ##if value.IsEqual(##local.RPath,##lcode.language_code) selected ##endif>##lcode.QualData(description)</option>
	</contentof>
</SELECT>
	
</contentof>

##local.define(PostCode)<contentof>
    <INPUT size=12
           title = "##formfield.QualData(ToolTip)"
		   name="Request.##formfield.__Label()" 
		   id="Request.##formfield.__Label()"
		   ##if value.IsString(##local.RPath) value=##value.AsJScriptLit(##local.RPath) ##else value="" ##endif ></INPUT>
</contentof>

<script>
function isValidDate(day,month,year){
/*
Purpose: return true if the date is valid, false otherwise

Arguments: day integer representing day of month
month integer representing month of year
year integer representing year

Variables: dteDate - date object

*/
var dteDate;

//set up a Date object based on the day, month and year arguments
//javascript months start at 0 (0-11 instead of 1-12)
dteDate=new Date(year,month,day);

/*
Javascript Dates are a little too forgiving and will change the date to a reasonable guess if it's invalid. We'll use this to our advantage by creating the date object and then comparing it to the details we put it. If the Date object is different, then it must have been an invalid date to start with...
*/

return ((day==dteDate.getDate()) && (month==dteDate.getMonth()) && (year==dteDate.getFullYear()));
}

</script>
<TABLE cellSpacing=0  border=0 width="80%">
  <TBODY>

	##sessioncfg.with(form,DB.Config.Circ.PreInscriptionForm)<contentof>
		
		##form.foreachIn(formfield,"")<contentof>
			
			<TR>
			<TD width="25%">##if formfield.IsEqual(Mandatory,1) <span width="10px;">*</span> ##else<span width="10px;">&nbsp;</span>##endif ##formfield.QualData(Label)</TD>
			<TD width="70%">
				##local.defineByRender(RPath)<contentof>Request.##formfield.__Label()</contentof>
				##local.define(InvalidLegend)<contenof>##leg.ZONESOPAC.MakePreInscription.InvalidFieldContent</contenof>
				##if formfield.IsEqual(Validation,String)
					##local.StringField
				##endif
				
				##if formfield.IsEqual(Validation,None)
					##local.StringField
				##endif
				
				##if formfield.IsEqual(Validation,SexCode)
					##local.SexCode
				##endif
				
				##if formfield.IsEqual(Validation,Date)
					##local.DateCode
				##endif
				
				##if formfield.IsEqual(Validation,LanguageCode)
					##local.LanguageCode
				##endif
                
                ##if formfield.IsEqual(Validation,PostCode)
                    ##local.PostCode
                    ##local.define(InvalidLegend)<contentof>##leg.Expand(ZONESOPAC.MakePreInscription.InvalidPostCodeContent,MaxLen,##sessioncfg.DB.Config.Circ.PreInscription.MaxPostCodeLength)</contentof>
                ##endif
				
				<span id="mandatory.##local.RPath" style="display:none;" >##leg.ZONESOPAC.MakePreInscription.MissingFieldContent </span>
				<span id="invalid.##local.RPath" style="display:none;" >##local.InvalidLegend</span>

				</TD>
			</TR>
			/*<TR>
				<TD colspan=2/>
					
					<hr>
					##formfield.Dump()
				</TD>
			</TR>*/
		</contentof>
		
		<script>
		
		function CheckMandatoryField( name )
		{
			var elem = document.getElementById(name);
			if
				(elem == null)
			{
				alert("failed to find field elem "+name);
			}
			var s = elem.value;
			
			var span = document.getElementById("mandatory."+name);
			
			if
				(s == "")
			{
				if
					(span != null)
				{
					span.style.display = "";
				}
				//alert( "Mandtory field "+name+" not filled in");
				return false;
			}
			else
			{
				if
					(span != null)
				{
					span.style.display = "none";
				}
				return true;
			}
		}

		function isValidDate(day,month,year){
			//alert("day="+day+" month="+month+" year="+year);
			/*
			Purpose: return true if the date is valid, false otherwise

			Arguments: day integer representing day of month
			month integer representing month of year
			year integer representing year

			Variables: dteDate - date object

			*/
			var dteDate;

			//set up a Date object based on the day, month and year arguments
			//javascript months start at 0 (0-11 instead of 1-12)
			dteDate=new Date(year,month-1,day);

			/*
			Javascript Dates are a little too forgiving and will change the date to a reasonable guess if it's invalid. We'll use this to our advantage by creating the date object and then comparing it to the details we put it. If the Date object is different, then it must have been an invalid date to start with...
			*/

			return ((day==dteDate.getDate()) && (month-1==dteDate.getMonth()) && (year==dteDate.getFullYear()));
		}

		function ReadDateDDMMYYYY(Q) 
		{ 
			if (Q.search(/^\d\d\/\d\d\/\d\d\d\d/)!=0) { return false} // bad format
			//alert("Good format");
			var T = Q.split('/')
			if (!isValidDate(T[0], T[1], T[2])) { return false } // bad value
			return true;
		}

		function ValidateDateFormat( s, format )
		{
			if
				(format=="DD/MM/YYYY")
			{
				//alert(s);
				return ReadDateDDMMYYYY(s);
			}
			else 
			{
				return false;
			}
			
		}
        function ValidatePostCode(v)
        {
            var minLimit = ##sessioncfg.DB.Config.Circ.PreInscription.MinPostCodeLength;
            var maxLimit = ##sessioncfg.DB.Config.Circ.PreInscription.MaxPostCodeLength;
            if(v.length >= minLimit && v.length <= maxLimit)
            {
                return true;
            }
            return false;
        }
		function ValidateFieldValue( v, ftype )
		{
			if ( ftype =="Date")
			{
				return ValidateDateFormat( v, "DD/MM/YYYY");
			}
			
            if( ftype =="PostCode")
            {
                return ValidatePostCode(v);
            }
			// all is good.
			return true;
		}
		function CheckFieldContents( name, ftype )
		{
			var elem = document.getElementById(name);
			if
				(elem == null)
			{
				alert("failed to find field elem "+name);
			}
			var s = elem.value;

			var span = document.getElementById("mandatory."+name);
			
			if
				(s == "")
			{
				if
					(span != null)
				{
					span.style.display = "none";
				}
			}

			// ok so now we check the value s
			span = document.getElementById("invalid."+name);
			
			if
				( ValidateFieldValue(  s, ftype ))
			{
				if (span != null) span.style.display = "none";
				return true;
			}
			else
			{
				if (span != null) span.style.display = "";
			}
			
		}
		
		function CheckFields()
		{
		   var haveError = false;
		   var r = false;
			##form.foreachIn(formfield,"")<contentof>
				##local.defineByRender(RPath)<contentof>Request.##formfield.__Label()</contentof>
				##if formfield.IsEqual(Mandatory,1) 
					r = CheckMandatoryField( "##local.RPath" )
					if (r)  r = CheckFieldContents( "##local.RPath" , "##formfield.Validation");
					if ( !haveError) haveError = !r;
				##endif
			</contentof>
			
			return !haveError;
		}
		
		
		
		</script>
	</contentof>	
  <tr>
	<TD width="30%">
	</TD>
	<TD width="70%">
		##leg.ZONESOPAC.MakePreInscription.MandatoryFieldsPrompt 
	</TD>
	
  <tr>
  	
  	                        <!-- Submit and Clear Buttons  SNIP-->
                        

  	
	<TD width="30%">&nbsp;</TD>
	<TD width="70%">
		
			<script type="text/javascript">
	
			function startSearch() 
            {
            	if ( CheckFields())
            	{
	                document.forms['theform'].submit();            		
            	}
            }
	        function resetForm()
	        {
	            var form = document.getElementById("theform");
	            if (form) 
	            {
	                form.reset();
	            }
	            
	        }
		</script>
		
		<br>
		<table>
            <tr>
                <td>
                        ##local.define(ButtonCaption)<contentof>##leg.ZONESOPAC.MakePreInscription.Submit</contentof>
                        ##local.define(ButtonTip)<contentof>##leg.ZONESOPAC.MakePreInscription.SubmitTIP</contentof>
                        ##local.define(ButtonHref)<contentof>javascript:startSearch()</contentof>
                        ##local.define(ButtonID)<contentof>buttonBrowseSearch</contentof>
                        ##local.ButtonFMT                                                                                                
                 </td>
                 <td>
                        ##local.define(ButtonCaption)<contentof>##leg.ZONESOPAC.MakePreInscription.Reset</contentof>
                        ##local.define(ButtonTip)<contentof>##leg.ZONESOPAC.MakePreInscription.ResetTIP</contentof>
                        ##local.define(ButtonHref)<contentof>javascript:resetForm()</contentof>
                        ##local.define(ButtonID)<contentof>buttonBrowseSearchClr</contentof>
                        ##local.ButtonFMT
                 </td>
            </tr>
    	</table>
		
  </tr>
  </TBODY></TABLE>
</FORM>	


</contentof>

##local.Define(LocalContent)<contentof>
    ##helpcontext.addHelp(Toolbar)

    ##if value.Completed
        ##helpcontext.addHelp(MakePreInscriptionComplete)
        ##leg.ZONESOPAC.MakePreInscription.ThankyouSuccess
    ##else
        ##helpcontext.addHelp(MakePreInscriptionForm)
        ##local.SuggestionForm
    ##endif	

</contentof>

##local.Define(Content)<contentof>
	<div style="overflow:auto;width:100%;height:100%">
        ##local.LocalContent
    </div>
</contentof>

##include(Body)