<div id="objective_appraisal">
	<fieldset ng-disabled=" 
		(!(state == 3 && isAppraisee) || dateNow > TapsstateList[3].dateend) 
		&& (!(state == 4 && approverLevel == 1) || dateNow > TapsstateList[4].dateend) 
		&& (!(state == 5 && approverLevel == 2) || dateNow > TapsstateList[5].dateend) 
	">
	<form name="myForm">
	<br/>
	<div class="row" ng-show="isApsyear2016">
		<div class="col-md-12" ><strong>3.0 Global basic condition:</strong> {{ global_basic_condition }}</div>
	</div>
	<br/>
	<div class="row">
		<div class="col-md-12" ><strong>3.{{ kpi_category_name[0].tdesc }}</strong></div>
	</div>
	<table class="table table-bordered" style="width: inherit;">
		<col width="15%" />
		<col width="18%" />
		<col width="7%" />
		<col width="7%" />
		<col width="26%" />
		<col width="27%" />
		<tr>
			<th class="bold-center bluehead">BU/Region<br>/Function</th>
			<th class="bold-center bluehead">OBJECTIVES</th>
			<th class="bold-center bluehead" style="min-width: 110px;">Weight</th>
			<th class="bold-center bluehead">Result</th>
			<th class="bold-center bluehead">Appraisee Comment</th>
			<th class="bold-center bluehead">Appraiser Comment</th>
		</tr>
		<tr ng-repeat="item in ObjectiveAppraisal | filter:{kpi_category:kpi_category_name[0].kcatid}" class="more-data-sm">
			<td>{{ item.bu }}</td>
			<td>{{ item.obj }}</td>
			<td style="text-align:center;">{{ item.weight+'%' }}</td>
			<td style="text-align:center;">
				<!-- <select ng-model="item.result" ng-disabled="!isAppraiser" ng-if="state == 4 && isAppraiser || state > 4 "> -->
				<select ng-model="item.result" ng-disabled="!(isAppraiser || isAppraisee)" ng-if="state <=4 || (state >4 && isAppraiser)">
					<option value="0.00">0.00</option>
					<option ng-if="isApsyear2016" value="0.50">0.50</option>
					<option ng-if="isApsyear2016" value="0.60">0.60</option>
					<option ng-if="isApsyear2016" value="0.70">0.70</option>
					<option ng-if="isApsyear2016" value="0.80">0.80</option>
					<option ng-if="isApsyear2016" value="0.90">0.90</option>
					<option value="1.00">1.00</option>
				</select>
			</td>
			<td><textarea class="text-md"  ng-model="item.LastAppraiseeComment" ng-disabled="!isAppraisee"></textarea></td>
			<!-- <td><textarea class="text-md"  ng-model="item.LastAppraiserComment" ng-disabled="!isAppraiser" ng-if="state == 4 && isAppraiser || state > 4 "></textarea></td> -->
			<td><textarea class="text-md"  ng-model="item.LastAppraiserComment" ng-disabled="!isAppraiser" ng-if="state <=4 || (state >4 && isAppraiser)"></textarea></td>
		</tr>
	</table>
	<div class="row">
		<div class="col-md-12" ><strong>3.{{ kpi_category_name[1].tdesc }}</strong></div>
	</div>
	<table class="table table-bordered" style="width: inherit;">
		<col width="15%" />
		<col width="18%" />
		<col width="7%" />
		<col width="7%" />
		<col width="26%" />
		<col width="27%" />
		<tr>
			<th class="bold-center bluehead">BU/Region<br>/Function</th>
			<th class="bold-center bluehead">OBJECTIVES</th>
			<th class="bold-center bluehead" style="min-width: 110px;">Weight</th>
			<th class="bold-center bluehead">Result</th>
			<th class="bold-center bluehead">Appraisee Comment</th>
			<th class="bold-center bluehead">Appraiser Comment</th>
		</tr>
		<tr ng-repeat="item in ObjectiveAppraisal | filter:{kpi_category:kpi_category_name[1].kcatid}" class="more-data-sm">
			<td>{{ item.bu }}</td>
			<td>{{ item.obj }}</td>
			<td style="text-align:center;">{{ item.weight+'%' }}</td>
			<td style="text-align:center;">
				<!-- <select ng-model="item.result" ng-disabled="!isAppraiser" ng-if="state == 4 && isAppraiser || state > 4 "> -->
				<select ng-model="item.result" ng-disabled="!(isAppraiser || isAppraisee)" ng-if="state <=4 || (state >4 && isAppraiser)">
					<option value="0.00">0.00</option>
					<option ng-if="isApsyear2016" value="0.50">0.50</option>
					<option ng-if="isApsyear2016" value="0.60">0.60</option>
					<option ng-if="isApsyear2016" value="0.70">0.70</option>
					<option ng-if="isApsyear2016" value="0.80">0.80</option>
					<option ng-if="isApsyear2016" value="0.90">0.90</option>
					<option value="1.00">1.00</option>
				</select>
			</td>
			<td><textarea class="text-md"  ng-model="item.LastAppraiseeComment" ng-disabled="!isAppraisee"></textarea></td>
			<!-- <td><textarea class="text-md"  ng-model="item.LastAppraiserComment" ng-disabled="!isAppraiser" ng-if="state == 4 && isAppraiser || state > 4 "></textarea></td> -->
			<td><textarea class="text-md"  ng-model="item.LastAppraiserComment" ng-disabled="!isAppraiser" ng-if="state <=4 || (state >4 && isAppraiser)"></textarea></td>
		</tr>
		<tr ng-if="!isApsyear2016" ng-repeat="item in ObjectiveAppraisal | filter:{kpi_category:kpi_category_name[2].kcatid}" class="more-data-sm">
			<td>{{ item.bu }}</td>
			<td>{{ item.obj }}</td>
			<td style="text-align:center;">{{ item.weight+'%' }}</td>
			<td style="text-align:center;">
				<!-- <select ng-model="item.result" ng-disabled="!isAppraiser" ng-if="state == 4 && isAppraiser || state > 4 "> -->
				<select ng-model="item.result" ng-disabled="!(isAppraiser || isAppraisee)" ng-if="state <=4 || (state >4 && isAppraiser)">
					<option value="0.00">0.00</option>
					<option ng-if="isApsyear2016" value="0.50">0.50</option>
					<option ng-if="isApsyear2016" value="0.60">0.60</option>
					<option ng-if="isApsyear2016" value="0.70">0.70</option>
					<option ng-if="isApsyear2016" value="0.80">0.80</option>
					<option ng-if="isApsyear2016" value="0.90">0.90</option>
					<option value="1.00">1.00</option>
				</select>
			</td>
			<td><textarea class="text-md"  ng-model="item.LastAppraiseeComment" ng-disabled="!isAppraisee"></textarea></td>
			<!-- <td><textarea class="text-md"  ng-model="item.LastAppraiserComment" ng-disabled="!isAppraiser" ng-if="state == 4 && isAppraiser || state > 4 "></textarea></td> -->
			<td><textarea class="text-md"  ng-model="item.LastAppraiserComment" ng-disabled="!isAppraiser" ng-if="state <=4 || (state >4 && isAppraiser)"></textarea></td>
		</tr>
	</table>
	<div ng-if="isApsyear2016" class="row">
		<div class="col-md-12" ><strong>3.{{ kpi_category_name[2].tdesc }}</strong></div>
	</div>
	<table ng-if="isApsyear2016" class="table table-bordered" style="width: inherit;">
		<col width="15%" />
		<col width="18%" />
		<col width="7%" />
		<col width="7%" />
		<col width="26%" />
		<col width="27%" />
		<tr>
			<th class="bold-center bluehead">BU/Region<br>/Function</th>
			<th class="bold-center bluehead">OBJECTIVES</th>
			<th class="bold-center bluehead" style="min-width: 110px;">Weight</th>
			<th class="bold-center bluehead">Result</th>
			<th class="bold-center bluehead">Appraisee Comment</th>
			<th class="bold-center bluehead">Appraiser Comment</th>
		</tr>
		<tr ng-repeat="item in ObjectiveAppraisal | filter:{kpi_category:kpi_category_name[2].kcatid}" class="more-data-sm">
			<td>{{ item.bu }}</td>
			<td>{{ item.obj }}</td>
			<td style="text-align:center;">{{ item.weight+'%' }}</td>
			<td style="text-align:center;">
				<!-- <select ng-model="item.result" ng-disabled="!isAppraiser" ng-if="state == 4 && isAppraiser || state > 4 "> -->
				<select ng-model="item.result" ng-disabled="!(isAppraiser || isAppraisee)" ng-if="state <=4 || (state >4 && isAppraiser)">
					<option value="0.00">0.00</option>
					<option ng-if="isApsyear2016" value="0.50">0.50</option>
					<option ng-if="isApsyear2016" value="0.60">0.60</option>
					<option ng-if="isApsyear2016" value="0.70">0.70</option>
					<option ng-if="isApsyear2016" value="0.80">0.80</option>
					<option ng-if="isApsyear2016" value="0.90">0.90</option>
					<option value="1.00">1.00</option>
				</select>
			</td>
			<td><textarea class="text-md"  ng-model="item.LastAppraiseeComment" ng-disabled="!isAppraisee"></textarea></td>
			<!-- <td><textarea class="text-md"  ng-model="item.LastAppraiserComment" ng-disabled="!isAppraiser" ng-if="state == 4 && isAppraiser || state > 4 "></textarea></td> -->
			<td><textarea class="text-md"  ng-model="item.LastAppraiserComment" ng-disabled="!isAppraiser" ng-if="state <=4 || (state >4 && isAppraiser)"></textarea></td>
		</tr>
	</table>
	<div class="row">
		<div class="col-md-12" ><strong>Total</strong></div>
	</div>
	<table class="table table-bordered" style="width: 50%;">
		<col width="60%" />
		<col width="20%" />
		<col width="20%" />
		<tr>
			<th class="bold-center bluehead">Total</th>
			<th class="bold-center bluehead">Weight</th>
			<th class="bold-center bluehead">Overall</th>
		</tr>
		<tr class="more-data-sm">
			<td style="text-align:center;"><span ng-if="isApsyear2016">Total of 3.1, 3.2, and 3.3</span><span ng-if="!isApsyear2016">Total of 1 and 2</span></td>
			<td style="text-align:center;">{{ sum(ObjectiveAppraisal, 'weight')+'%' }}</td>
			<td style="text-align:center;">{{ sumResult(ObjectiveAppraisal, 'result') }}</td>
		</tr>
	</table>
	<div class="row">
		<div class="col-md-12" >
			<strong>3.5 Other relevant Performance Factors (optional)</strong><br/>
			&bull; (Use 3.5 if a condition or changed work responsibility that occurs was not planned at the beginning of the fiscal year)<br/>
			<textarea style="width:100%;height:150px;" ng-model="YearEndComment.mbo_performance_factors" ng-disabled="!isAppraisee"></textarea>
		</div>
	</div>
	<br/>
	<div class="row">
		<div class="col-md-12" >
			<strong>3.6 General comment (optional)</strong><br/>
			<span ng-if="state <=4 || (state >4 && isAppraiser)">&bull; Appraiser's view of the appraisee's performance with regards the achievement of objectives<br/></span>
			<!-- <textarea style="width:100%;height:150px;" ng-model="YearEndComment.mbo_year_end_appraiser_general_comment" ng-if="state == 4 && isAppraiser || state > 4 " ng-disabled="!isAppraiser"></textarea><br/> -->
			<textarea style="width:100%;height:150px;" ng-model="YearEndComment.mbo_year_end_appraiser_general_comment" ng-if="state <=4 || (state >4 && isAppraiser)" ng-disabled="!isAppraiser"></textarea>
			<span ng-if="state <=4 || (state >4 && isAppraiser)"><br/></span>
			&bull; Appraisee's comment<br/>
			<textarea style="width:100%;height:150px;" ng-model="YearEndComment.mbo_year_end_appraisee_general_comment" ng-disabled="!isAppraisee"></textarea>
		</div>
	</div>
	<br/>
	<div class="row">
		<div class="col-md-12" style="text-align:center;">
			<button type="button" class="btn btn-primary" ng-if="(state == 3 && isAppraisee) || (state == 4 && approverLevel == 1) || (state == 5 && approverLevel == 2)" ng-click="save()">Save Draft</button>
		</div>
	</div>
	<br/>
	</form>
	</fieldset>
</div>