<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
<title>S108_Master</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="S108_Master" sedPackage="Sector Components/Sickness/S108_Master" sedGVer="4" sedVer="0" sedPatch="16"/>
<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>

<!-- <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 = "ControllerS108_Master" class="met-root">
		<div>
			<h3 class="sedHeadingAC">S108_Master - S108_Master <br/> </h3>
			<div style="position:absolute;top:0;right:0;font-size:70%">SED API version: 0.14.2 PREVIEW build 3<br/>Model version: 4.0.16</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.S108_Master; metaSection = metaModel.S108_Master" class="wb-stretch">
				<div id = "content-angular_S108_Master" class="content-angular container-fluid" ng-model-options="{ debounce: 250 }" ng-form="S108_Master" sedName="S108_Master" sedPackage="Sector Components/Sickness/S108_Master" sedGVer="4" sedVer="0" sedPatch="16">
					<div class="tab-content met-content" ng-init="sedForm = S108_Master">
						<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.GlobalNoteRPYCOCCRNIMO; metaSection = $parent.metaSection.GlobalNoteRPYCOCCRNIMO" 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">1. Global Note RPY_COC_CRN_IMO <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.globalIMOReferenceCreditorLiaisonBody.$$error,'has-warning': validateForm && metaSection.globalIMOReferenceCreditorLiaisonBody.$$warning && !metaSection.globalIMOReferenceCreditorLiaisonBody.$$error}">
									<label class="control-label col-xs-3">1.1. Global IMO Reference Creditor Liaison Body <i>*</i></label>
									<div class="tooltip-handler" tooltip="Unique number of the claim (IMO) given by the creditor liaison body." tooltip-enable="true" tooltip-placement="left" tooltip-trigger="click"></div>
									<div class="col-xs-7">
										<input ng-model="section.globalIMOReferenceCreditorLiaisonBody" ng-disabled="false" class="form-control" type="text" 	value="" id="field_{{getNextUUID(metaSection.globalIMOReferenceCreditorLiaisonBody)}}" /><br/>
									</div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.globalIMOReferenceCreditorLiaisonBody.$$error">{{metaSection.globalIMOReferenceCreditorLiaisonBody.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.globalIMOReferenceCreditorLiaisonBody.$$warning && !metaSection.globalIMOReferenceCreditorLiaisonBody.$$error">{{metaSection.globalIMOReferenceCreditorLiaisonBody.$$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.globalCRNIMOReferenceCreditorLiaisonBody.$$error,'has-warning': validateForm && metaSection.globalCRNIMOReferenceCreditorLiaisonBody.$$warning && !metaSection.globalCRNIMOReferenceCreditorLiaisonBody.$$error}">
									<label class="control-label col-xs-3">1.2. Global CRN_IMO Reference Creditor Liaison Body <i>*</i></label>
									<div class="tooltip-handler" tooltip="Unique number of the credit note (COC_IMO) given by the creditor liaison body." tooltip-enable="true" tooltip-placement="left" tooltip-trigger="click"></div>
									<div class="col-xs-7">
										<input ng-model="section.globalCRNIMOReferenceCreditorLiaisonBody" ng-disabled="false" class="form-control" type="text" 	value="" id="field_{{getNextUUID(metaSection.globalCRNIMOReferenceCreditorLiaisonBody)}}" /><br/>
									</div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.globalCRNIMOReferenceCreditorLiaisonBody.$$error">{{metaSection.globalCRNIMOReferenceCreditorLiaisonBody.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.globalCRNIMOReferenceCreditorLiaisonBody.$$warning && !metaSection.globalCRNIMOReferenceCreditorLiaisonBody.$$error">{{metaSection.globalCRNIMOReferenceCreditorLiaisonBody.$$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.globalCOCCRNIMOReferenceDebtorLiaisonBody.$$error,'has-warning': validateForm && metaSection.globalCOCCRNIMOReferenceDebtorLiaisonBody.$$warning && !metaSection.globalCOCCRNIMOReferenceDebtorLiaisonBody.$$error}">
									<label class="control-label col-xs-3">1.3. Global COC_CRN_IMO Reference Debtor Liaison Body <i>*</i></label>
									<div class="tooltip-handler" tooltip="Unique number of the sending of COC_CRN_IMO given by the debtor liaison body. Used as a reference for all included individual contestations of credit notes." tooltip-enable="true" tooltip-placement="left" tooltip-trigger="click"></div>
									<div class="col-xs-7">
										<input ng-model="section.globalCOCCRNIMOReferenceDebtorLiaisonBody" ng-disabled="false" class="form-control" type="text" 	value="" id="field_{{getNextUUID(metaSection.globalCOCCRNIMOReferenceDebtorLiaisonBody)}}" /><br/>
									</div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.globalCOCCRNIMOReferenceDebtorLiaisonBody.$$error">{{metaSection.globalCOCCRNIMOReferenceDebtorLiaisonBody.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.globalCOCCRNIMOReferenceDebtorLiaisonBody.$$warning && !metaSection.globalCOCCRNIMOReferenceDebtorLiaisonBody.$$error">{{metaSection.globalCOCCRNIMOReferenceDebtorLiaisonBody.$$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.globalRPYCOCCRNIMOReferenceCreditorLiaisonBody.$$error,'has-warning': validateForm && metaSection.globalRPYCOCCRNIMOReferenceCreditorLiaisonBody.$$warning && !metaSection.globalRPYCOCCRNIMOReferenceCreditorLiaisonBody.$$error}">
									<label class="control-label col-xs-3">1.4. Global RPY_COC_CRN_IMO Reference Creditor Liaison Body <i>*</i></label>
									<div class="tooltip-handler" tooltip="Unique number of the sending of RPY_COC_CRN_IMO given by the creditor liaison body. Used as a reference for all included individual reply of the contestation of the credit notes." tooltip-enable="true" tooltip-placement="left" tooltip-trigger="click"></div>
									<div class="col-xs-7">
										<input ng-model="section.globalRPYCOCCRNIMOReferenceCreditorLiaisonBody" ng-disabled="false" class="form-control" type="text" 	value="" id="field_{{getNextUUID(metaSection.globalRPYCOCCRNIMOReferenceCreditorLiaisonBody)}}" /><br/>
									</div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.globalRPYCOCCRNIMOReferenceCreditorLiaisonBody.$$error">{{metaSection.globalRPYCOCCRNIMOReferenceCreditorLiaisonBody.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.globalRPYCOCCRNIMOReferenceCreditorLiaisonBody.$$warning && !metaSection.globalRPYCOCCRNIMOReferenceCreditorLiaisonBody.$$error">{{metaSection.globalRPYCOCCRNIMOReferenceCreditorLiaisonBody.$$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.totalNumberCreditNotesContestationsReplies.$$error,'has-warning': validateForm && metaSection.totalNumberCreditNotesContestationsReplies.$$warning && !metaSection.totalNumberCreditNotesContestationsReplies.$$error}">
									<label class="control-label col-xs-3">1.5. Total Number of Credit Notes Contestations Replies <i>*</i></label>
									<div class="tooltip-handler" tooltip="Total number of contestations shall be equal to number of individual reply contestations provided in section 2." tooltip-enable="true" tooltip-placement="left" tooltip-trigger="click"></div>
									<div class="col-xs-7"><input ng-model="section.totalNumberCreditNotesContestationsReplies" ng-disabled="false" class="form-control" type="text" 	value="" id="field_{{getNextUUID(metaSection.totalNumberCreditNotesContestationsReplies)}}" /><br/></div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.totalNumberCreditNotesContestationsReplies.$$error">{{metaSection.totalNumberCreditNotesContestationsReplies.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.totalNumberCreditNotesContestationsReplies.$$warning && !metaSection.totalNumberCreditNotesContestationsReplies.$$error">{{metaSection.totalNumberCreditNotesContestationsReplies.$$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.totalNumberAcceptedMonthsContested.$$error,'has-warning': validateForm && metaSection.totalNumberAcceptedMonthsContested.$$warning && !metaSection.totalNumberAcceptedMonthsContested.$$error}">
									<label class="control-label col-xs-3">1.6. Total number of accepted months contested <i>*</i></label>
									<div class="tooltip-handler" tooltip="Total number of accepted notes in the reply credit notes contestations shall be equal to number of individual accepted month in the reply contestations provided in section 2" tooltip-enable="true" tooltip-placement="left" tooltip-trigger="click"></div>
									<div class="col-xs-7"><input ng-model="section.totalNumberAcceptedMonthsContested" ng-disabled="false" class="form-control" type="text" 	value="" id="field_{{getNextUUID(metaSection.totalNumberAcceptedMonthsContested)}}" /><br/></div>
									
									<label class="control-label col-xs-2 error-msg warning-msg" ng-show="validateForm && metaSection.totalNumberAcceptedMonthsContested.$$error">{{metaSection.totalNumberAcceptedMonthsContested.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.totalNumberAcceptedMonthsContested.$$warning && !metaSection.totalNumberAcceptedMonthsContested.$$error">{{metaSection.totalNumberAcceptedMonthsContested.$$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.dateSubmission.$$error,'has-warning': validateForm && metaSection.dateSubmission.$$warning && !metaSection.dateSubmission.$$error}">
									<label class="control-label col-xs-3">1.7. Date of submission <i>*</i></label>
									<div class="tooltip-handler" tooltip="Date when the current SED is submitted." tooltip-enable="true" tooltip-placement="left" tooltip-trigger="click"></div>
									<div class="col-xs-7" ng-controller="DatePicker1">
										<p class="input-group">
											<span ng-class="{'met-datepicker-up': metaSection.dateSubmission.$$elemNo >= metaModel.S108_Master.$$elementsNo - 4}">
												<input type="text" class="form-control" datepicker-popup-met ng-model="section.dateSubmission" 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.dateSubmission)}}" />
											</span>
											<span class="input-group-btn">
												<button ng-class="{'has-error-date-button': validateForm && metaSection.dateSubmission.$$error, 'has-warning-date-button': validateForm && !metaSection.dateSubmission.$$error && metaSection.dateSubmission.$$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.dateSubmission.$$error">{{metaSection.dateSubmission.$$error}}</label>
									<label class="control-label col-xs-2 warning-msg" ng-show="validateForm && metaSection.dateSubmission.$$warning && !metaSection.dateSubmission.$$error">{{metaSection.dateSubmission.$$warning}}</label>
								   </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.severity }} :
							{{ row.message }}
						</td>
					</tr>
					</tbody>
				</table>
			</div>
		 </bg-pane>
		 </bg-splitter>
		</div>
		<script>
		
		/*
		angular.module("sedAngularApp").run( function() {
			angular.module("sedAngularApp").lazy.controller("ControllerS108_Master",["$scope", ControllerS108_Master]);	
		});
		*/
		
		angular.module("sedAngularApp").lazy.controller("ControllerS108_Master",["$scope", ControllerS108_Master]);
		
		function ControllerS108_Master($scope){
			
			$scope.VM = { splitterPosition:1 };
			
			$scope.contentDiv = "content-angular_S108_Master";
			
			$scope.errors = new Array();
		
			$scope.MODEL = {
	"S108_Master":{
		"sedPackage":"Sector Components/Sickness/S108_Master",
		"sedGVer":"4",
		"sedVer":"0",
		"GlobalNoteRPYCOCCRNIMO":{
			"globalIMOReferenceCreditorLiaisonBody":"",
			"globalCRNIMOReferenceCreditorLiaisonBody":"",
			"globalCOCCRNIMOReferenceDebtorLiaisonBody":"",
			"globalRPYCOCCRNIMOReferenceCreditorLiaisonBody":"",
			"totalNumberCreditNotesContestationsReplies":"",
			"totalNumberAcceptedMonthsContested":"",
			"dateSubmission":""
		}
	}
};
		
			$scope.META_MODEL = {
					"S108_Master":{
							"$$name" : "S108_Master",
							"$$heading":"",
							"$$mandatory":true, 
							"$$repetition":false, 
							"$$type":"sed",
							"$$uuid":"S108_Master",
							"$$hasData":false,
							"GlobalNoteRPYCOCCRNIMO":{
								"$$name":"GlobalNoteRPYCOCCRNIMO",
								"$$heading":"1",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"section",
								"$$uuid":0,
								"$$hasData":false,
							"globalIMOReferenceCreditorLiaisonBody":{
								"$$name":"globalIMOReferenceCreditorLiaisonBody",
								"$$heading":"1.1",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"string",
								"$$uuid":0,
								"$$hasData":false
							},
							"globalCRNIMOReferenceCreditorLiaisonBody":{
								"$$name":"globalCRNIMOReferenceCreditorLiaisonBody",
								"$$heading":"1.2",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"string",
								"$$uuid":0,
								"$$hasData":false
							},
							"globalCOCCRNIMOReferenceDebtorLiaisonBody":{
								"$$name":"globalCOCCRNIMOReferenceDebtorLiaisonBody",
								"$$heading":"1.3",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"string",
								"$$uuid":0,
								"$$hasData":false
							},
							"globalRPYCOCCRNIMOReferenceCreditorLiaisonBody":{
								"$$name":"globalRPYCOCCRNIMOReferenceCreditorLiaisonBody",
								"$$heading":"1.4",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"string",
								"$$uuid":0,
								"$$hasData":false
							},
							"totalNumberCreditNotesContestationsReplies":{
								"$$name":"totalNumberCreditNotesContestationsReplies",
								"$$heading":"1.5",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$hasRestrictions":true,
								"$$restrictions": { "minInclusive":"0" },
								"$$type":"int",
								"$$uuid":0,
								"$$hasData":false
							},
							"totalNumberAcceptedMonthsContested":{
								"$$name":"totalNumberAcceptedMonthsContested",
								"$$heading":"1.6",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"int",
								"$$uuid":0,
								"$$hasData":false
							},
							"dateSubmission":{
								"$$name":"dateSubmission",
								"$$heading":"1.7",
								"$$mandatory":true,
								"$$draftCritical":false,
								"$$repetition":false,
								"$$isHidden":false,
								"$$type":"date",
								"$$uuid":0,
								"$$hasData":false
							}
							}
				}
			};
		}
		
		/* Without flags */
		var INPUT = 
		{
			"structureEnd": {}
		};
		
		var ERROR_MESSAGES =
		{
			"section": "section",
			"field": "field",	
			"requiresdata": "requires data",
			"invalidformat": "has invalid formatted data",
			"norestriction": "does not comply with restriction"
		};
		
		var LOCALE =
		{
			"Add": "Add",
			"Translate": "Translate"
		};
		
		</script>	
	</div>

</body>
</html>