<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
<title>Reply on Interest</title>
<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="U027" sedPackage="Sector Components/Unemployment/U027" sedGVer="4" sedVer="2" sedPatch="0"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link href="_forms/angular/css/bootstrap.min.css" rel="stylesheet" />
<!-- http://isteven.github.io/angular-multi-select CSS -->
<link href="_forms/angular/css/isteven-multi-select.css" rel="stylesheet" />
<link href="_forms/angular/css/select.css" rel="stylesheet" />
<link href="_forms/angular/css/sed_angular_common_MET.css" rel="stylesheet" />
<link href="_forms/angular/css/sed_angular_common.css" rel="stylesheet" />
<link href="_forms/angular/css/splitter.css" rel="stylesheet" />
<link href="_forms/angular/css/style.css" rel="stylesheet" />

<script src="_forms/angular/js/lib/angular.js"></script>
<script src="_forms/angular/js/lib/angular-animate.js"></script>
<script src="_forms/angular/js/lib/angular-sanitize.js"></script>
<script src="_forms/angular/js/lib/ui-bootstrap-tpls.js"></script>

<script src="_forms/angular/js/src/datePicker1.js"></script>
<!-- http://isteven.github.io/angular-multi-select JS -->
<script src="_forms/angular/js/src/isteven-multi-select.js"></script>
<!-- https://vitalets.github.io/checklist-model JS -->
<script src="_forms/angular/js/src/checklist-model.js"></script>
<!-- ui-select files -->
<script src="_forms/angular/js/src/select.js"></script>
<!-- http://lorenzofox3.github.io/smart-table-website/ -->
<script src="_forms/angular/js/src/smart-table.js"></script>
<!-- RINA style checkbox -->
<script src="_forms/angular/js/src/angular-bootstrap-checkbox-met.js"></script>
<!-- IR widget -->
<script src="_forms/angular/js/src/angular-bootstrap-IR.js"></script>
<!-- TR widget -->
<script src="_forms/angular/js/src/angular-bootstrap-TR.js"></script>
<!-- DH widget -->
<script src="_forms/angular/js/src/angular-bootstrap-DH.js"></script>

<!-- <script src="_forms/angular/js/src/sed_angular.js"></script> -->
<script src="_forms/angular/js/src/sed_angular_common.js"></script>
<script src="_forms/angular/js/src/sed_angular_common_MET.js"></script>
<script src="_forms/angular/js/src/sed_angular_common_RINA.js"></script>

</head>
<body ng-app="sedAngularApp">
	<div ng-controller = "ControllerU027" class="met-root">
		<div>
			<h3 class="sedHeadingAC">U027 - Reply on Interest <br/> Articles 65(6), 65(7) of Regulation (EC) No 883/2004, Articles 70, 68 (2) of Regulation (EC) No 987/2009</h3>
			<div style="position:absolute;top:0;right:0;font-size:70%">SED API version: 0.16.2 build 2<br/>Model version: 4.2.0</div>
		</div>
		<!--  
		<ui-layout class= "layout" options = "{sizes:['99%', '1%']}" >
		-->
		<div class="layoutAC">
		<bg-splitter orientation="vertical" position="VM.splitterPosition" class="met-splitter">
		<bg-pane min-size="100" scroll-to-id="viewModel.scrollToId">
			<div ng-controller="SedController" ng-cloak ng-init = "section = model.U027; metaSection = metaModel.U027" class="wb-stretch">
				<div id = "content-angular_U027" class="content-angular container-fluid" ng-model-options="{ debounce: 250 }" ng-form="U027" sedName="U027" sedPackage="Sector Components/Unemployment/U027" sedGVer="4" sedVer="2" sedPatch="0">
					<div class="tab-content met-content" ng-init="sedForm = U027">
						<div met_start_tag class="form-group" ng-controller="WbAngularSedCtrl">
							<div style="vertical-align:bottom" met_start_tag  ng-controller = "SectionController" ng-init = "section = $parent.section.LocalCaseNumbers; metaSection = $parent.metaSection.LocalCaseNumbers" ng-hide = "metaSection.$$isHidden" id="section_{{getNextUUID(metaSection)}}">
								<div style="vertical-align:bottom" met_start_tag class="met_lazy" ng-if="::shouldLoadSection">
								<div style="vertical-align:bottom" class="SECTION_ROW"    id="section_{{getNextUUID(metaSection)}}">
									<label style="vertical-align:bottom" class="control-label SECTION_ROW"><dynheadingno headno="{{metaSection.$$headingIndexed}}" headname="{{metaSection.$$name}}"> </dynheadingno> Local case numbers
										<div style="vertical-align:bottom" class="tooltip-handler" tooltip="Limit the local case number to 1 per Liaison body." tooltip-enable="true" tooltip-placement="right" tooltip-trigger="click"></div>
									</label>
									<div class="SECTION_ROW_WHITESPACE"></div>
								</div>
							<div style="vertical-align:bottom" met_start_tag ng-repeat="section in section.LocalCaseNumber" ng-init = "metaSection = metaSection.LocalCaseNumber[$index]" ng-hide = "metaSection.$$isHidden" ng-class="'color' + ($index % 2)" id="section_{{getNextUUID(metaSection)}}">
								<div style="vertical-align:bottom" class="SUBSECTION_ROW" id="section_{{getNextUUID(metaSection)}}">
									<label style="vertical-align:bottom" class="control-label"> <dynheadingno headno="{{metaSection.$$headingIndexed}}" headname="{{metaSection.$$name}}"> </dynheadingno> Local Case Number
									</label>
								</div>
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.country.$$error,'has-warning': validateForm && metaSection.country.$$warning && !metaSection.country.$$error}">
									<label class="control-label col-xs-3"> <dynheadingno headno="{{metaSection.country.$$headingIndexed}}" headname="{{metaSection.country.$$name}}"> </dynheadingno> Country <i>*</i></label>
									<div class="tooltip-handler" tooltip="State the country to whom the Case Number is applicable." tooltip-enable="true" tooltip-placement="left" tooltip-trigger="click"></div>
									<div 		class="col-xs-7">
										
										<!--  single enum: multiplicity 1 and size greater that 5 entries -->
										<ui-select type="enum" ng-model="section.country" ng-disabled="false" reset-search-input="false" lazy-load="true" id="field_{{getNextUUID(metaSection.country)}}">
											<ui-select-match allow-clear="true" placeholder="{{locale['Noneselected']}}"> {{$select.selected[ 'name']}} </ui-select-match>
											<ui-select-choices repeat="option['value'] as option in input.EESSIEUEFTACountryType | filter: $select.search">
												<div ng-bind-html="option['name'] | highlight: $select.search"></div>
											</ui-select-choices>
										</ui-select>
										<br/>
									</div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.country.$$error">{{metaSection.country.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.country.$$warning && !metaSection.country.$$error">{{metaSection.country.$$warning}}</label>
								   </div>
								</div>
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.caseNumber.$$error,'has-warning': validateForm && metaSection.caseNumber.$$warning && !metaSection.caseNumber.$$error}">
									<label class="control-label col-xs-3"> <dynheadingno headno="{{metaSection.caseNumber.$$headingIndexed}}" headname="{{metaSection.caseNumber.$$name}}"> </dynheadingno> Case number <i>*</i></label>
									<div class="col-xs-7">
										<input ng-model="section.caseNumber" ng-disabled="false" class="form-control" type="text" 	value="" id="field_{{getNextUUID(metaSection.caseNumber)}}" /><br/>
									</div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.caseNumber.$$error">{{metaSection.caseNumber.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.caseNumber.$$warning && !metaSection.caseNumber.$$error">{{metaSection.caseNumber.$$warning}}</label>
								   </div>
								</div>
							<div style="vertical-align:bottom" met_start_tag  ng-controller = "SectionController" ng-init = "section = $parent.section.Institution; metaSection = $parent.metaSection.Institution" ng-hide = "metaSection.$$isHidden" id="section_{{getNextUUID(metaSection)}}">
								<div style="vertical-align:bottom" met_start_tag class="met_lazy" ng-if="::shouldLoadSection">
								<div style="vertical-align:bottom" class="SUBSECTION_ROW" id="section_{{getNextUUID(metaSection)}}">
									<label style="vertical-align:bottom" class="control-label"> <dynheadingno headno="{{metaSection.$$headingIndexed}}" headname="{{metaSection.$$name}}"> </dynheadingno> Institution
										<div style="vertical-align:bottom" class="tooltip-handler" tooltip="State the name/identification number of the institution that has generated or uses this Case Number." tooltip-enable="true" tooltip-placement="right" tooltip-trigger="click"></div>
									</label>
								</div>
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.institutionID.$$error,'has-warning': validateForm && metaSection.institutionID.$$warning && !metaSection.institutionID.$$error}">
									<label class="control-label col-xs-3"> <dynheadingno headno="{{metaSection.institutionID.$$headingIndexed}}" headname="{{metaSection.institutionID.$$name}}"> </dynheadingno> Institution ID <i>*</i></label>
									<div class="tooltip-handler" tooltip="Identification number of the institution, as included in the EESSI Institution Repository (formerly known as Directory Service)." tooltip-enable="true" tooltip-placement="left" tooltip-trigger="click"></div>
									<div class="col-xs-7">
										<irwidget ng-model="section.institutionID" disabled="false" institution="section" name="institutionID" value="" id="field_{{getNextUUID(metaSection.institutionID)}}" /><br/>
									</div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.institutionID.$$error">{{metaSection.institutionID.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.institutionID.$$warning && !metaSection.institutionID.$$error">{{metaSection.institutionID.$$warning}}</label>
									<div class="col-xs-7"><br/></div>
								   </div>
								</div>
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.institutionName.$$error,'has-warning': validateForm && metaSection.institutionName.$$warning && !metaSection.institutionName.$$error}">
									<label class="control-label col-xs-3"> <dynheadingno headno="{{metaSection.institutionName.$$headingIndexed}}" headname="{{metaSection.institutionName.$$name}}"> </dynheadingno> Institution Name <i>*</i></label>
									<div class="col-xs-7">
										<irwidget ng-model="section.institutionName" disabled="false" institution="section" name="institutionName" value="" id="field_{{getNextUUID(metaSection.institutionName)}}" /><br/>
									</div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.institutionName.$$error">{{metaSection.institutionName.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.institutionName.$$warning && !metaSection.institutionName.$$error">{{metaSection.institutionName.$$warning}}</label>
									<div class="col-xs-7"><br/></div>
								   </div>
								</div>
							</div>
							</div>
								<div style="background-color:#f9f9f9;width:100%;text-align:right" class="repetitive-section-footer">
									<span class="arrow_r"></span> <dynheadingno headno="{{metaSection.$$headingIndexed}}" headname="{{metaSection.$$name}}"> </dynheadingno> Local Case Number
									<button type="button" data-section-count="1" class="btn-link section-btn-link" ng-click="addSection($parent.section.LocalCaseNumber, $parent.metaSection.LocalCaseNumber, $index)">
										<span>{{locale['Add']}}</span>
									</button>
									<button type="button" data-section-count="1" class="close section-btn-close" ng-click="removeSection($parent.section.LocalCaseNumber, $parent.metaSection.LocalCaseNumber, $index)">
										<span>×</span>
									</button>
								</div>
							</div>
							</div>
							</div>
							<div style="vertical-align:bottom" met_start_tag  ng-controller = "SectionController" ng-init = "section = $parent.section.InformationChargingInterest; metaSection = $parent.metaSection.InformationChargingInterest" ng-hide = "metaSection.$$isHidden" id="section_{{getNextUUID(metaSection)}}">
								<div style="vertical-align:bottom" met_start_tag class="met_lazy" ng-if="::shouldLoadSection">
								<div style="vertical-align:bottom" class="SECTION_ROW"    id="section_{{getNextUUID(metaSection)}}">
									<label style="vertical-align:bottom" class="control-label SECTION_ROW"><dynheadingno headno="{{metaSection.$$headingIndexed}}" headname="{{metaSection.$$name}}"> </dynheadingno> Information on charging interest <i>*</i>
									</label>
									<div class="SECTION_ROW_WHITESPACE"></div>
								</div>
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.reimbursementRequestID.$$error,'has-warning': validateForm && metaSection.reimbursementRequestID.$$warning && !metaSection.reimbursementRequestID.$$error}">
									<label class="control-label col-xs-3"> <dynheadingno headno="{{metaSection.reimbursementRequestID.$$headingIndexed}}" headname="{{metaSection.reimbursementRequestID.$$name}}"> </dynheadingno> Reimbursement request ID <i>*</i></label>
									<div class="tooltip-handler" tooltip="Identification number of the request for reimbursement - same identification number as in original request (U020 - 'Reimbursement Request')." tooltip-enable="true" tooltip-placement="left" tooltip-trigger="click"></div>
									<div class="col-xs-7">
										<input ng-model="section.reimbursementRequestID" ng-disabled="true" class="form-control" type="text" 	value="" id="field_{{getNextUUID(metaSection.reimbursementRequestID)}}" /><br/>
									</div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.reimbursementRequestID.$$error">{{metaSection.reimbursementRequestID.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.reimbursementRequestID.$$warning && !metaSection.reimbursementRequestID.$$error">{{metaSection.reimbursementRequestID.$$warning}}</label>
								   </div>
								</div>
							</div>
							</div>
							<div style="vertical-align:bottom" met_start_tag  ng-controller = "SectionController" ng-init = "section = $parent.section.ChargingInterestAccepted; metaSection = $parent.metaSection.ChargingInterestAccepted" ng-hide = "metaSection.$$isHidden" id="section_{{getNextUUID(metaSection)}}">
								<div style="vertical-align:bottom" met_start_tag class="met_lazy" ng-if="::shouldLoadSection">
								<div style="vertical-align:bottom" class="SECTION_ROW"    id="section_{{getNextUUID(metaSection)}}">
									<label style="vertical-align:bottom" class="control-label SECTION_ROW"><dynheadingno headno="{{metaSection.$$headingIndexed}}" headname="{{metaSection.$$name}}"> </dynheadingno> Charging of interest accepted <i>*</i>
									</label>
									<div class="SECTION_ROW_WHITESPACE"></div>
								</div>
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.chargingInterestAccepted.$$error,'has-warning': validateForm && metaSection.chargingInterestAccepted.$$warning && !metaSection.chargingInterestAccepted.$$error}">
									<label class="control-label col-xs-3"> <dynheadingno headno="{{metaSection.chargingInterestAccepted.$$headingIndexed}}" headname="{{metaSection.chargingInterestAccepted.$$name}}"> </dynheadingno> Charging of interest accepted <i>*</i></label>
									<div class="tooltip-handler" tooltip="01 - Fully accepted: select if the amount of outstanding claims, range of individual claims and the interest rate are accepted. 02 - Partially accepted: select if some of the individual claims contained in U026 - 'Charging Interest' cannot be subjected to interest. 03 - Non accepted: select if section 'Information on charging interest' in U026 - 'Charging Interest' contains incorrect data." tooltip-enable="true" tooltip-placement="left" tooltip-trigger="click"></div>
									<div 		class="col-xs-7">
										<!--  single enum: multiplicity 1 and size lower than 5 entries -->
										<div class="radio radio-met radio-met-primary" ng-model="section.chargingInterestAccepted" ng-repeat="option in input.InterestAcceptedType track by $index" type="enumCodesSingle" id="field_{{getNextUUID(metaSection.chargingInterestAccepted)}}">
										   <input id="3.1.{{getNextUUID(metaSection.chargingInterestAccepted)}}{{option.value}}" type="radio" ng-model="section.chargingInterestAccepted" ng-click="radioClearSelection($parent.section,'chargingInterestAccepted',$event)" ng-disabled="false" value="{{option.value}}"> <label for="3.1.{{getNextUUID(metaSection.chargingInterestAccepted)}}{{option.value}}">{{option.name}}</label><br/></input>
										</div>
										<br/>
									</div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.chargingInterestAccepted.$$error">{{metaSection.chargingInterestAccepted.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.chargingInterestAccepted.$$warning && !metaSection.chargingInterestAccepted.$$error">{{metaSection.chargingInterestAccepted.$$warning}}</label>
								   </div>
								</div>
							<div style="vertical-align:bottom" met_start_tag  ng-controller = "SectionController" ng-init = "section = $parent.section.PleaseFillInFollowingIfChargingInterestAcceptedNo; metaSection = $parent.metaSection.PleaseFillInFollowingIfChargingInterestAcceptedNo" ng-hide = "metaSection.$$isHidden" id="section_{{getNextUUID(metaSection)}}">
								<div style="vertical-align:bottom" met_start_tag class="met_lazy" ng-if="::shouldLoadSection">
								<div style="vertical-align:bottom" class="SUBSECTION_ROW" id="section_{{getNextUUID(metaSection)}}">
									<label style="vertical-align:bottom" class="control-label"> <dynheadingno headno="{{metaSection.$$headingIndexed}}" headname="{{metaSection.$$name}}"> </dynheadingno> Please fill in the following if "Charging of interest accepted " = "03 - Non accepted" :
									</label>
								</div>
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.specifyReasonForNonAcceptance.$$error,'has-warning': validateForm && metaSection.specifyReasonForNonAcceptance.$$warning && !metaSection.specifyReasonForNonAcceptance.$$error}">
									<label class="control-label col-xs-3"> <dynheadingno headno="{{metaSection.specifyReasonForNonAcceptance.$$headingIndexed}}" headname="{{metaSection.specifyReasonForNonAcceptance.$$name}}"> </dynheadingno> Specify the reason for non-acceptance</label>
									<div 		class="col-xs-7">
										
										<!-- multiple enum version with checkboxes -->
										<div type="enumCodesMultiple" ng-model="section.specifyReasonForNonAcceptance" ng-repeat="option in input.InterestNonAcceptanceMultipleType track by $index">
											<span>
												<input type="checkbox" class="checkbox-met" checklist-model="section.specifyReasonForNonAcceptance" ng-disabled="false" checklist-value="option" output-properties="value" id="field_{{getNextUUID(metaSection.specifyReasonForNonAcceptance)}}" />
												<label> <span></span> {{option.name}}</label>
											</span>
										</div>
										<br/>
									</div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.specifyReasonForNonAcceptance.$$error">{{metaSection.specifyReasonForNonAcceptance.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.specifyReasonForNonAcceptance.$$warning && !metaSection.specifyReasonForNonAcceptance.$$error">{{metaSection.specifyReasonForNonAcceptance.$$warning}}</label>
								   </div>
								</div>
							<div style="vertical-align:bottom" met_start_tag  ng-controller = "SectionController" ng-init = "section = $parent.section.PleaseFillInFollowingIfChargingInterestAccepted; metaSection = $parent.metaSection.PleaseFillInFollowingIfChargingInterestAccepted" ng-hide = "metaSection.$$isHidden" id="section_{{getNextUUID(metaSection)}}">
								<div style="vertical-align:bottom" met_start_tag class="met_lazy" ng-if="::shouldLoadSection">
								<div style="vertical-align:bottom" class="SUBSECTION_ROW" id="section_{{getNextUUID(metaSection)}}">
									<label style="vertical-align:bottom" class="control-label"> <dynheadingno headno="{{metaSection.$$headingIndexed}}" headname="{{metaSection.$$name}}"> </dynheadingno> Please fill in the following if "Charging of interest accepted " = "03 - Non accepted" AND "Specify the reason for non-acceptance" = "99 - Other" :
									</label>
								</div>
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.additionalInformation.$$error,'has-warning': validateForm && metaSection.additionalInformation.$$warning && !metaSection.additionalInformation.$$error}">
									<label class="control-label col-xs-3"> <dynheadingno headno="{{metaSection.additionalInformation.$$headingIndexed}}" headname="{{metaSection.additionalInformation.$$name}}"> </dynheadingno> Additional information</label>
									<div class="tooltip-handler" tooltip="If necessary please provide more information on the reason for non-acceptance." tooltip-enable="true" tooltip-placement="left" tooltip-trigger="click"></div>
									<div class="col-xs-7">
										<trwidget  ng-model="section.additionalInformation" disabled="false" style="resize:vertical;" class="form-control" type="text" value="" rows="5" cols="30"  sedName="U027 - Reply on Interest" elName="3.2.2.1. Additional information" id="field_{{getNextUUID(metaSection.additionalInformation)}}"><br/></trwidget>
									</div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.additionalInformation.$$error">{{metaSection.additionalInformation.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.additionalInformation.$$warning && !metaSection.additionalInformation.$$error">{{metaSection.additionalInformation.$$warning}}</label>
								   </div>
								</div>
							</div>
							</div>
							</div>
							</div>
							</div>
							</div>
							<div style="vertical-align:bottom" met_start_tag  ng-controller = "SectionController" ng-init = "section = $parent.section.PleaseFillInFollowingIfChargingInterest2; metaSection = $parent.metaSection.PleaseFillInFollowingIfChargingInterest2" ng-hide = "metaSection.$$isHidden" id="section_{{getNextUUID(metaSection)}}">
								<div style="vertical-align:bottom" met_start_tag class="met_lazy" ng-if="::shouldLoadSection">
								<div style="vertical-align:bottom" class="SECTION_ROW"    id="section_{{getNextUUID(metaSection)}}">
									<label style="vertical-align:bottom" class="control-label SECTION_ROW"><dynheadingno headno="{{metaSection.$$headingIndexed}}" headname="{{metaSection.$$name}}"> </dynheadingno> Please fill in the following if "Charging of interest accepted " = "02 - Partially accepted"
										<div style="vertical-align:bottom" class="tooltip-handler" tooltip="Please indicate the individual claims which cannot be subjected to interest and provide reason." tooltip-enable="true" tooltip-placement="right" tooltip-trigger="click"></div>
									</label>
									<div class="SECTION_ROW_WHITESPACE"></div>
								</div>
							<div style="vertical-align:bottom" met_start_tag ng-repeat="section in section.IndividualClaimWhichCannotSubjectedInterest" ng-init = "metaSection = metaSection.IndividualClaimWhichCannotSubjectedInterest[$index]" ng-hide = "metaSection.$$isHidden" ng-class="'color' + ($index % 2)" id="section_{{getNextUUID(metaSection)}}">
								<div style="vertical-align:bottom" class="SUBSECTION_ROW" id="section_{{getNextUUID(metaSection)}}">
									<label style="vertical-align:bottom" class="control-label"> <dynheadingno headno="{{metaSection.$$headingIndexed}}" headname="{{metaSection.$$name}}"> </dynheadingno> Individual claim which cannot be subjected to interest <i>*</i>
									</label>
								</div>
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.sequentialNumberIndividualClaim.$$error,'has-warning': validateForm && metaSection.sequentialNumberIndividualClaim.$$warning && !metaSection.sequentialNumberIndividualClaim.$$error}">
									<label class="control-label col-xs-3"> <dynheadingno headno="{{metaSection.sequentialNumberIndividualClaim.$$headingIndexed}}" headname="{{metaSection.sequentialNumberIndividualClaim.$$name}}"> </dynheadingno> Sequential number of individual claim <i>*</i></label>
									<div class="tooltip-handler" tooltip="Same sequential number as in original request (U020 - 'Reimbursement Request')." tooltip-enable="true" tooltip-placement="left" tooltip-trigger="click"></div>
									<div class="col-xs-7"><input ng-model="section.sequentialNumberIndividualClaim" ng-disabled="false" class="form-control" type="text" 	value="" id="field_{{getNextUUID(metaSection.sequentialNumberIndividualClaim)}}" /><br/></div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.sequentialNumberIndividualClaim.$$error">{{metaSection.sequentialNumberIndividualClaim.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.sequentialNumberIndividualClaim.$$warning && !metaSection.sequentialNumberIndividualClaim.$$error">{{metaSection.sequentialNumberIndividualClaim.$$warning}}</label>
								   </div>
								</div>
							<div style="vertical-align:bottom" met_start_tag  ng-controller = "SectionController" ng-init = "section = $parent.section.Person; metaSection = $parent.metaSection.Person" ng-hide = "metaSection.$$isHidden" id="section_{{getNextUUID(metaSection)}}">
								<div style="vertical-align:bottom" met_start_tag class="met_lazy" ng-if="::shouldLoadSection">
								<div style="vertical-align:bottom" class="SUBSECTION_ROW" id="section_{{getNextUUID(metaSection)}}">
									<label style="vertical-align:bottom" class="control-label"> <dynheadingno headno="{{metaSection.$$headingIndexed}}" headname="{{metaSection.$$name}}"> </dynheadingno> Person <i>*</i>
										<div style="vertical-align:bottom" class="tooltip-handler" tooltip="The individual claim is identified mainly by the sequential number. Person identification of the jobseeker (former cross-border worker) concerned who received unemployment benefits from the Member State of residence is repeated (from U020 - 'Reimbursement Request') in a simplified data set to avoid mistakes with a wrongly written sequential number." tooltip-enable="true" tooltip-placement="right" tooltip-trigger="click"></div>
									</label>
								</div>
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.familyName.$$error,'has-warning': validateForm && metaSection.familyName.$$warning && !metaSection.familyName.$$error}">
									<label class="control-label col-xs-3"> <dynheadingno headno="{{metaSection.familyName.$$headingIndexed}}" headname="{{metaSection.familyName.$$name}}"> </dynheadingno> Family name(s) <i>*</i></label>
									<div class="col-xs-7">
										<input ng-model="section.familyName" ng-disabled="false" class="form-control" type="text" 	value="" id="field_{{getNextUUID(metaSection.familyName)}}" /><br/>
									</div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.familyName.$$error">{{metaSection.familyName.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.familyName.$$warning && !metaSection.familyName.$$error">{{metaSection.familyName.$$warning}}</label>
								   </div>
								</div>
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.forename.$$error,'has-warning': validateForm && metaSection.forename.$$warning && !metaSection.forename.$$error}">
									<label class="control-label col-xs-3"> <dynheadingno headno="{{metaSection.forename.$$headingIndexed}}" headname="{{metaSection.forename.$$name}}"> </dynheadingno> Forename(s) <i>*</i></label>
									<div class="col-xs-7">
										<input ng-model="section.forename" ng-disabled="false" class="form-control" type="text" 	value="" id="field_{{getNextUUID(metaSection.forename)}}" /><br/>
									</div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.forename.$$error">{{metaSection.forename.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.forename.$$warning && !metaSection.forename.$$error">{{metaSection.forename.$$warning}}</label>
								   </div>
								</div>
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.dateBirth.$$error,'has-warning': validateForm && metaSection.dateBirth.$$warning && !metaSection.dateBirth.$$error}">
									<label class="control-label col-xs-3"> <dynheadingno headno="{{metaSection.dateBirth.$$headingIndexed}}" headname="{{metaSection.dateBirth.$$name}}"> </dynheadingno> Date of birth <i>*</i></label>
									<div class="col-xs-7" ng-controller="DatePicker1">
										<p class="input-group">
											<span ng-class="{'met-datepicker-up': metaSection.dateBirth.$$elemNo >= metaModel.U027.$$elementsNo - 4}">
												<input type="text" class="form-control" datepicker-popup-met ng-model="section.dateBirth" ng-disabled="false" is-open="status.opened" min-date="minDate" max-date="maxDate" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" close-text="Close" show-weeks="false" year-rows="9" year-columns="9" time-arrow="backward" datepicker-mode="year" placeholder="dd-MM-yyyy" id="field_{{getNextUUID(metaSection.dateBirth)}}" />
											</span>
											<span class="input-group-btn">
												<button ng-class="{'has-error-date-button': validateForm && metaSection.dateBirth.$$error, 'has-warning-date-button': validateForm && !metaSection.dateBirth.$$error && metaSection.dateBirth.$$warning}" ng-disabled="false" type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
											</span>
										</p>
									</div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.dateBirth.$$error">{{metaSection.dateBirth.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.dateBirth.$$warning && !metaSection.dateBirth.$$error">{{metaSection.dateBirth.$$warning}}</label>
								   </div>
								</div>
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.sex.$$error,'has-warning': validateForm && metaSection.sex.$$warning && !metaSection.sex.$$error}">
									<label class="control-label col-xs-3"> <dynheadingno headno="{{metaSection.sex.$$headingIndexed}}" headname="{{metaSection.sex.$$name}}"> </dynheadingno> Sex <i>*</i></label>
									<div 		class="col-xs-7">
										<!--  single enum: multiplicity 1 and size lower than 5 entries -->
										<div class="radio radio-met radio-met-primary" ng-model="section.sex" ng-repeat="option in input.EESSISexType track by $index" type="enumCodesSingle" id="field_{{getNextUUID(metaSection.sex)}}">
										   <input id="4.1.2.4.{{getNextUUID(metaSection.sex)}}{{option.value}}" type="radio" ng-model="section.sex" ng-click="radioClearSelection($parent.section,'sex',$event)" ng-disabled="false" value="{{option.value}}"> <label for="4.1.2.4.{{getNextUUID(metaSection.sex)}}{{option.value}}">{{option.name}}</label><br/></input>
										</div>
										<br/>
									</div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.sex.$$error">{{metaSection.sex.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.sex.$$warning && !metaSection.sex.$$error">{{metaSection.sex.$$warning}}</label>
								   </div>
								</div>
							</div>
							</div>
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.specifyReason.$$error,'has-warning': validateForm && metaSection.specifyReason.$$warning && !metaSection.specifyReason.$$error}">
									<label class="control-label col-xs-3"> <dynheadingno headno="{{metaSection.specifyReason.$$headingIndexed}}" headname="{{metaSection.specifyReason.$$name}}"> </dynheadingno> Specify the reason <i>*</i></label>
									<div 		class="col-xs-7">
										<!--  single enum: multiplicity 1 and size lower than 5 entries -->
										<div class="radio radio-met radio-met-primary" ng-model="section.specifyReason" ng-repeat="option in input.NoInterestIndividualClaimType track by $index" type="enumCodesSingle" id="field_{{getNextUUID(metaSection.specifyReason)}}">
										   <input id="4.1.3.{{getNextUUID(metaSection.specifyReason)}}{{option.value}}" type="radio" ng-model="section.specifyReason" ng-click="radioClearSelection($parent.section,'specifyReason',$event)" ng-disabled="false" value="{{option.value}}"> <label for="4.1.3.{{getNextUUID(metaSection.specifyReason)}}{{option.value}}">{{option.name}}</label><br/></input>
										</div>
										<br/>
									</div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.specifyReason.$$error">{{metaSection.specifyReason.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.specifyReason.$$warning && !metaSection.specifyReason.$$error">{{metaSection.specifyReason.$$warning}}</label>
								   </div>
								</div>
							<div style="vertical-align:bottom" met_start_tag  ng-controller = "SectionController" ng-init = "section = $parent.section.PleaseFillInFollowingIfSpecifyReason3Other; metaSection = $parent.metaSection.PleaseFillInFollowingIfSpecifyReason3Other" ng-hide = "metaSection.$$isHidden" id="section_{{getNextUUID(metaSection)}}">
								<div style="vertical-align:bottom" met_start_tag class="met_lazy" ng-if="::shouldLoadSection">
								<div style="vertical-align:bottom" class="SUBSECTION_ROW" id="section_{{getNextUUID(metaSection)}}">
									<label style="vertical-align:bottom" class="control-label"> <dynheadingno headno="{{metaSection.$$headingIndexed}}" headname="{{metaSection.$$name}}"> </dynheadingno> Please fill in the following if "Specify the reason" = "99 - Other" :
									</label>
								</div>
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.pleaseSpecifyOther.$$error,'has-warning': validateForm && metaSection.pleaseSpecifyOther.$$warning && !metaSection.pleaseSpecifyOther.$$error}">
									<label class="control-label col-xs-3"> <dynheadingno headno="{{metaSection.pleaseSpecifyOther.$$headingIndexed}}" headname="{{metaSection.pleaseSpecifyOther.$$name}}"> </dynheadingno> Please specify Other</label>
									<div class="col-xs-7">
										<trwidget  ng-model="section.pleaseSpecifyOther" disabled="false" style="resize:vertical;" class="form-control" type="text" value="" rows="5" cols="30"  sedName="U027 - Reply on Interest" elName="4.1.4.1. Please specify Other" id="field_{{getNextUUID(metaSection.pleaseSpecifyOther)}}"><br/></trwidget>
									</div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.pleaseSpecifyOther.$$error">{{metaSection.pleaseSpecifyOther.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.pleaseSpecifyOther.$$warning && !metaSection.pleaseSpecifyOther.$$error">{{metaSection.pleaseSpecifyOther.$$warning}}</label>
								   </div>
								</div>
							</div>
							</div>
								<div style="background-color:#f9f9f9;width:100%;text-align:right" class="repetitive-section-footer">
									<span class="arrow_r"></span> <dynheadingno headno="{{metaSection.$$headingIndexed}}" headname="{{metaSection.$$name}}"> </dynheadingno> Individual claim which cannot be subjected to interest
									<button type="button" data-section-count="1" class="btn-link section-btn-link" ng-click="addSection($parent.section.IndividualClaimWhichCannotSubjectedInterest, $parent.metaSection.IndividualClaimWhichCannotSubjectedInterest, $index)">
										<span>{{locale['Add']}}</span>
									</button>
									<button type="button" data-section-count="1" class="close section-btn-close" ng-click="removeSection($parent.section.IndividualClaimWhichCannotSubjectedInterest, $parent.metaSection.IndividualClaimWhichCannotSubjectedInterest, $index)">
										<span>×</span>
									</button>
								</div>
							</div>
							</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			</bg-pane>
			<bg-pane min-size="1">
			<div class = "footer-content" ng-controller="FooterController" ng-cloak>
					<table ng-show="errors.length > 0" st-table="errorListDisplay" st-safe-src="errors" class="table table-condensed table-striped table-hover">
					<tbody>
					<tr ng-repeat="row in errorListDisplay | orderBy:'level'">
						<td width="95%" ng-click="showError(row)" class="wb-link" 
							ng-style="{'color':row.severity == 'Error'?'red':'orange'}">
							{{ row.severityMessage }} :
							{{ row.message }}
						</td>
					</tr>
					</tbody>
				</table>
			</div>
		 </bg-pane>
		 </bg-splitter>
		</div>
		<script>
		
		/*
		angular.module("sedAngularApp").run( function() {
			angular.module("sedAngularApp").lazy.controller("ControllerU027",["$scope", ControllerU027]);	
		});
		*/
		
		angular.module("sedAngularApp").lazy.controller("ControllerU027",["$scope", ControllerU027]);
		
		function ControllerU027($scope){
			
			$scope.VM = { splitterPosition:1 };
			
			$scope.contentDiv = "content-angular_U027";
			
			$scope.errors = new Array();

			// isteven widget translations
			$scope.localLang = {
				selectAll       : LOCALE['Selectall'],
				selectNone      : LOCALE['Selectnone'],
				reset           : LOCALE['Reset'],
				search          : LOCALE['Search'],
				nothingSelected : LOCALE['Noneselected']
			};
		
			$scope.MODEL = {
	"U027":{
		"sedPackage":"Sector Components/Unemployment/U027",
		"sedGVer":"4",
		"sedVer":"2",
		"LocalCaseNumbers":{
			"LocalCaseNumber":[{
				"country":"",
				"caseNumber":"",
				"Institution":{
					"institutionID":"",
					"institutionName":""
				}
			}]
		},
		"InformationChargingInterest":{
			"reimbursementRequestID":""
		},
		"ChargingInterestAccepted":{
			"chargingInterestAccepted":"",
			"PleaseFillInFollowingIfChargingInterestAcceptedNo":{
				"specifyReasonForNonAcceptance":"",
				"PleaseFillInFollowingIfChargingInterestAccepted":{
					"additionalInformation":""
				}
			}
		},
		"PleaseFillInFollowingIfChargingInterest2":{
			"IndividualClaimWhichCannotSubjectedInterest":[{
				"sequentialNumberIndividualClaim":"",
				"Person":{
					"familyName":"",
					"forename":"",
					"dateBirth":"",
					"sex":""
				},
				"specifyReason":"",
				"PleaseFillInFollowingIfSpecifyReason3Other":{
					"pleaseSpecifyOther":""
				}
			}]
		}
	}
};
		
			$scope.META_MODEL = {
					"U027":{
							"$$name" : "U027",
							"$$heading":"",
							"$$mandatory":true, 
							"$$repetition":false, 
							"$$type":"sed",
							"$$uuid":"U027",
							"$$hasData":false,
							"LocalCaseNumbers":{
								"$$name":"LocalCaseNumbers",
								"$$heading":"1",
								"$$headingIndex": "0",
								"$$headingIndexed": "1",
								"$$mandatory":false,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"LocalCaseNumber":[{
								"$$name":"LocalCaseNumber",
								"$$heading":"1.1",
								"$$headingIndex": "0",
								"$$headingIndexed": "1.1",
								"$$mandatory":false,
								"$$draftCritical":false,
								"$$repetition":true,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"country":{
								"$$name":"country",
								"$$heading":"1.1.1",
								"$$headingIndex": "0",
								"$$headingIndexed": "1.1.1",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"enum",
								"$$uuid":0,
								"$$hasData":false
							},
							"caseNumber":{
								"$$name":"caseNumber",
								"$$heading":"1.1.2",
								"$$headingIndex": "0",
								"$$headingIndexed": "1.1.2",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$hasRestrictions":true,
								"$$restrictions": { "minLength":"1", "maxLength":"65" },
								"$$type":"string",
								"$$uuid":0,
								"$$hasData":false
							},
							"Institution":{
								"$$name":"Institution",
								"$$heading":"1.1.3",
								"$$headingIndex": "0",
								"$$headingIndexed": "1.1.3",
								"$$mandatory":false,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"institutionID":{
								"$$name":"institutionID",
								"$$heading":"1.1.3.1",
								"$$headingIndex": "0",
								"$$headingIndexed": "1.1.3.1",
								"$$mandatory":true,
								"$$draftCritical":true,
								"$$repetition":false,
								"$$isHidden":false,
								"$$hasRestrictions":true,
								"$$restrictions": { "pattern":"(AT|BE|BG|HR|CY|CZ|DK|EE|FI|FR|DE|EL|HU|IS|IE|IT|LV|LI|LT|LU|MT|NL|NO|PL|PT|RO|SK|SI|ES|SE|CH|UK|EU):[a-zA-Z0-9]{4,10}" },
								"$$type":"string",
								"$$uuid":0,
								"$$hasData":false
							},
							"institutionName":{
								"$$name":"institutionName",
								"$$heading":"1.1.3.2",
								"$$headingIndex": "0",
								"$$headingIndexed": "1.1.3.2",
								"$$mandatory":true,
								"$$draftCritical":true,
								"$$repetition":false,
								"$$isHidden":false,
								"$$hasRestrictions":true,
								"$$restrictions": { "minLength":"1", "maxLength":"155" },
								"$$type":"string",
								"$$uuid":0,
								"$$hasData":false
							}
							}
							}]
							},
							"InformationChargingInterest":{
								"$$name":"InformationChargingInterest",
								"$$heading":"2",
								"$$headingIndex": "0",
								"$$headingIndexed": "2",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"reimbursementRequestID":{
								"$$name":"reimbursementRequestID",
								"$$heading":"2.1",
								"$$headingIndex": "0",
								"$$headingIndexed": "2.1",
								"$$mandatory":true,
								"$$draftCritical":true,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"string",
								"$$uuid":0,
								"$$hasData":false
							}
							},
							"ChargingInterestAccepted":{
								"$$name":"ChargingInterestAccepted",
								"$$heading":"3",
								"$$headingIndex": "0",
								"$$headingIndexed": "3",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"chargingInterestAccepted":{
								"$$name":"chargingInterestAccepted",
								"$$heading":"3.1",
								"$$headingIndex": "0",
								"$$headingIndexed": "3.1",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"enum",
								"$$uuid":0,
								"$$hasData":false
							},
							"PleaseFillInFollowingIfChargingInterestAcceptedNo":{
								"$$name":"PleaseFillInFollowingIfChargingInterestAcceptedNo",
								"$$heading":"3.2",
								"$$headingIndex": "0",
								"$$headingIndexed": "3.2",
								"$$mandatory":false,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"specifyReasonForNonAcceptance":{
								"$$name":"specifyReasonForNonAcceptance",
								"$$heading":"3.2.1",
								"$$headingIndex": "0",
								"$$headingIndexed": "3.2.1",
								"$$mandatory":false,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"enum",
								"$$uuid":0,
								"$$hasData":false
							},
							"PleaseFillInFollowingIfChargingInterestAccepted":{
								"$$name":"PleaseFillInFollowingIfChargingInterestAccepted",
								"$$heading":"3.2.2",
								"$$headingIndex": "0",
								"$$headingIndexed": "3.2.2",
								"$$mandatory":false,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"additionalInformation":{
								"$$name":"additionalInformation",
								"$$heading":"3.2.2.1",
								"$$headingIndex": "0",
								"$$headingIndexed": "3.2.2.1",
								"$$mandatory":false,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$hasRestrictions":true,
								"$$restrictions": { "minLength":"1", "maxLength":"500" },
								"$$type":"string",
								"$$uuid":0,
								"$$hasData":false
							}
							}
							}
							},
							"PleaseFillInFollowingIfChargingInterest2":{
								"$$name":"PleaseFillInFollowingIfChargingInterest2",
								"$$heading":"4",
								"$$headingIndex": "0",
								"$$headingIndexed": "4",
								"$$mandatory":false,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"IndividualClaimWhichCannotSubjectedInterest":[{
								"$$name":"IndividualClaimWhichCannotSubjectedInterest",
								"$$heading":"4.1",
								"$$headingIndex": "0",
								"$$headingIndexed": "4.1",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":true,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"sequentialNumberIndividualClaim":{
								"$$name":"sequentialNumberIndividualClaim",
								"$$heading":"4.1.1",
								"$$headingIndex": "0",
								"$$headingIndexed": "4.1.1",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$hasRestrictions":true,
								"$$restrictions": { "pattern":"[1-9]{1}[0-9]{0,15}", "minInclusive":"1" },
								"$$type":"int",
								"$$uuid":0,
								"$$hasData":false
							},
							"Person":{
								"$$name":"Person",
								"$$heading":"4.1.2",
								"$$headingIndex": "0",
								"$$headingIndexed": "4.1.2",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"familyName":{
								"$$name":"familyName",
								"$$heading":"4.1.2.1",
								"$$headingIndex": "0",
								"$$headingIndexed": "4.1.2.1",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$hasRestrictions":true,
								"$$restrictions": { "minLength":"1", "maxLength":"155" },
								"$$type":"string",
								"$$uuid":0,
								"$$hasData":false
							},
							"forename":{
								"$$name":"forename",
								"$$heading":"4.1.2.2",
								"$$headingIndex": "0",
								"$$headingIndexed": "4.1.2.2",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$hasRestrictions":true,
								"$$restrictions": { "minLength":"1", "maxLength":"155" },
								"$$type":"string",
								"$$uuid":0,
								"$$hasData":false
							},
							"dateBirth":{
								"$$name":"dateBirth",
								"$$heading":"4.1.2.3",
								"$$headingIndex": "0",
								"$$headingIndexed": "4.1.2.3",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"date",
								"$$uuid":0,
								"$$hasData":false
							},
							"sex":{
								"$$name":"sex",
								"$$heading":"4.1.2.4",
								"$$headingIndex": "0",
								"$$headingIndexed": "4.1.2.4",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"enum",
								"$$uuid":0,
								"$$hasData":false
							}
							},
							"specifyReason":{
								"$$name":"specifyReason",
								"$$heading":"4.1.3",
								"$$headingIndex": "0",
								"$$headingIndexed": "4.1.3",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"enum",
								"$$uuid":0,
								"$$hasData":false
							},
							"PleaseFillInFollowingIfSpecifyReason3Other":{
								"$$name":"PleaseFillInFollowingIfSpecifyReason3Other",
								"$$heading":"4.1.4",
								"$$headingIndex": "0",
								"$$headingIndexed": "4.1.4",
								"$$mandatory":false,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"pleaseSpecifyOther":{
								"$$name":"pleaseSpecifyOther",
								"$$heading":"4.1.4.1",
								"$$headingIndex": "0",
								"$$headingIndexed": "4.1.4.1",
								"$$mandatory":false,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$hasRestrictions":true,
								"$$restrictions": { "minLength":"1", "maxLength":"500" },
								"$$type":"string",
								"$$uuid":0,
								"$$hasData":false
							}
							}
							}]
							}
				}
			};
		}
		
		/* Without flags */
		var INPUT = 
		{
			"EESSIEUEFTACountryType":
			 [
						{name: "["+"AT"+"] Austria", value: "AT$", ticked: false},
						{name: "["+"BE"+"] Belgium", value: "BE$", ticked: false},
						{name: "["+"BG"+"] Bulgaria", value: "BG$", ticked: false},
						{name: "["+"HR"+"] Croatia", value: "HR$", ticked: false},
						{name: "["+"CY"+"] Cyprus", value: "CY$", ticked: false},
						{name: "["+"CZ"+"] Czechia", value: "CZ$", ticked: false},
						{name: "["+"DK"+"] Denmark", value: "DK$", ticked: false},
						{name: "["+"EE"+"] Estonia", value: "EE$", ticked: false},
						{name: "["+"FI"+"] Finland", value: "FI$", ticked: false},
						{name: "["+"FR"+"] France", value: "FR$", ticked: false},
						{name: "["+"DE"+"] Germany", value: "DE$", ticked: false},
						{name: "["+"EL"+"] Greece", value: "EL$", ticked: false},
						{name: "["+"HU"+"] Hungary", value: "HU$", ticked: false},
						{name: "["+"IS"+"] Iceland", value: "IS$", ticked: false},
						{name: "["+"IE"+"] Ireland", value: "IE$", ticked: false},
						{name: "["+"IT"+"] Italy", value: "IT$", ticked: false},
						{name: "["+"LV"+"] Latvia", value: "LV$", ticked: false},
						{name: "["+"LI"+"] Liechtenstein", value: "LI$", ticked: false},
						{name: "["+"LT"+"] Lithuania", value: "LT$", ticked: false},
						{name: "["+"LU"+"] Luxembourg", value: "LU$", ticked: false},
						{name: "["+"MT"+"] Malta", value: "MT$", ticked: false},
						{name: "["+"NL"+"] Netherlands", value: "NL$", ticked: false},
						{name: "["+"NO"+"] Norway", value: "NO$", ticked: false},
						{name: "["+"PL"+"] Poland", value: "PL$", ticked: false},
						{name: "["+"PT"+"] Portugal", value: "PT$", ticked: false},
						{name: "["+"RO"+"] Romania", value: "RO$", ticked: false},
						{name: "["+"SK"+"] Slovakia", value: "SK$", ticked: false},
						{name: "["+"SI"+"] Slovenia", value: "SI$", ticked: false},
						{name: "["+"ES"+"] Spain", value: "ES$", ticked: false},
						{name: "["+"SE"+"] Sweden", value: "SE$", ticked: false},
						{name: "["+"CH"+"] Switzerland", value: "CH$", ticked: false},
						{name: "["+"UK"+"] United Kingdom", value: "UK$", ticked: false}
			 ],
			"InterestAcceptedType":
			 [
						{name: "["+"01"+"] Fully accepted", value: "01$", ticked: false},
						{name: "["+"02"+"] Partially accepted", value: "02$", ticked: false},
						{name: "["+"03"+"] Non accepted", value: "03$", ticked: false}
			 ],
			"InterestNonAcceptanceMultipleType":
			 [
						{name: "["+"01"+"] Incorrect due date", value: "01$", ticked: false},
						{name: "["+"02"+"] Incorrect interest rate", value: "02$", ticked: false},
						{name: "["+"03"+"] Incorrect total amount of outstanding claims", value: "03$", ticked: false},
						{name: "["+"99"+"] Other", value: "99$", ticked: false}
			 ],
			"EESSISexType":
			 [
						{name: "["+"01"+"] Male", value: "01$", ticked: false},
						{name: "["+"02"+"] Female", value: "02$", ticked: false},
						{name: "["+"98"+"] Unknown", value: "98$", ticked: false}
			 ],
			"NoInterestIndividualClaimType":
			 [
						{name: "["+"01"+"] Individual claim was contested within 18 months", value: "01$", ticked: false},
						{name: "["+"02"+"] Individual claim was paid within 18 months", value: "02$", ticked: false},
						{name: "["+"99"+"] Other", value: "99$", ticked: false}
			 ],
			"structureEnd": {}
		};
		
		var ERROR_MESSAGES =
		{
			"section": "section",
			"field": "field",
			"error": "Error",
			"warning": "Warning",
			"requiresdata": "requires data",
			"invalidformat": "has invalid formatted data",
			"norestriction": "does not comply with restriction"
		};
		
		var LOCALE =
		{
			"Add": "Add",
			"Translate": "Translate",
			"Noneselected": "None selected",
			"Reset": "Reset",
			"Search": "Search",
			"Selectnone": "Select None",
			"Selectall": "Select All",
		};
		
		</script>	
	</div>

</body>
</html>