<!-- ******************************** แบบติดตามประสิทธิผลการฝึกอบรม ****************************************** -->
<!DOCTYPE html>
<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<%@ page import="com.csc.library.database.*,com.csc.library.session.*,com.csc.library.utilities.*,com.csc.library.utility.*"  %>
<%@ include file="../CHECKPROFILE.jsp" %>
<% request.setCharacterEncoding("UTF-8"); %>
<%
	CheckNull chk = new CheckNull();

	UProfile up = null;
	if (session != null){
		up = (UProfile)session.getAttribute("userprofile");
	}

	if (up == null){
		return ;
	}

	String p_apsid = chk.chkNullString(request.getParameter("apsid"));
	String p_trainingid = chk.chkNullString(request.getParameter("trainingid"));
	String p_apsassessor = chk.chkNullString(request.getParameter("apsassessor"));

%>
<html ng-app='TRN_FOLLOWUP'>
	<head>
		<title>Employee View</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<link rel="stylesheet" href="<%=request.getContextPath()%>/EMPVIEW/css/APP_UP/style_apsup.css" />
		<link rel='stylesheet' href='../JS/AngularTools/UploadFile/UploadFile.css' />
		<link rel='stylesheet' href="../JS/QueryBuilder/bootstrap-3.3.5/css/bootstrap.css" />
		<link rel="stylesheet" href="../CSS/font-awesome.css" />
	</head>
	<body ng-controller='FollowupForm'>
		<div class='bg-com'></div>
		<div class="hide">
			<jsp:include page="EMV_HEADMENU.jsp" flush="true" />
		</div>

		<script type="text/javascript" src="../JS/SCREEN.js"></script>
		<script type="text/javascript" src="../JS/jquery-2.1.3.min.js"></script>
		<script type='text/javascript' src="../public/lib/angular-resource/angular-resource.min.js"></script>
		<script type='text/javascript' src='../public/lib/angular-sanitize/angular-sanitize.min.js'></script>
		<script type='text/javascript' src='JS/TRN_APS/TRN_FOLLOWUP/Module.Controller.js'></script>
		<script type='text/javascript' src='JS/TRN_APS/TRN_FOLLOWUP/services.js'></script>
		<script type='text/javascript' src='JS/TRN_APS/TRN_FOLLOWUP/Followup.Controller.js'></script>
		<!-- -Injection AngularTools -->
    <script type='text/javascript' src='../JS/AngularTools/UploadFile/UploadFile.Module.js'></script>
    <script type='text/javascript' src='../JS/AngularTools/UploadFile/UploadFile.Factory.js'></script>
    <script type='text/javascript' src='../JS/AngularTools/UploadFile/UploadFile.Controller.js'></script>
		<script type='text/javascript'>
			setLang('<%=up.get("lang")%>')
		</script>

		<section>
      <form name="cscform" class="form-horizontal" method="post" >
				<input type='hidden' name='apsid' value='<%=p_apsid%>'/>
				<input type='hidden' name='trainingid' value='<%=p_trainingid%>'/>
				<input type='hidden' name='me' value='<%=up.get("employeeid")%>' />
				<input type='hidden' name='apsassessor' value='<%=p_apsassessor%>' />

			  <div class='container csc-content'>
					<div class='csc-block-white'>

						<h3 class="center">แบบติดตามประสิทธิผลการฝึกอบรม</h3>

            <div class="form-horizontal new-line">
              <div class="row">
								<div class="col-lg-1"></div>
                <div class="col-lg-4">
                  <label class="b">ชื่อ-นามสกุล : </label>
									<span>{{headdata[0].fullname}}</span>
                </div>
                <div class="col-lg-4">
                  <label class="b">ตำแหน่ง : </label>
									<span>{{headdata[0].position}}</span>
                </div>
                <div class="col-lg-3">
                  <label class="b">หน่วยงาน : </label>
									<span>{{headdata[0].bu5}}</span>
                </div>
              </div>

							<div class="row">
								<div class="col-lg-1"></div>
                <div class="col-lg-5">
                  <label class="b">หลักสูตร : </label>
									<span>{{headdata[0].course}}</span>
                </div>
								<div class="col-lg-2 trash">
									<label class="b">อบรมภายนอก  </label>
									<input ng-model='headdata[0].train_type' value='2' disabled='true' type='radio' />
								</div>
                <div class="col-lg-2 trash"> <!-- train_type ใน ttraining -->
                  <label class="b">อบรมภายใน  </label>
									<input ng-model='headdata[0].train_type' value='1' disabled='true' type='radio' />
                </div>
								<div class="col-lg-1"></div>
							</div>
            </div>
						<div class="form-horizontal new-line">
							<div class="row">
								<div class="col-lg-1"></div>
                <div class="col-lg-11">
                    <u class="b">ส่วนของพนักงาน</u>
                </div>
              </div>

							<div class="row">
								<div class="col-lg-1"></div>
                <div class="col-lg-11">
                    <label class="b">คำชี้แจง : ประเมินผลการฝึกอบรม โดยใส่เครื่องหมาย</label>
										<input type='radio' checked='checked'/>
										<label class="b">ลงในช่องว่าง</label>
                </div>
              </div>
						</div>

						<div class='container csc-content'>
							<div class='table-responsive'>
		            <table class="table table-head table-hover table-bordered table-title-left" >
									<thead>
										<tr>
											<th class='width-t3' rowspan='2'>ประเด็น</th>
											<th colspan='5'>ระดับประโยชน์/การนำไปใช้</th>
										</tr>
										<tr>
											<th class='width-t2'>ดีมาก</br>5</th>
											<th class='width-t2'>ดี</br>4</th>
											<th class='width-t2'>ปานกลาง</br>3</th>
											<th class='width-t2'>ค่อนข้างน้อย</br>2</th>
											<th class='width-t2'>น้อย</br>1</th>
										</tr>
									</thead>
									<tbody ng-repeat='form1 in apsform[0].groupAry'>
										<tr>
											<td class='b' colspan='6'>{{form1.groupdesc}}</td>
										</tr>
										<tr ng-repeat='mas in form1.masAry'>
											<td>{{mas.masdesc}}</td>
											<td class='center'><input ng-model='mas.score' value='1.00' type='radio' ng-disabled='checkprivilege("emp")'/></td>
											<td class='center'><input ng-model='mas.score' value='2.00' type='radio' ng-disabled='checkprivilege("emp")'/></td>
											<td class='center'><input ng-model='mas.score' value='3.00' type='radio' ng-disabled='checkprivilege("emp")'/></td>
											<td class='center'><input ng-model='mas.score' value='4.00' type='radio' ng-disabled='checkprivilege("emp")'/></td>
											<td class='center'><input ng-model='mas.score' value='5.00' type='radio' ng-disabled='checkprivilege("emp")'/></td>
										</tr>
									</tbody>
		            </table>
							</div>
						</div>

						<div class="form-horizontal">
              <div class="row">
								<div class="col-lg-1"></div>
                <div class="col-lg-11">
                  <span class="b">สรุปเนื้อหาที่ได้รับจากการฝึกอบรม (โดยย่อ)</span>
                </div>
							</div>
              <div class="row">
								<div class="col-lg-1"></div>
                <div class="col-lg-11">
                  <textarea rows="5" cols="114" ng-model='headdata[0].comment1' ng-disabled='checkprivilege("emp")'></textarea>
                </div>
							</div>
            </div>

						<div class="form-horizontal new-line">
              <div class="row">
								<div class="col-lg-1"></div>
                <div class="col-lg-11">
                  <u class="b">การถ่ายทอดความรู้</u>
                </div>
							</div>							
              <div class="row new-line">
								<div class="col-lg-1"></div>
								<div class="col-lg-11">
                  <label class="b">วันที่ถ่ายทอด : </label>
									<span> {{headdata[0].datetrain}}</span>
                </div>
							</div>
							<div class="row">
								<div class="col-lg-1"></div>
                <div class="col-lg-11">
                  <label class="b">สถานที่ : </label>
									<span> {{headdata[0].location}}</span>
                </div>
                <div class="col-lg-3"></div>
							</div>
            </div>

						<div class="form-horizontal new-line">
              <div class="row">
								<div class="col-lg-1"></div>
                <div class="col-lg-11">
                  <u class="b ">ภาพกิจกรรมการถ่ายทอดความรู้</u>
                </div>
							</div>
							<div class="row">
								<div class= "col-lg-4" ng-repeat='obj in headdata[0].pic'>
									<upload-file type='image' obj='obj.pic' path='TRAINING_UPLOAD.PICTURE' width='369px' height='250px' del-change='false' ng-disabled='checkprivilege("emp")'></upload-file>
						   	</div>
							</div>
						</div>

						<div class="form-horizontal new-line">
              <div class="row">
								<div class="col-lg-1"></div>
                <div class="col-lg-7 trash">
                  <label class="b ">ลงชื่อพนักงาน : </label>
                </div>
								<div class="col-lg-3 ">
									<span>{{headdata[0].fullname}}</span>
                </div>
							</div>
							<div class="row">
								<div class="col-lg-1"></div>
                <div class="col-lg-7 trash">
                  <label class="b ">วันเดือนปีที่ถ่ายทอด : </label>
                </div>
								<div class="col-lg-3 ">
									<span>{{headdata[0].datetrain}}</span>
                </div>
							</div>
						</div>

						<div class="center new-line">
							<button type="button" class="btn btn-warning" data-toggle="modal" data-target="#myModal" ng-if='chkboss()'>สำหรับผู้บังคับบัญชา</button>
							<button type="button" class="btn btn-info" ng-click='saveDraff()' ng-disabled='((headdata[0].apsstate=="1" && !chkboss()) || (headdata[0].apsstate=="2" && chkboss())) ' swlang code='SW012867'>Save Draft</button>
							<button type="button" class="btn btn-info" ng-click='save()' ng-disabled='((headdata[0].apsstate=="1" && !chkboss()) || (headdata[0].apsstate=="2" && chkboss()))' swlang code='SW012098' >Submit</button>

						</div>

<!-- Popup Modal -->
		        <div class="container">
		          <div class="modal fade " id="myModal" role="dialog">
		            <div class="modal-dialog">
		              <div class="modal-content">
		                <div class="modal-header">
		                  <button type="button" class="close" data-dismiss="modal">&times;</button>
		                  <h4 class="modal-title">ส่วนของผู้บังคับบัญชา</h4>
		                </div>
		                <div class="modal-body">
		                  <div class="form-horizontal">
		                    <div class="row">
													<div class="col-lg-11">
	 				                    <label class="b">คำชี้แจง : ประเมินผลการเข้ารับการฝึกอบรมของผู้ใต้บังคับบัญชา โดยใส่เครื่องหมาย</label>
	 				 										<input type='radio' checked='true'/>
	 				 										<label class="b">ลงในช่องว่าง</label>
	 				                </div>
												</div>
		                  </div>
											<div class='table-responsive'>
												<table class="table table-head table-fixed table-bordered table-title-left" >
													<thead>
														<tr>
															<th class='width-t1' rowspan='3'>ข้อมูลการประเมินผล</th>
															<th colspan='10'>น้อย —————————————————————> มาก</th>
														</tr>
														<tr>
															<th colspan='10'>ระดับคะแนน</th>
														</tr>
														<tr>
															<th class='width-t4'>1</th>
															<th class='width-t4'>2</th>
															<th class='width-t4'>3</th>
															<th class='width-t4'>4</th>
															<th class='width-t4'>5</th>
															<th class='width-t4'>6</th>
															<th class='width-t4'>7</th>
															<th class='width-t4'>8</th>
															<th class='width-t4'>9</th>
															<th class='width-t4'>10</th>
														</tr>
													</thead>
													<tbody ng-repeat='form2 in apsform[1].groupAry'>
														<tr>
															<td class='b' colspan='6'>{{form2.groupdesc}}</td>
														</tr>
														<tr ng-repeat='mas2 in form2.masAry'>
															<td>{{mas2.masdesc}}</td>
															<td class='width-t4 center'><input ng-model='mas2.score' value='1.00' type='radio' ng-disabled='checkprivilege("boss")'/></td>
															<td class='width-t4 center'><input ng-model='mas2.score' value='2.00' type='radio' ng-disabled='checkprivilege("boss")'/></td>
															<td class='width-t4 center'><input ng-model='mas2.score' value='3.00' type='radio' ng-disabled='checkprivilege("boss")'/></td>
															<td class='width-t4 center'><input ng-model='mas2.score' value='4.00' type='radio' ng-disabled='checkprivilege("boss")'/></td>
															<td class='width-t4 center'><input ng-model='mas2.score' value='5.00' type='radio' ng-disabled='checkprivilege("boss")'/></td>
															<td class='width-t4 center'><input ng-model='mas2.score' value='6.00' type='radio' ng-disabled='checkprivilege("boss")'/></td>
															<td class='width-t4 center'><input ng-model='mas2.score' value='7.00' type='radio' ng-disabled='checkprivilege("boss")'/></td>
															<td class='width-t4 center'><input ng-model='mas2.score' value='8.00' type='radio' ng-disabled='checkprivilege("boss")'/></td>
															<td class='width-t4 center'><input ng-model='mas2.score' value='9.00' type='radio' ng-disabled='checkprivilege("boss")'/></td>
															<td class='width-t4 center'><input ng-model='mas2.score' value='10.00' type='radio' ng-disabled='checkprivilege("boss")'/></td>
														</tr>
													</tbody>
												</table>
											</div>

											<div class="form-horizontal new-line">
					              <div class="row">
													<div class="col-lg-7">
					                  <span class="b">ผู้ใต้บังคับบัญชาได้ทำการรายงานผลการฝึกอบรมต่อท่านแล้ว</span>
					                </div>
													<div class="col-lg-1">
														<label class="b">ใช่  </label><input type='radio' value='1' ng-model='headdata[0].chk1' ng-disabled='checkprivilege("boss")'/>
													</div>
													<div class="col-lg-1">
														<label class="b">ไม่ใช่  </label><input type='radio' value='0' ng-model='headdata[0].chk1' ng-disabled='checkprivilege("boss")'/>
													</div>
												</div>
												<div class="row">
													<div class="col-lg-7">
					                  <span class="b">ผู้ใต้บังคับบัญชาได้ทำการถ่ายทอดความรู้ให้กับบุคลากรในหน่วยงาน/องค์กรแล้ว</span>
					                </div>
													<div class="col-lg-1">
														<label class="b">ใช่  </label><input type='radio' value='1' ng-model='headdata[0].chk2' ng-disabled='checkprivilege("boss")'/>
													</div>
													<div class="col-lg-1">
														<label class="b">ไม่ใช่  </label><input type='radio' value='0' ng-model='headdata[0].chk2' ng-disabled='checkprivilege("boss")'/>
													</div>
												</div>
					            </div>

											<div class="form-horizontal new-line">
					              <div class="row">
													<div class="col-lg-12">
					                  <span class="b">ข้อเสนอแนะในการฝึกอบรมของผู้ใต้บังคับบัญชา สำหรับความรู้หรือทักษะที่อยากให้ผู้ใต้บังคับบัญชาได้เรียนรู้เพิ่มเติม</span>
					                </div>
												</div>
					              <div class="row">
													<div class="col-lg-12">
					                  <textarea rows="5" cols="134" ng-model='headdata[0].comment2' ng-disabled='checkprivilege("boss")'></textarea>
					                </div>
												</div>
					            </div>

											<div class="form-horizontal new-line">
					              <div class="row">
													<div class="col-lg-6"></div>
													<div class="col-lg-6 center">
														<label class="b">ลงชื่อผู้บังคับบัญชา</label>
													</div>
												</div>
											</div>

											<div class="form-horizontal new-line">
					              <div class="row">
													<div class="col-lg-6"></div>
													<div class="col-lg-6 center">
														<label class="b txt-underline">{{headdata[0].bossname}}</label>
													</div>
												</div>
					            </div>

											<div class="form-horizontal new-line">
					              <div class="row">
													<div class="col-lg-6"></div>
													<div class="col-lg-6 center">
														<label class="b txt-underline">({{headdata[0].bossname}})</label>
													</div>
												</div>
					            </div>

											<div class="form-horizontal new-line">
					              <div class="row">
													<div class="col-lg-8"></div>
													<div class="col-lg-4">
														<label class="b">วันที่</label>
														<span>{{headdata[0].bossapsdate}}</span>
													</div>
												</div>
					            </div>
		                	<div class='spece-bot'></div>
		                </div>
		              </div>
		            </div>
		          </div>
		        </div>
						<div class='spece-bot'></div>
					</div> <!-- end csc-block-white -->
        </div> <!-- end csc-content -->
      </form>
		</section>
	</body>
</html>