<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
<title> Demande de pénalités de retard </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="U026" sedPackage="Sector Components/Unemployment/U026" sedGVer="4" sedVer="1" 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 = "ControllerU026" class="met-root">
		<div>
			<h3 class="sedHeadingAC">U026 -  Demande de pénalités de retard  <br/>  Article 65, paragraphes 6 et 7, du règlement (CE) nº 883/2004; article 70 et article 68, paragraphe 2, du règlement (CE) nº 987/2009  </h3>
			<div style="position:absolute;top:0;right:0;font-size:70%">SED API version: 0.15.2 build 3<br/>Model version: 4.1.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.U026; metaSection = metaModel.U026" class="wb-stretch">
				<div id = "content-angular_U026" class="content-angular container-fluid" ng-model-options="{ debounce: 250 }" ng-form="U026" sedName="U026" sedPackage="Sector Components/Unemployment/U026" sedGVer="4" sedVer="1" sedPatch="0">
					<div class="tab-content met-content" ng-init="sedForm = U026">
						<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)}}" component_type="CC">
								<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)}}">
									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>
										<!-- optional -->
											<div class="adinfo-optional-handler" tooltip="Optional." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- not enum -->
											<div class="adinfo-notenumeration-handler" tooltip="Not-enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=EESSILocalCaseNumbersType&dictionaryEntryName=1B64E48E-9F09-E711-80D3-000D3A22E8CD')"> </div>
									</div>
									<div>
										<label style="vertical-align:top" class="control-label SECTION_ROW">1.  Numéros de dossier 
											<div style="vertical-align:bottom" class="tooltip-handler" tooltip=" 1 numéro de dossier par institution. " tooltip-enable="true" tooltip-placement="right" tooltip-trigger="click"></div>
										</label>
										<i style="font-weight: normal; color:#8A2BE2">
										[ CC
										]
										</i>
									</div>
									<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)}}" component_type="CC">
								<div style="vertical-align:bottom" class="SUBSECTION_ROW" id="section_{{getNextUUID(metaSection)}}">
									<div>
										<!-- is repetition -->
											<div class="adinfo-repetitive-handler" tooltip="Repetitive." tooltip-enable="true"tooltip-placement="right"> </div>
										<!-- optional -->
											<div class="adinfo-optional-handler" tooltip="Optional." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- not enum -->
											<div class="adinfo-notenumeration-handler" tooltip="Not-enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=EESSILocalCaseNumberType&dictionaryEntryName=D064DE24-529C-E611-80D1-000D3A22E8CD')"> </div>
									</div>
									<label style="vertical-align:bottom" class="subsection-control-label subsection-padding-level-2">1.1.  Numéro de dossier local 
										<i style="font-weight: normal; color:#8A2BE2">
										[ CC
										]
										</i>
									</label>
								</div>
							<div component_type="ENUM">
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid container-fluid-reset-padding" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.country.$$error,'has-warning': validateForm && metaSection.country.$$warning && !metaSection.country.$$error}">

									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- mandatory -->
											<div class="adinfo-mandatory-handler" tooltip="Mandatory." tooltip-enable="true"tooltip-placement="right"> </div>
											   <div class="adinfo-single-selection-handler" tooltip="Single select enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=EESSIEUEFTACountryType&dictionaryEntryName=CD64DE24-529C-E611-80D1-000D3A22E8CD')"> </div>
									</div>

									<label class="subsection-control-label col-xs-3 subsection-padding-level-3">1.1.1.  Pays  <i>*</i></label>

									<div class="tooltip-handler" tooltip=" Indiquer le pays auquel s’applique le numéro de dossier. " tooltip-enable="true" tooltip-placement="left" tooltip-trigger="click"></div>
									<div 		class="col-xs-4">
										
										<!--  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>
									
									<!-- style="background-color:#ffff00; -->
									<i style="font-weight: normal; color:#8A2BE2">
									[
										ENUM
									]
									</i>

									<label class="control-label col-xs-4 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>
							<div component_type="CDT">
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid container-fluid-reset-padding" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.caseNumber.$$error,'has-warning': validateForm && metaSection.caseNumber.$$warning && !metaSection.caseNumber.$$error}">

									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- mandatory -->
											<div class="adinfo-mandatory-handler" tooltip="Mandatory." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- not enum -->
											<div class="adinfo-notenumeration-handler" tooltip="Not-enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=EESSIShortStringType&dictionaryEntryName=6A970F32-539C-E611-80D1-000D3A22E8CD&minLength=1&maxLength=65')"> </div>
									</div>

									<label class="subsection-control-label col-xs-3 subsection-padding-level-3">1.1.2.  Numéro de dossier  <i>*</i></label>
									<div class="empty-div-with-width"> </div>

									<div class="col-xs-4	">
										<input ng-model="section.caseNumber" ng-disabled="false" class="form-control" type="text" 	value="" id="field_{{getNextUUID(metaSection.caseNumber)}}" /><br/>
									</div>
									
									<!-- style="background-color:#ffff00; -->
									<i style="font-weight: normal; color:#8A2BE2">
									[
										CDT
									]
									</i>

									<label class="control-label col-xs-4 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>
							<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)}}" component_type="CC">
								<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)}}">
									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>
										<!-- optional -->
											<div class="adinfo-optional-handler" tooltip="Optional." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- not enum -->
											<div class="adinfo-notenumeration-handler" tooltip="Not-enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=EESSIInstitutionType&dictionaryEntryName=6C970F32-539C-E611-80D1-000D3A22E8CD')"> </div>
									</div>
									<label style="vertical-align:bottom" class="subsection-control-label subsection-padding-level-3">1.1.3.  Institution 
										<div style="vertical-align:bottom" class="tooltip-handler" tooltip=" Indiquer le nom/le numéro d’identification de l’institution qui a généré ou utilise ce numéro de dossier. " tooltip-enable="true" tooltip-placement="right" tooltip-trigger="click"></div>
										<i style="font-weight: normal; color:#8A2BE2">
										[ CC
										]
										</i>
									</label>
								</div>
							<div component_type="BDT">
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid container-fluid-reset-padding" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.institutionID.$$error,'has-warning': validateForm && metaSection.institutionID.$$warning && !metaSection.institutionID.$$error}">

									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- mandatory -->
											<div class="adinfo-mandatory-handler" tooltip="Mandatory." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- not enum -->
											<div class="adinfo-notenumeration-handler" tooltip="Not-enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=EESSIInstitutionIDType&dictionaryEntryName=38684F61-9218-E611-80EA-000C292ED0D7&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}')"> </div>
									</div>

									<label class="subsection-control-label col-xs-3 subsection-padding-level-4">1.1.3.1.  Numéro d’identification de l’institution  <i>*</i></label>

									<div class="tooltip-handler" tooltip=" Numéro d’identification de l’institution, tel qu’indiqué dans le référentiel des institutions de l’EESSI (anciennement appelé «service d’annuaire»). " tooltip-enable="true" tooltip-placement="left" tooltip-trigger="click"></div>
									<div class="col-xs-4">
										<irwidget ng-model="section.institutionID" disabled="false" institution="section" name="institutionID" value="" id="field_{{getNextUUID(metaSection.institutionID)}}" /><br/>
									</div>
									
									<!-- style="background-color:#ffff00; -->
									<i style="font-weight: normal; color:#8A2BE2">
									[
										BDT
									]
									</i>

									<label class="control-label col-xs-4 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>
							<div component_type="CDT">
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid container-fluid-reset-padding" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.institutionName.$$error,'has-warning': validateForm && metaSection.institutionName.$$warning && !metaSection.institutionName.$$error}">

									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- mandatory -->
											<div class="adinfo-mandatory-handler" tooltip="Mandatory." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- not enum -->
											<div class="adinfo-notenumeration-handler" tooltip="Not-enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=EESSIMediumStringType&dictionaryEntryName=2AAB0BC6-ACFA-E611-80D3-000D3A22E8CD&minLength=1&maxLength=155')"> </div>
									</div>

									<label class="subsection-control-label col-xs-3 subsection-padding-level-4">1.1.3.2.  Nom de l’institution  <i>*</i></label>
									<div class="empty-div-with-width"> </div>
									<div class="col-xs-4">
										<irwidget ng-model="section.institutionName" disabled="false" institution="section" name="institutionName" value="" id="field_{{getNextUUID(metaSection.institutionName)}}" /><br/>
									</div>
									
									<!-- style="background-color:#ffff00; -->
									<i style="font-weight: normal; color:#8A2BE2">
									[
										CDT
									]
									</i>

									<label class="control-label col-xs-4 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>
								<div style="background-color:#f9f9f9;width:100%;text-align:right" class="repetitive-section-footer">
									<span class="arrow_r"></span> 1.1. Numéro de dossier local 
									<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)}}" component_type="">
								<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)}}">
									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- mandatory -->
											<div class="adinfo-mandatory-handler" tooltip="Mandatory." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- not enum -->
											<div class="adinfo-notenumeration-handler" tooltip="Not-enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=InformationChargingInterestType&dictionaryEntryName=40036F98-9518-E611-80EA-000C292ED0D7')"> </div>
									</div>
									<div>
										<label style="vertical-align:top" class="control-label SECTION_ROW">2.  Informations sur la demande de pénalités de retard  <i>*</i>
										</label>
										<i style="font-weight: normal; color:#8A2BE2">
										[ SED
										]
										</i>
									</div>
									<div class="SECTION_ROW_WHITESPACE"></div>
								</div>
							<div component_type="BDT">
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid container-fluid-reset-padding" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.reimbursementRequestID.$$error,'has-warning': validateForm && metaSection.reimbursementRequestID.$$warning && !metaSection.reimbursementRequestID.$$error}">

									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- mandatory -->
											<div class="adinfo-mandatory-handler" tooltip="Mandatory." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- not enum -->
											<div class="adinfo-notenumeration-handler" tooltip="Not-enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=EESSIReimbursementIDType&dictionaryEntryName=8B8C07E7-9218-E611-80EA-000C292ED0D7')"> </div>
									</div>

									<label class="subsection-control-label col-xs-3 subsection-padding-level-2">2.1.  Référence de la demande de remboursement  <i>*</i></label>

									<div class="tooltip-handler" tooltip=" Numéro d’identification de la demande de remboursement (même numéro d’identification que dans la demande originale; SED U020, «Demande de remboursement»). " tooltip-enable="true" tooltip-placement="left" tooltip-trigger="click"></div>

									<div class="col-xs-4	">
										<input ng-model="section.reimbursementRequestID" ng-disabled="false" class="form-control" type="text" 	value="" id="field_{{getNextUUID(metaSection.reimbursementRequestID)}}" /><br/>
									</div>
									
									<!-- style="background-color:#ffff00; -->
									<i style="font-weight: normal; color:#8A2BE2">
									[
										BDT
									]
									</i>

									<label class="control-label col-xs-4 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 component_type="BDT">
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid container-fluid-reset-padding" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.dueDate.$$error,'has-warning': validateForm && metaSection.dueDate.$$warning && !metaSection.dueDate.$$error}">

									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- mandatory -->
											<div class="adinfo-mandatory-handler" tooltip="Mandatory." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- not enum -->
											<div class="adinfo-notenumeration-handler" tooltip="Not-enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=EESSIBusinessDateType&dictionaryEntryName=8C8C07E7-9218-E611-80EA-000C292ED0D7')"> </div>
									</div>

									<label class="subsection-control-label col-xs-3 subsection-padding-level-2">2.2.  Date d’échéance  <i>*</i></label>

									<div class="tooltip-handler" tooltip=" Dernier jour pour lequel le paiement était dû conformément à l’article 67, paragraphe 5, du règlement (CE) nº 987/2009. " tooltip-enable="true" tooltip-placement="left" tooltip-trigger="click"></div>
									<div class="col-xs-4" ng-controller="DatePicker1">
										<p class="input-group">
											<span ng-class="{'met-datepicker-up': metaSection.dueDate.$$elemNo >= metaModel.U026.$$elementsNo - 4}">
												<input type="text" class="form-control" datepicker-popup-met ng-model="section.dueDate" 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.dueDate)}}" />
											</span>
											<span class="input-group-btn">
												<button ng-class="{'has-error-date-button': validateForm && metaSection.dueDate.$$error, 'has-warning-date-button': validateForm && !metaSection.dueDate.$$error && metaSection.dueDate.$$warning}" ng-disabled="false" type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
											</span>
										</p>
									</div>
									
									<!-- style="background-color:#ffff00; -->
									<i style="font-weight: normal; color:#8A2BE2">
									[
										BDT
									]
									</i>

									<label class="control-label col-xs-4 error-msg warning-msg" ng-show="validateForm && metaSection.dueDate.$$error">{{metaSection.dueDate.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.dueDate.$$warning && !metaSection.dueDate.$$error">{{metaSection.dueDate.$$warning}}</label>
								   </div>
								</div>
							</div>
							<div style="vertical-align:bottom" met_start_tag  ng-controller = "SectionController" ng-init = "section = $parent.section.TotalAmountOutstandingClaims; metaSection = $parent.metaSection.TotalAmountOutstandingClaims" ng-hide = "metaSection.$$isHidden" id="section_{{getNextUUID(metaSection)}}" component_type="CC">
								<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)}}">
									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- mandatory -->
											<div class="adinfo-mandatory-handler" tooltip="Mandatory." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- not enum -->
											<div class="adinfo-notenumeration-handler" tooltip="Not-enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=EESSIPaymentEUType&dictionaryEntryName=DF555AE7-7D89-E611-80D0-000D3A22E8CD')"> </div>
									</div>
									<label style="vertical-align:bottom" class="subsection-control-label subsection-padding-level-2">2.3.  Montant total des créances impayées  <i>*</i>
										<div style="vertical-align:bottom" class="tooltip-handler" tooltip=" Indiquer le montant total des créances individuelles impayées qui sert de base au calcul des pénalités de retard. " tooltip-enable="true" tooltip-placement="right" tooltip-trigger="click"></div>
										<i style="font-weight: normal; color:#8A2BE2">
										[ CC
										]
										</i>
									</label>
								</div>
							<div component_type="BDT">
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid container-fluid-reset-padding" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.amount.$$error,'has-warning': validateForm && metaSection.amount.$$warning && !metaSection.amount.$$error}">

									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- mandatory -->
											<div class="adinfo-mandatory-handler" tooltip="Mandatory." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- not enum -->
											<div class="adinfo-notenumeration-handler" tooltip="Not-enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=EESSIAmountType&dictionaryEntryName=2A3E7DCE-9218-E611-80EA-000C292ED0D7&pattern=(([1-9][0-9]{0,9})(\\.\\d{2,2})?|([0]{1})(\\.\\d{2,2})?)')"> </div>
									</div>

									<label class="subsection-control-label col-xs-3 subsection-padding-level-3">2.3.1.  Montant  <i>*</i></label>
									<div class="empty-div-with-width"> </div>
									<div class="col-xs-4"><input ng-model="section.amount" ng-disabled="false" class="form-control" type="text" 	value="" id="field_{{getNextUUID(metaSection.amount)}}" /><br/></div>
									
									<!-- style="background-color:#ffff00; -->
									<i style="font-weight: normal; color:#8A2BE2">
									[
										BDT
									]
									</i>

									<label class="control-label col-xs-4 error-msg warning-msg" ng-show="validateForm && metaSection.amount.$$error">{{metaSection.amount.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.amount.$$warning && !metaSection.amount.$$error">{{metaSection.amount.$$warning}}</label>
								   </div>
								</div>
							</div>
							<div component_type="ENUM">
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid container-fluid-reset-padding" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.currency.$$error,'has-warning': validateForm && metaSection.currency.$$warning && !metaSection.currency.$$error}">

									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- mandatory -->
											<div class="adinfo-mandatory-handler" tooltip="Mandatory." tooltip-enable="true"tooltip-placement="right"> </div>
											   <div class="adinfo-single-selection-handler" tooltip="Single select enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=EESSIEUEFTACurrencyType&dictionaryEntryName=2B3E7DCE-9218-E611-80EA-000C292ED0D7')"> </div>
									</div>

									<label class="subsection-control-label col-xs-3 subsection-padding-level-3">2.3.2.  Devise  <i>*</i></label>
									<div class="empty-div-with-width"> </div>
									<div 		class="col-xs-4">
										
										<!--  single enum: multiplicity 1 and size greater that 5 entries -->
										<ui-select type="enum" ng-model="section.currency" ng-disabled="false" reset-search-input="false" lazy-load="true" id="field_{{getNextUUID(metaSection.currency)}}">
											<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.EESSIEUEFTACurrencyType | filter: $select.search">
												<div ng-bind-html="option['name'] | highlight: $select.search"></div>
											</ui-select-choices>
										</ui-select>
										<br/>
									</div>
									
									<!-- style="background-color:#ffff00; -->
									<i style="font-weight: normal; color:#8A2BE2">
									[
										ENUM
									]
									</i>

									<label class="control-label col-xs-4 error-msg warning-msg" ng-show="validateForm && metaSection.currency.$$error">{{metaSection.currency.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.currency.$$warning && !metaSection.currency.$$error">{{metaSection.currency.$$warning}}</label>
								   </div>
								</div>
							</div>
							</div>
							</div>
							<div component_type="PRIM">
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid container-fluid-reset-padding" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.interestRate.$$error,'has-warning': validateForm && metaSection.interestRate.$$warning && !metaSection.interestRate.$$error}">

									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- mandatory -->
											<div class="adinfo-mandatory-handler" tooltip="Mandatory." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- not enum -->
											<div class="adinfo-notenumeration-handler" tooltip="Not-enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=EESSIDecimalType&dictionaryEntryName=8E8C07E7-9218-E611-80EA-000C292ED0D7')"> </div>
									</div>

									<label class="subsection-control-label col-xs-3 subsection-padding-level-2">2.4.  Taux d’intérêt  <i>*</i></label>

									<div class="tooltip-handler" tooltip=" Taux de pénalité de retard tel que prévu à l’article 68, paragraphe 2, du règlement (CE) nº 987/2009. " tooltip-enable="true" tooltip-placement="left" tooltip-trigger="click"></div>
									<div class="col-xs-4"><input ng-model="section.interestRate" ng-disabled="false" class="form-control" type="text" 	value="" id="field_{{getNextUUID(metaSection.interestRate)}}" /><br/></div>
									
									<!-- style="background-color:#ffff00; -->
									<i style="font-weight: normal; color:#8A2BE2">
									[
										PRIM
									]
									</i>

									<label class="control-label col-xs-4 error-msg warning-msg" ng-show="validateForm && metaSection.interestRate.$$error">{{metaSection.interestRate.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.interestRate.$$warning && !metaSection.interestRate.$$error">{{metaSection.interestRate.$$warning}}</label>
								   </div>
								</div>
							</div>
							</div>
							</div>
							<div style="vertical-align:bottom" met_start_tag  ng-controller = "SectionController" ng-init = "section = $parent.section.IndividualClaimsWhichInterestApplies; metaSection = $parent.metaSection.IndividualClaimsWhichInterestApplies" ng-hide = "metaSection.$$isHidden" id="section_{{getNextUUID(metaSection)}}" component_type="">
								<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)}}">
									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- mandatory -->
											<div class="adinfo-mandatory-handler" tooltip="Mandatory." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- not enum -->
											<div class="adinfo-notenumeration-handler" tooltip="Not-enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=IndividualClaimsType&dictionaryEntryName=41036F98-9518-E611-80EA-000C292ED0D7')"> </div>
									</div>
									<div>
										<label style="vertical-align:top" class="control-label SECTION_ROW">3.  Créances individuelles auxquelles s’appliquent les pénalités de retard  <i>*</i>
											<div style="vertical-align:bottom" class="tooltip-handler" tooltip=" Indiquer les créances individuelles auxquelles s’appliquent les intérêts. " tooltip-enable="true" tooltip-placement="right" tooltip-trigger="click"></div>
										</label>
										<i style="font-weight: normal; color:#8A2BE2">
										[ SED
										]
										</i>
									</div>
									<div class="SECTION_ROW_WHITESPACE"></div>
								</div>
							<div style="vertical-align:bottom" met_start_tag ng-repeat="section in section.IndividualClaimWhichInterestApplies" ng-init = "metaSection = metaSection.IndividualClaimWhichInterestApplies[$index]" ng-hide = "metaSection.$$isHidden" ng-class="'color' + ($index % 2)" id="section_{{getNextUUID(metaSection)}}" component_type="">
								<div style="vertical-align:bottom" class="SUBSECTION_ROW" id="section_{{getNextUUID(metaSection)}}">
									<div>
										<!-- is repetition -->
											<div class="adinfo-repetitive-handler" tooltip="Repetitive." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- mandatory -->
											<div class="adinfo-mandatory-handler" tooltip="Mandatory." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- not enum -->
											<div class="adinfo-notenumeration-handler" tooltip="Not-enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=IndividualClaimType&dictionaryEntryName=E0555AE7-7D89-E611-80D0-000D3A22E8CD')"> </div>
									</div>
									<label style="vertical-align:bottom" class="subsection-control-label subsection-padding-level-2">3.1.  Créance individuelle à laquelle s’appliquent les pénalités de retard  <i>*</i>
										<i style="font-weight: normal; color:#8A2BE2">
										[ SED
										]
										</i>
									</label>
								</div>
							<div component_type="BDT">
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid container-fluid-reset-padding" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.sequentialNumberIndividualClaim.$$error,'has-warning': validateForm && metaSection.sequentialNumberIndividualClaim.$$warning && !metaSection.sequentialNumberIndividualClaim.$$error}">

									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- mandatory -->
											<div class="adinfo-mandatory-handler" tooltip="Mandatory." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- not enum -->
											<div class="adinfo-notenumeration-handler" tooltip="Not-enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=EESSICRIntegerIDType&dictionaryEntryName=D5555AE7-7D89-E611-80D0-000D3A22E8CD&pattern=[1-9]{1}[0-9]{0,15}&minInclusive=1')"> </div>
									</div>

									<label class="subsection-control-label col-xs-3 subsection-padding-level-3">3.1.1.  Numéro d’ordre de la créance individuelle  <i>*</i></label>

									<div class="tooltip-handler" tooltip=" Même numéro d’ordre que dans la demande initiale (SED U020, «Demande de remboursement»). " tooltip-enable="true" tooltip-placement="left" tooltip-trigger="click"></div>
									<div class="col-xs-4"><input ng-model="section.sequentialNumberIndividualClaim" ng-disabled="false" class="form-control" type="text" 	value="" id="field_{{getNextUUID(metaSection.sequentialNumberIndividualClaim)}}" /><br/></div>
									
									<!-- style="background-color:#ffff00; -->
									<i style="font-weight: normal; color:#8A2BE2">
									[
										BDT
									]
									</i>

									<label class="control-label col-xs-4 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>
							<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)}}" component_type="CC">
								<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)}}">
									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- mandatory -->
											<div class="adinfo-mandatory-handler" tooltip="Mandatory." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- not enum -->
											<div class="adinfo-notenumeration-handler" tooltip="Not-enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=EESSIPersonValidationType&dictionaryEntryName=21C2DA9F-7C9B-E611-80D1-000D3A22E8CD')"> </div>
									</div>
									<label style="vertical-align:bottom" class="subsection-control-label subsection-padding-level-3">3.1.2.  Personne concernée  <i>*</i>
										<div style="vertical-align:bottom" class="tooltip-handler" tooltip=" La créance individuelle est identifiée principalement par son numéro d’ordre. L’identification de la personne en recherche d’emploi concernée (ancien travailleur frontalier) ayant bénéficié de prestations de chômage versées par l’État membre de résidence est reportée (à partir du SED U020, «Demande de remboursement») au sein de données simplifiées pour éviter des erreurs dues à un numéro d’ordre incorrectement noté. " tooltip-enable="true" tooltip-placement="right" tooltip-trigger="click"></div>
										<i style="font-weight: normal; color:#8A2BE2">
										[ CC
										]
										</i>
									</label>
								</div>
							<div component_type="BDT">
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid container-fluid-reset-padding" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.familyName.$$error,'has-warning': validateForm && metaSection.familyName.$$warning && !metaSection.familyName.$$error}">

									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- mandatory -->
											<div class="adinfo-mandatory-handler" tooltip="Mandatory." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- not enum -->
											<div class="adinfo-notenumeration-handler" tooltip="Not-enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=EESSIPersonNameType&dictionaryEntryName=3AD172C9-7289-E611-80D0-000D3A22E8CD&minLength=1&maxLength=155')"> </div>
									</div>

									<label class="subsection-control-label col-xs-3 subsection-padding-level-4">3.1.2.1.  Nom(s) de famille  <i>*</i></label>
									<div class="empty-div-with-width"> </div>

									<div class="col-xs-4	">
										<input ng-model="section.familyName" ng-disabled="false" class="form-control" type="text" 	value="" id="field_{{getNextUUID(metaSection.familyName)}}" /><br/>
									</div>
									
									<!-- style="background-color:#ffff00; -->
									<i style="font-weight: normal; color:#8A2BE2">
									[
										BDT
									]
									</i>

									<label class="control-label col-xs-4 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>
							<div component_type="BDT">
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid container-fluid-reset-padding" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.forename.$$error,'has-warning': validateForm && metaSection.forename.$$warning && !metaSection.forename.$$error}">

									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- mandatory -->
											<div class="adinfo-mandatory-handler" tooltip="Mandatory." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- not enum -->
											<div class="adinfo-notenumeration-handler" tooltip="Not-enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=EESSIPersonNameType&dictionaryEntryName=3BD172C9-7289-E611-80D0-000D3A22E8CD&minLength=1&maxLength=155')"> </div>
									</div>

									<label class="subsection-control-label col-xs-3 subsection-padding-level-4">3.1.2.2.  Prénom(s)  <i>*</i></label>
									<div class="empty-div-with-width"> </div>

									<div class="col-xs-4	">
										<input ng-model="section.forename" ng-disabled="false" class="form-control" type="text" 	value="" id="field_{{getNextUUID(metaSection.forename)}}" /><br/>
									</div>
									
									<!-- style="background-color:#ffff00; -->
									<i style="font-weight: normal; color:#8A2BE2">
									[
										BDT
									]
									</i>

									<label class="control-label col-xs-4 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>
							<div component_type="BDT">
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid container-fluid-reset-padding" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.dateBirth.$$error,'has-warning': validateForm && metaSection.dateBirth.$$warning && !metaSection.dateBirth.$$error}">

									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- mandatory -->
											<div class="adinfo-mandatory-handler" tooltip="Mandatory." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- not enum -->
											<div class="adinfo-notenumeration-handler" tooltip="Not-enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=EESSIDateOfBirthType&dictionaryEntryName=3CD172C9-7289-E611-80D0-000D3A22E8CD')"> </div>
									</div>

									<label class="subsection-control-label col-xs-3 subsection-padding-level-4">3.1.2.3.  Date de naissance  <i>*</i></label>
									<div class="empty-div-with-width"> </div>
									<div class="col-xs-4" ng-controller="DatePicker1">
										<p class="input-group">
											<span ng-class="{'met-datepicker-up': metaSection.dateBirth.$$elemNo >= metaModel.U026.$$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>
									
									<!-- style="background-color:#ffff00; -->
									<i style="font-weight: normal; color:#8A2BE2">
									[
										BDT
									]
									</i>

									<label class="control-label col-xs-4 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>
							<div component_type="ENUM">
								<!-- div met_start_tag met_if = "!isChoice" class="container-fluid row"></div-->
								<div met_start_tag class="container-fluid container-fluid-reset-padding" ng-hide="false">
								<div ng-class="{'has-error': validateForm && metaSection.sex.$$error,'has-warning': validateForm && metaSection.sex.$$warning && !metaSection.sex.$$error}">

									<div>
										<!-- not repetition -->
											<div class="adinfo-notrepetitive-handler" tooltip="Non-repetitive." tooltip-enable="true"tooltip-placement="right"> </div>

										<!-- mandatory -->
											<div class="adinfo-mandatory-handler" tooltip="Mandatory." tooltip-enable="true"tooltip-placement="right"> </div>
											   <div class="adinfo-single-selection-handler" tooltip="Single select enumeration." tooltip-enable="true"tooltip-placement="right"> </div>
										
										<!-- details: more info -->
										<div class="adinfo-details-handler" tooltip="Information about patterns and tags." tooltip-enable="true" tooltip-placement="right" onclick="adinfoDetailsFunction('&dataTypeTechName=EESSISexType&dictionaryEntryName=379E16FD-8890-E611-80D0-000D3A22E8CD')"> </div>
									</div>

									<label class="subsection-control-label col-xs-3 subsection-padding-level-4">3.1.2.4.  Sexe  <i>*</i></label>
									<div class="empty-div-with-width"> </div>
									<div 		class="col-xs-4">
										<!--  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="3.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="3.1.2.4.{{getNextUUID(metaSection.sex)}}{{option.value}}">{{option.name}}</label><br/></input>
										</div>
										<br/>
									</div>
									
									<!-- style="background-color:#ffff00; -->
									<i style="font-weight: normal; color:#8A2BE2">
									[
										ENUM
									]
									</i>

									<label class="control-label col-xs-4 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>
								<div style="background-color:#f9f9f9;width:100%;text-align:right" class="repetitive-section-footer">
									<span class="arrow_r"></span> 3.1. Créance individuelle à laquelle s’appliquent les pénalités de retard 
									<button type="button" data-section-count="1" class="btn-link section-btn-link" ng-click="addSection($parent.section.IndividualClaimWhichInterestApplies, $parent.metaSection.IndividualClaimWhichInterestApplies, $index)">
										<span>{{locale['Add']}}</span>
									</button>
									<button type="button" data-section-count="1" class="close section-btn-close" ng-click="removeSection($parent.section.IndividualClaimWhichInterestApplies, $parent.metaSection.IndividualClaimWhichInterestApplies, $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("ControllerU026",["$scope", ControllerU026]);	
		});
		*/
		
		angular.module("sedAngularApp").lazy.controller("ControllerU026",["$scope", ControllerU026]);
		
		function ControllerU026($scope){
			
			$scope.VM = { splitterPosition:1 };
			
			$scope.contentDiv = "content-angular_U026";
			
			$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 = {
	"U026":{
		"sedPackage":"Sector Components/Unemployment/U026",
		"sedGVer":"4",
		"sedVer":"1",
		"LocalCaseNumbers":{
			"LocalCaseNumber":[{
				"country":"",
				"caseNumber":"",
				"Institution":{
					"institutionID":"",
					"institutionName":""
				}
			}]
		},
		"InformationChargingInterest":{
			"reimbursementRequestID":"",
			"dueDate":"",
			"TotalAmountOutstandingClaims":{
				"amount":"",
				"currency":""
			},
			"interestRate":""
		},
		"IndividualClaimsWhichInterestApplies":{
			"IndividualClaimWhichInterestApplies":[{
				"sequentialNumberIndividualClaim":"",
				"Person":{
					"familyName":"",
					"forename":"",
					"dateBirth":"",
					"sex":""
				}
			}]
		}
	}
};
		
			$scope.META_MODEL = {
					"U026":{
							"$$name" : "U026",
							"$$heading":"",
							"$$mandatory":true, 
							"$$repetition":false, 
							"$$type":"sed",
							"$$uuid":"U026",
							"$$hasData":false,
							"LocalCaseNumbers":{
								"$$name":"LocalCaseNumbers",
								"$$heading":"1",
								"$$mandatory":false,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"LocalCaseNumber":[{
								"$$name":"LocalCaseNumber",
								"$$heading":"1.1",
								"$$mandatory":false,
								"$$draftCritical":false,
								"$$repetition":true,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"country":{
								"$$name":"country",
								"$$heading":"1.1.1",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"enum",
								"$$uuid":0,
								"$$hasData":false
							},
							"caseNumber":{
								"$$name":"caseNumber",
								"$$heading":"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",
								"$$mandatory":false,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"institutionID":{
								"$$name":"institutionID",
								"$$heading":"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",
								"$$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",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"reimbursementRequestID":{
								"$$name":"reimbursementRequestID",
								"$$heading":"2.1",
								"$$mandatory":true,
								"$$draftCritical":true,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"string",
								"$$uuid":0,
								"$$hasData":false
							},
							"dueDate":{
								"$$name":"dueDate",
								"$$heading":"2.2",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"date",
								"$$uuid":0,
								"$$hasData":false
							},
							"TotalAmountOutstandingClaims":{
								"$$name":"TotalAmountOutstandingClaims",
								"$$heading":"2.3",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"amount":{
								"$$name":"amount",
								"$$heading":"2.3.1",
								"$$mandatory":true,
								"$$draftCritical":true,
								"$$repetition":false,
								"$$isHidden":false,
								"$$hasRestrictions":true,
								"$$restrictions": { "pattern":"(([1-9][0-9]{0,9})(\\.\\d{2,2})?|([0]{1})(\\.\\d{2,2})?)" },
								"$$type":"double",
								"$$uuid":0,
								"$$hasData":false
							},
							"currency":{
								"$$name":"currency",
								"$$heading":"2.3.2",
								"$$mandatory":true,
								"$$draftCritical":true,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"enum",
								"$$uuid":0,
								"$$hasData":false
							}
							},
							"interestRate":{
								"$$name":"interestRate",
								"$$heading":"2.4",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"double",
								"$$uuid":0,
								"$$hasData":false
							}
							},
							"IndividualClaimsWhichInterestApplies":{
								"$$name":"IndividualClaimsWhichInterestApplies",
								"$$heading":"3",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"IndividualClaimWhichInterestApplies":[{
								"$$name":"IndividualClaimWhichInterestApplies",
								"$$heading":"3.1",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":true,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"sequentialNumberIndividualClaim":{
								"$$name":"sequentialNumberIndividualClaim",
								"$$heading":"3.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":"3.1.2",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"familyName":{
								"$$name":"familyName",
								"$$heading":"3.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":"3.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":"3.1.2.3",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"date",
								"$$uuid":0,
								"$$hasData":false
							},
							"sex":{
								"$$name":"sex",
								"$$heading":"3.1.2.4",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"enum",
								"$$uuid":0,
								"$$hasData":false
							}
							}
							}]
							}
				}
			};
		}
		
		/* Without flags */
		var INPUT = 
		{
			"EESSIEUEFTACountryType":
			 [
						{name: "["+"AT"+"]  Autriche ", value: "AT$", ticked: false},
						{name: "["+"BE"+"]  Belgique ", value: "BE$", ticked: false},
						{name: "["+"BG"+"]  Bulgarie ", value: "BG$", ticked: false},
						{name: "["+"HR"+"]  Croatie ", value: "HR$", ticked: false},
						{name: "["+"CY"+"]  Chypre ", value: "CY$", ticked: false},
						{name: "["+"CZ"+"]  République tchèque ", value: "CZ$", ticked: false},
						{name: "["+"DK"+"]  Danemark ", value: "DK$", ticked: false},
						{name: "["+"EE"+"]  Estonie ", value: "EE$", ticked: false},
						{name: "["+"FI"+"]  Finlande ", value: "FI$", ticked: false},
						{name: "["+"FR"+"]  France ", value: "FR$", ticked: false},
						{name: "["+"DE"+"]  Allemagne ", value: "DE$", ticked: false},
						{name: "["+"EL"+"]  Grèce ", value: "EL$", ticked: false},
						{name: "["+"HU"+"]  Hongrie ", value: "HU$", ticked: false},
						{name: "["+"IS"+"]  Islande ", value: "IS$", ticked: false},
						{name: "["+"IE"+"]  Irlande ", value: "IE$", ticked: false},
						{name: "["+"IT"+"]  Italie ", value: "IT$", ticked: false},
						{name: "["+"LV"+"]  Lettonie ", value: "LV$", ticked: false},
						{name: "["+"LI"+"]  Liechtenstein ", value: "LI$", ticked: false},
						{name: "["+"LT"+"]  Lituanie ", value: "LT$", ticked: false},
						{name: "["+"LU"+"]  Luxembourg ", value: "LU$", ticked: false},
						{name: "["+"MT"+"]  Malte ", value: "MT$", ticked: false},
						{name: "["+"NL"+"]  Pays-Bas ", value: "NL$", ticked: false},
						{name: "["+"NO"+"]  Norvège ", value: "NO$", ticked: false},
						{name: "["+"PL"+"]  Pologne ", value: "PL$", ticked: false},
						{name: "["+"PT"+"]  Portugal ", value: "PT$", ticked: false},
						{name: "["+"RO"+"]  Roumanie ", value: "RO$", ticked: false},
						{name: "["+"SK"+"]  Slovaquie ", value: "SK$", ticked: false},
						{name: "["+"SI"+"]  Slovénie ", value: "SI$", ticked: false},
						{name: "["+"ES"+"]  Espagne ", value: "ES$", ticked: false},
						{name: "["+"SE"+"]  Suède ", value: "SE$", ticked: false},
						{name: "["+"CH"+"]  Suisse ", value: "CH$", ticked: false},
						{name: "["+"UK"+"]  Royaume-Uni ", value: "UK$", ticked: false}
			 ],
			"EESSIEUEFTACurrencyType":
			 [
						{name: "["+"EUR"+"]  Euro ", value: "EUR$", ticked: false},
						{name: "["+"BGN"+"]  Lev bulgare ", value: "BGN$", ticked: false},
						{name: "["+"CZK"+"]  Couronne tchèque ", value: "CZK$", ticked: false},
						{name: "["+"DKK"+"]  Couronne danoise ", value: "DKK$", ticked: false},
						{name: "["+"GBP"+"]  Livre sterling ", value: "GBP$", ticked: false},
						{name: "["+"HRK"+"]  Kuna croate ", value: "HRK$", ticked: false},
						{name: "["+"HUF"+"]  Forint hongrois ", value: "HUF$", ticked: false},
						{name: "["+"PLN"+"]  Zloty polonais ", value: "PLN$", ticked: false},
						{name: "["+"RON"+"]  Nouveau leu roumain ", value: "RON$", ticked: false},
						{name: "["+"SEK"+"]  Couronne suédoise ", value: "SEK$", ticked: false},
						{name: "["+"CHF"+"]  Franc suisse ", value: "CHF$", ticked: false},
						{name: "["+"ISK"+"]  Couronne islandaise ", value: "ISK$", ticked: false},
						{name: "["+"NOK"+"]  Couronne norvégienne ", value: "NOK$", ticked: false},
						{name: "["+"LTL"+"]  Litas lituaniens ", value: "LTL$", ticked: false},
						{name: "["+"LVL"+"]  Lats lettons ", value: "LVL$", ticked: false}
			 ],
			"EESSISexType":
			 [
						{name: "["+"01"+"]  Masculin ", value: "01$", ticked: false},
						{name: "["+"02"+"]  Féminin ", value: "02$", ticked: false},
						{name: "["+"98"+"]  Inconnu ", value: "98$", ticked: false}
			 ],
			"structureEnd": {}
		};
		
		var ERROR_MESSAGES =
		{
			"section": " section ",
			"field": " champ ",
			"error": " Erreur ",
			"warning": " Warning ",
			"requiresdata": " données requises ",
			"invalidformat": " formatage de données invalide ",
			"norestriction": " non conforme à la restriction "
		};
		
		var LOCALE =
		{
			"Add": " Ajouter ",
			"Translate": " Traduire ",
			"Noneselected": " Néant est sélectionné ",
			"Reset": " Réinitialiser ",
			"Search": " Search ",
			"Selectnone": " Sélectionner Néant ",
			"Selectall": " Sélectionner Tout ",
		};
		
		</script>	
	</div>

</body>
</html>