<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <!-- the next meta info is used for some compatibility issue in IE11 -->
    <META http-equiv="X-UA-Compatible" content="IE=9"/>
    <meta sedName="[[name]]" sedPackage="[[packageName]]" sedGVer="[[major]]" sedVer="[[minor]]" sedPatch="[[patch]]"/>
    <title>[[sedTitle]]</title>
    <link href="_forms/jquery/css/ui-lightness/jquery-ui-1.10.4.css" rel="stylesheet"/>
    <link href="_forms/jquery/css/sed_test.css" rel="stylesheet"/>
    <script type="text/javascript" src="_forms/jquery/js/lib/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="_forms/jquery/js/lib/jquery-ui-1.10.4.min.js"></script>
    <script type="text/javascript" src="_forms/jquery/js/lib/json2.js"></script>
    <script type="text/javascript" src="_forms/jquery/js/lib/json2Date.js"></script>    	
    <script type="text/javascript" src="_forms/jquery/js/src/sed.js"></script>
    <script type="text/javascript" src="_forms/jquery/js/src/sed_test.js"></script>
</head>
<body>
<div id="fullcontent" met_sed_root="[[name]]" sedName="[[name]]" sedPackage="[[packageName]]" sedGVer="[[major]]" sedVer="[[minor]]">
	<div style="position:absolute;top:0;right:0;font-size:70%">SED API version: [[sedApiVersion]]</div>
    <h3 id="sedHeading">[[sedNumber]] - [[sedTitle]]</h3>
	<div id="content">
        <form>
            <div met_repeat="recursive.attributes">
                <!-- SECTION OUTER PREFIX FOR "CHOICE OF ALTERNATIVE EXTENSIONS" -->
                <div met_if = 'isChoice && !isEndEvent && choiceIndex == 0' met_choice = "[[parentFullName]]">
                	<hr/>
                	<div met_repeat="choices" met_choice_option="[[fullName]]">
	                	<input type="radio" met_choice_option_input="[[fullName]]"/>
	                	<span met_label>[[choiceLabel]]</span><i met_if = 'isMandatory'>*</i><br/>
                	</div>
                	<hr/> 
                </div>
                <!-- SECTION START -->
				<div met_if='isSection && !isEndEvent' met_mandatory="[[isMandatory]]" met_section_frame="[[fullName]]"  met_start_tag>
					<!-- SECTION PREFIX -->
                    <div style="float:auto" met_if = "level==1" met_section_prefix="[[fullName]]" title="[[xnote]]">
                        <table style="width:100%"><tr>
                            <td class="SECTION_ROW" colspan="2" id="[[name]]">
                                <b met_label>[[headingNumber]] [[label]]</b><i met_if="isMandatory">*</i>
                            </td>
                        </tr></table>
                    </div>
                    <div style="float:auto" met_if = "level > 1 && !isChoice" met_section_prefix="[[fullName]]" title="[[xnote]]">
                        <table style="width:100%"><tr>
                            <td style="width:500px;background-color:#EAEAFF">
                                <span met_label>[[headingNumber]] [[label]]</span><i met_if="isMandatory">*</i>
                            </td>
                         </tr></table>
                    </div>
                </div>
                <!-- SECTION CONTENT hideable or cloneable/removable in case of repetitions -->
                <div style="float:auto" met_if='isSection && !isEndEvent' met_section="[[fullName]]" met_section_index="0"  met_start_tag />
                <div met_if = 'isField' met_mandatory="[[isMandatory]]" met_field_frame="[[fullName]]" >
                	<div met_if = 'isField' met_field="[[fullName]]" title="[[xnote]]">
	                    <table style="width:100%;">
	                        <tr>
	                            <td met_label style="text-align:right;width:500px;">[[headingNumber]] [[label]] 
	                            	<i met_if="isMandatory">*</i> 
	                            </td>
	                            <td class="FIELD_CONTROL" met_switch="htmlType">
	                            	<div met_case="default">
	                            		<textarea met_input type="text" met_if = "largeText == '1'" name="[[fullName]]" rows="5" cols="30"></textarea>
	                            		<input 	met_input type="text" met_if = "largeText != '1'" name="[[fullName]]" value=""  />	
	                            	</div>
	                                <input met_input met_case="date" type="date" class="datepicker" name="[[fullName]]" />
	                                <input met_input met_case="boolean" type="checkbox" name="[[fullName]]">[[booleanLabel]]</input>
 	                                <div met_case="enum">
 	                                	<!--  default enum: multiplicity 1 and size greater that 5 entries -->
 	                                	<select met_if = '!isRepetition && enumSize>5' met_input type="enum" name="[[fullName]]">
		                                   	<option value=""></option>
		                                   	<option met_repeat="enumCodes" value="[[code]]">[[label]]</option>
		                               	</select>
		                               	<!-- single enum version with radioboxes, enumSize <=5 -->
	                            		<div met_if = '!isRepetition && enumSize<=5' met_input type="enumCodesSingle" name="[[fullName]]">
		                               		<input met_input_radio type="radio" met_repeat="enumCodes" value="[[code]]">[[label]]<br/></input>
		                            	</div>
	                            		<!-- multiple enum version with checkboxes -->
		                        		<div met_if = 'isRepetition && enumSize <=5' met_input name="[[fullName]]" type="enumCodesMultiple">
											<input type="checkbox" met_repeat="enumCodes" value="[[code]]">[[label]]<br/></input>
										</div>
										<!-- multiple enum version with select -->
										<select met_if = 'isRepetition && enumSize >5' met_input name="[[fullName]]" type="enumCodesMultiple" multiple>
											<!--  
											<option value=""></option>
											-->
											<option met_repeat="enumCodes" met_if = "(siblingIndex >= 0)" value="[[code]]">[[label]]</option>
										</select>
	                                </div>
	                            </td>
	                        </tr>
	                    </table>
	                </div>
                </div>
                <!-- SECTION SUFFIX - included in the content it will be hidden or duplicated -->
                <div style="float:auto" met_if = 'isEndEvent' met_section_suffix="[[fullName]]">
                    <hr met_if = 'isChoice' />
                    <table style="width:100%" met_if = "isRepetition && level > 1" met_repetition_buttons = "[[fullName]]">
                        <tr style="background-color:#EAEAFF">
                            <td style="text-align:left;width:auto">@ [[headingNumber]].[[label]] </td>
                            <td><div style="float:right">
                                <button data-section-count="1" met_add_section="[[fullName]]">+</button>
                                <button data-section-count="1" met_remove_section="[[fullName]]">-</button>
                            </div></td>
                        </tr>
                    </table>
                    <table style="width:100%" met_if = "isRepetition && level == 1" met_repetition_buttons = "[[fullName]]">
                        <tr style="background-color:lightgray">
                            <td style="text-align:left;width:auto">@ [[headingNumber]].[[label]] </td>
                            <td><div style="float:right">
                                <button data-section-count="1" met_add_section="[[fullName]]">+</button>
                                <button data-section-count="1" met_remove_section="[[fullName]]">-</button>
                            </div></td>
                        </tr>
                    </table>
                </div>
                <!-- SECTION CONTENT END -->
                <div met_if='isEndEvent' met_end_tag/>
                <!-- SECTION END -->
                <div met_if='isEndEvent' met_end_tag/>
            </div>
        </form>
    </div>
</div>
</body>
</html>