<!DOCTYPE html>
<%@page contentType="text/html; charset=UTF-8" %>
<%@page import="com.csc.library.utilities.*" %>
<%
  UProfile up = null;

  if (session != null) {
    up = (UProfile) session.getAttribute("userprofile");
  }
%>
<html ng-app='Print'>
<head>
  <meta http-equiv='Content-Type' charset='UTF-8' name='viewport' content='width=device-width,initial-scale=1'/>
  <link rel="stylesheet" type="text/css" href="../CSS/Bootstrap/css/bootstrap.css"/>
  <link rel='stylesheet' href='../CSS/ApplicantPrintLayout.min.css' media='screen, print'/>
  <script type='text/javascript' src='../public/lib/angular/angular.min.js'></script>
  <script type='text/javascript' src='../public/lib/angular-resource/angular-resource.min.js'></script>

  <script type='text/javascript' src='../JS/SCREEN.js'></script>
  <script type="text/javascript" src="../JS/ANGULAR/SCREEN_ANGULAR.js"></script>

  <script type='text/javascript' src='./js/PrintModule/Print.module.js'></script>
  <script type='text/javascript' src='./js/PrintModule/services/Print.services.js'></script>

  <script type='text/javascript' src='./js/PrintModule/controller/PrintManagement.controller.js'></script>

  <script>
    setLang('<%=up.get("lang")%>');
  </script>

  <style type="text/css">
    /*table { page-break-inside:auto }*/
    /*tr    { page-break-inside:avoid; page-break-after:auto }*/
    /*thead { display:table-header-group }*/
    /*tfoot { display:table-footer-group }*/


    table {  page-break-after: always;
      page-break-inside: avoid;
      break-inside: avoid; }
    thead { display:table-header-group }

  </style>

</head>
<body ng-controller='PrintManagement'>
<section class='margintop' id='myprint'>

  <div id='print-block'>

    <div class='header-zone'>
      <div class='logo'>
<%--        <img src='../IMAGES/RECRUIT_LOGO/logo_sena.png'/>--%>
        <img src='../IMAGES/RECRUIT_LOGO/logo.png'/>
      </div>
      <div class='header-print'>ใบสมัครงาน</div>
      <div class='sub-header-print'>APPLICATION FORM</div>
      <div class='detail-header'>

        <div class='col-md-8'>
          <span class='warning-word'>คำแนะนำ: ใบสมัครมีทั้งหมด 4 หน้า กรุณากรอกข้อมูลของท่านเป็นภาษาไทย</span>
        </div>
        <div class='col-md-4 date'>
          <span>วันที่ (Date)</span>
          <input type='text' class='no-border' disabled/>
        </div>
      </div>
    </div>

    <div class='underline'></div>

    <div class='body-zone'>
      <div class='body-header'>
        <div class='row'>
          <div class='col-xs-2 col-md-2'>
            <span class='label-block'>วันที่สามารถเริ่มงาน</span>
          </div>
          <div class='col-xs-4 col-md-4'>
            <input type='text' class='no-border fullwidth' value='{{ applicant.personal.dateavailable | date : "dd/MM/yyyy" }}' disabled/>
          </div>
          <div class='col-xs-2 col-md-2'>
            <span class='label-block text-right'>เงินเดือนที่ต้องการ</span>
          </div>
          <div class='col-xs-2 col-md-2'>
            <input type='text' class='no-border fullwidth text-center' disabled value='{{ applicant.salary_expect }}'/>
          </div>
          <div class='col-xs-2 col-md-2'>
            <span class='label-block'>บาท/เดือน</span>
          </div>
        </div>

        <footer></footer>

        <div class='row'>
          <div class='col-xs-2 col-md-2'>
            <span class='label-block'>ตำแหน่งที่สมัคร</span>
          </div>
          <div class='col-xs-10 col-md-10'>
            <input type='text' class='no-border fullwidth' value='{{ applicant.jobid }}' disabled/>
          </div>
        </div>

        <div class='underline padding'></div>

        <div class='row'>
          <div class='col-xs-2 col-md-2'>
            <span class='label-block'>ชื่อ-สกุล (ไทย)</span>
          </div>
          <div class='col-xs-3 col-md-3'>
            <input type='text' class='no-border fullwidth text-center' disabled
                   value='{{ applicant.personal.fname.tha }} {{ applicant.personal.lname.tha }}'/>
          </div>
          <div class='col-xs-1 col-md-1'>
            <span class='label-block text-right'>(อังกฤษ)</span>
          </div>
          <div class='col-xs-3 col-md-3'>
            <input type='text' class='no-border fullwidth text-center' disabled
                   value='{{ applicant.personal.fname.eng }} {{ applicant.personal.lname.eng }}'/>
          </div>
          <div class='col-xs-1 col-md-1'>
            <span class='label-block text-right'>ชื่อเล่น</span>
          </div>
          <div class='col-xs-2 col-md-2'>
            <input type='text' class='no-border fullwidth text-center' disabled value='{{ applicant.personal.nickname.tha }}'/>
          </div>
        </div>

        <div class='row'>
          <div class='col-xs-2 col-md-2'>
            <span class='label-block'>ที่อยู่ปัจจุบัน</span>
          </div>
          <div class='col-xs-6 col-md-6'>
            <input type='text' class='no-border fullwidth' disabled value='{{ applicant.contact.current.addr }}'/>
          </div>
          <div class='col-xs-2 col-md-2'>
            <span class='label-block text-right'>รหัสไปรษณีย์</span>
          </div>
          <div class='col-xs-2 col-md-2'>
            <input type='text' class='no-border fullwidth text-center' disabled value='{{ applicant.contact.current.zipcode.zipid }}'/>
          </div>
        </div>

        <div class='row'>
          <div class='col-xs-2 col-md-2'>
            <span class='label-block'>ภูมิลำเนาเดิม</span>
          </div>
          <div class='col-xs-6 col-md-6'>
            <input type='text' class='no-border fullwidth' disabled value='{{ applicant.contact.home.addr }}'/>
          </div>
          <div class='col-xs-2 col-md-2'>
            <span class='label-block text-right'>รหัสไปรษณีย์</span>
          </div>
          <div class='col-xs-2 col-md-2'>
            <input type='text' class='no-border fullwidth text-center' disabled value='{{ applicant.contact.home.zipcode.zipid }}'/>
          </div>
        </div>

        <div class='row'>
          <div class='col-xs-2 col-md-2'>
            <span class='label-block'>โทรศัพท์บ้าน</span>
          </div>
          <div class='col-xs-3 col-md-3'>
            <input type='text' class='no-border fullwidth text-center' disabled value='{{ applicant.contact.home.number }}'/>
          </div>

          <div class='col-xs-2 col-md-2'>
            <span class='label-block text-right'>โทรศัพท์มือถือ</span>
          </div>
          <div class='col-xs-3 col-md-3'>
            <input type='text' class='no-border fullwidth text-center' disabled value='{{ applicant.contact.phone }}'/>
          </div>
        </div>

      </div>
      <div class='body-photo'>
        <div class='photo-block'>
            <img src='{{ applicant.images }}' />
        </div>
        <table class='table-border tr-border td-border th-border fulltable'>
          <thead>
          <tr>
            <th class='text-center'>Age</th>
            <th class='text-center'>Height</th>
            <th class='text-center'>Weight</th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <td class='text-center'></td>
            <td class='text-center'>{{ applicant.personal.height }}</td>
            <td class='text-center'>{{ applicant.personal.weight }}</td>
          </tr>
          </tbody>
        </table>
      </div>
      <div class='row'></div>
      <div class='row'>
        <div class='body-block padding-top'>
          <div class='header-block text-center margin-bottom'>ประวัติส่วนตัว</div>
          <div class='col-xs-2 col-md-2'><span class='label-block'>วัน/เดือน/ปี เกิด</span></div>
          <div class='col-xs-2 col-md-2'><input type='text' class='no-border fullwidth text-center'
                                                value='{{ getDates(applicant.personal.birthdate) }}' disabled/></div>
          <div class='col-xs-1 col-md-1'><span class='label-block text-right'>เชื้อชาติ</span></div>
          <div class='col-xs-2 col-md-2'><input type='text' class='no-border fullwidth text-center' value='{{ applicant.personal.nationalityid }}'
                                                disabled/></div>
          <div class='col-xs-1 col-md-1'><span class='label-block text-right'>สัญชาติ</span></div>
          <div class='col-xs-2 col-md-2'><input type='text' class='no-border fullwidth text-center' value='{{ applicant.personal.raceid }}' disabled/>
          </div>
          <div class='col-xs-1 col-md-1'><span class='label-block text-right'>ศาสนา</span></div>
          <div class='col-xs-1 col-md-1'><input type='text' class='no-border fullwidth text-center' value='{{ applicant.personal.religionid }}'
                                                disabled/></div>

          <!-- <div class='body-block-85'>
            <div class='row'>
              <div class='col-xs-2 col-md-2'>
                <span class='label-block'>วัน/เดือน/ปี เกิด</span>
              </div>
              <div class='col-xs-4 col-md-4'>
                <input type='text' class='no-border fullwidth text-center' disabled value='{{ getDates(applicant.personal.birthdate) }}' />
              </div>
              <div class='col-xs-1 col-md-1'>
                <span class='label-block text-right'>เชื้อชาติ</span>
              </div>
              <div class='col-xs-2 col-md-2'>
                <input type='text' class='no-border fullwidth text-center' disabled value='{{ applicant.personal.nationalityid }}' />
              </div>
              <div class='col-xs-1 col-md-1'>
                <span class='label-block text-right'>สัญชาติ</span>
              </div>
              <div class='col-xs-2 col-md-2'>
                <input type='text' class='no-border fullwidth text-center' disabled value='{{ applicant.personal.raceid}}' />
              </div>

            </div>
          </div>
          <div class='body-block-15'>
            <div class='row'>
              <div class='col-xs-4 col-md-4'>
                <span class='label-block text-right'>ศาสนา</span>
              </div>
              <div class='col-xs-8 col-md-8'>
                <input type='text' class='no-border fullwidth text-center' disabled value='{{ applicant.personal.religionid }}' />
              </div>
            </div>
          </div> -->
        </div>
      </div>

      <div class='row'>
        <div class='body-block'>
          <div class='body-block-80'>
            <div class='row'>
              <div class='col-xs-1 col-md-1'>
                <span class='label-block'>เพศ</span>
              </div>
              <div class='col-xs-2 col-md-2'>
                <input type='radio' name='gender' value='1' ng-model='applicant.personal.genderid' disabled/> ชาย
                <input type='radio' name='gender' value='2' ng-model='applicant.personal.genderid' disabled/> หญิง
              </div>
              <div class='col-xs-2 col-md-2'>
                <span class='label-block text-right'>บัตรประชาชนเลขที่</span>
              </div>
              <div class='col-xs-3 col-md-3'>
                <input type='text' class='no-border fullwidth text-center' disabled value='1629900187485'/>
              </div>
              <div class='col-xs-2 col-md-2'>
                <span class='label-block text-right'>ออก ณ เขต</span>
              </div>
              <div class='col-xs-2 col-md-2'>
                <input type='text' class='no-border fullwidth text-center' disabled value='{{ applicant.personal.identification.issue_amp }}'/>
              </div>
            </div>
          </div>

          <div class='body-block-20'>
            <div class='row'>
              <div class='col-xs-6 col-md-6'>
                <span class='label-block text-right'>วันที่หมดอายุ</span>
              </div>
              <div class='col-xs-6 col-md-6'>
                <input type='text' class='no-border fullwidth text-center' disabled value='{{ getDates(applicant.personal.identification.pinend) }}'/>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class='row'>
        <div class='body-block'>
          <div class='row'>
            <div class='col-xs-2 col-md-2'><span class='label-block'>สถานภาพ</span></div>
            <div class='col-xs-2 col-md-2'>
              <input type='checkbox' ng-model='applicant.personal.status' ng-checked='applicant.personal.status == "S"' disabled/> โสด
            </div>
            <div class='col-xs-2 col-md-2'>
              <input type='checkbox' ng-model='applicant.personal.status' ng-checked='applicant.personal.status == "M"' disabled/> สมรส
            </div>
            <div class='col-xs-2 col-md-2'>
              <input type='checkbox' ng-model='applicant.personal.status' ng-checked='applicant.personal.status == "D"' disabled/> หย่าร้าง
            </div>
            <div class='col-xs-2 col-md-2'>
              <input type='checkbox' ng-model='applicant.personal.status' ng-checked='applicant.personal.status == "W"' disabled/> หม้าย
            </div>
          </div>
        </div>
      </div>

      <div class='row'>
        <div class='body-block'>
          <div class='row'>
            <div class='col-xs-2 col-md-2'><span class='label-block'>สถานะทางทหาร</span></div>
            <div class='col-xs-2 col-md-2'>
              <input type='checkbox' ng-model='applicant.personal.military.status' ng-checked='applicant.personal.military.status == "1"' disabled/>
              ปลดประจำการ
            </div>
            <div class='col-xs-4 col-md-4'>
              <input type='checkbox' ng-model='applicant.personal.military.status' ng-checked='applicant.personal.military.status == "2"' disabled/>
              จะถูกเรียกในปี
              <input type='text' class='no-border text-center' value='{{ applicant.personal.military.conscript }}'/>
            </div>
            <div class='col-xs-2 col-md-3'>
              <input type='checkbox' ng-model='applicant.personal.military.status' ng-checked='applicant.personal.military.status == "3"' disabled/>
              ได้รับการยกเว้น
            </div>
          </div>
        </div>
      </div>

      <div class='row'>
        <div class='body-block'>
          <div class='row'>
            <div class='col-xs-2 col-md-2'><span class='label-block'>ได้รับการยกเว้นเนื่องจาก</span></div>
            <div class='col-xs-10 col-md-10'>
              <input type='text' class='no-border fullwidth text-center' value='' disabled/>
            </div>
          </div>
        </div>
      </div>

      <div class='row'>
        <div class='body-block'>
          <div class='row'>
            <div class='col-xs-2 col-md-2'><span class='label-block'>ชื่อ-สกุล(เดิม)คู่สมรส</span></div>
            <div class='col-xs-4 col-md-4'>
              <input type='text' class='no-border fullwidth text-center' value='{{ $scope.marryprop.name }}' disabled/>
            </div>
            <div class='col-xs-1 col-md-1'><span class='label-block text-right'>อาชีพ</span></div>
            <div class='col-xs-2 col-md-2'>
              <input type='text' class='no-border fullwidth text-center' value='{{ $scope.marryprop.job }}' disabled/>
            </div>
            <div class='col-xs-1 col-md-1'><span class='label-block text-right'>จำนวนบุตร</span></div>
            <div class='col-xs-1 col-md-1'>
              <input type='text' class='no-border fullwidth text-center' value=' {{ $scope.marryprop.childnum }}' disabled/>
            </div>
            <div class='col-xs-1 col-md-1'><span class='label-block'>คน</span></div>
          </div>
        </div>
      </div>

      <div class='row'>
        <div class='body-block'>
          <div class='row'>
            <div class='col-xs-2 col-md-2'><span class='label-block'>ที่ทำงานคู่สมรส</span></div>
            <div class='col-xs-4 col-md-4'>
              <input type='text' class='no-border fullwidth text-center' value='{{ $scope.marryprop.office }}' disabled/>
            </div>
            <div class='col-xs-1 col-md-1'><span class='label-block text-right'>ตำแหน่ง</span></div>
            <div class='col-xs-2 col-md-2'>
              <input type='text' class='no-border fullwidth text-center' value='{{ $scope.marryprop.position }}' disabled/>
            </div>
            <div class='col-xs-1 col-md-1'><span class='label-block text-right'>โทรศัพท์</span></div>
            <div class='col-xs-2 col-md-2'>
              <input type='text' class='no-border fullwidth text-center' value='{{ $scope.marryprop.phone }}' disabled/>
            </div>
          </div>
        </div>
      </div>

      <div class='row'>
        <div class='body-block padding-top'>
          <div class='header-block text-center'>ประวัติครอบครัว</div>
          <table class='table-border tr-border td-border th-border fulltable'>
            <thead>
            <tr>
              <th class='text-center'>ชื่อ-สกุล</th>
              <th class='text-center'>ความสัมพันธ์</th>
              <th class='text-center'>อายุ</th>
              <th class='text-center'>อาชีพ</th>
              <th class='text-center'>ชื่อบริษัท ห้างร้าน/ที่อยู่ (ที่ทำงาน/สถานที่ทำงาน/บ้าน)</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat='family in applicant.family.family'>
              <td>{{ family.fname }} {{ family.lname}}</td>
              <td class='text-center'>{{ family.relation }}</td>
              <td class='text-center'>{{ family.age }}</td>
              <td class='text-center'>{{ family.occupation }}</td>
              <td>{{ family.workplace }}</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div class="row">
        <div class="body-block">
          <div class='row'>
            <div class='col-xs-2 col-md-2'><span class='label-block'>กรณีฉุกเฉินติดต่อคุณ</span></div>
            <div class='col-xs-4 col-md-4'>
              <input type='text' class='no-border fullwidth text-center' value='{{  }}' disabled/>
            </div>
            <div class='col-xs-1 col-md-1'><span class='label-block text-right'>ความสัมพันธ์</span></div>
            <div class='col-xs-2 col-md-2'>
              <input type='text' class='no-border fullwidth text-center' value='{{  }}' disabled/>
            </div>
            <div class='col-xs-1 col-md-1'><span class='label-block text-right'>มือถือ</span></div>
            <div class='col-xs-2 col-md-2'>
              <input type='text' class='no-border fullwidth text-center' value='{{  }}' disabled/>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="body-block">
          <div class='row'>
            <div class='col-xs-2 col-md-2'><span class='label-block'>สถานที่ทำงาน</span></div>
            <div class='col-xs-6 col-md-6'>
              <input type='text' class='no-border fullwidth text-center' value='{{  }}' disabled/>
            </div>
            <div class='col-xs-2 col-md-2'><span class='label-block text-right'>โทรที่ทำงาน</span></div>
            <div class='col-xs-2 col-md-2'>
              <input type='text' class='no-border fullwidth text-center' value='{{ }}' disabled/>
            </div>
          </div>
        </div>
      </div>

      <div class='row'>
        <div class='body-block padding-top'>
          <div class='header-block text-center'>ประวัติการทำงาน <span style="font-size: small">(เรียงจากปัจจุบันลงมาตามลำดับ)</span></div>
          <div ng-repeat="job in applicant.jobexp.job">
            <table class='table-border tr-border td-border th-border fulltable '>
              <thead>
              <tr>
                <th width="70%" class='text-center' rowspan="2" colspan="4">ชื่อสถานที่ทำงาน / ที่ตั้ง</th>
                <th class='text-center' rowspan="2">ตำแหน่งงานล่าสุด</th>
                <th class='text-center' colspan="2">ระยะเวลา (เดือน/ปี)</th>
              </tr>
              <tr>
                <th class='text-center'>เริ่มต้น</th>
                <th class='text-center'>สิ้นสุด</th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td width="10%" class="body-bg">{{$index+1}}. ชื่อที่ทำงาน</td>
                <td width="60%" colspan="3">{{ job.companyname }}</td>
                <td width="10%" class='text-center' rowspan="2">{{ job.title }}</td>
                <td width="15%" class='text-center' rowspan="2">{{ job.start | date:'dd/MM/yyyy' }}</td>
                <td width="15%" class='text-center' rowspan="2">{{ job.end | date:'dd/MM/yyyy' }}</td>
              </tr>
              <tr>
                <td width="10%" class="body-bg">ที่ตั้ง</td>
                <td width="55%">asdasdad</td>
                <td width="5%" class="body-bg">โทร</td>
                <td width="10%">asdasd</td>
              </tr>
              <tr>
                <td width="75%" class='text-center body-bg' colspan="2">หน้าที่ความรับผิดชอบครั้งสุดท้าย โดยสังเขป</td>
                <td width="5%" class='text-center body-bg' colspan="2">เงินเดือนล่าสุด</td>
                <td width="10%" class='text-center body-bg'>ชื่อผู้บังคับบัญชา</td>
                <td width="10%" class='text-center body-bg' colspan="2">สาเหตุที่ลาออก</td>
              </tr>
              <tr>
                <td rowspan="3" colspan="2">{{ job.description }}</td>
                <td class='text-center' rowspan="3" colspan="2">{{ job.salary }}</td>
                <td class='text-center'> -</td>
                <td class='text-center' rowspan="3" colspan="2">{{ job.reason }}</td>
              </tr>
              <tr>
                <td class='text-center'>ตำแหน่งผู้บังคับบัญชา</td>
              </tr>
              <tr>
                <td class='text-center'> -</td>
              </tr>
              </tbody>
            </table>
            <br>
          </div>
        </div>
      </div>
      <div class='row'>
        <div class='body-block'>
          <div class='header-block text-center'>ประวัติการศึกษา</div>
          <table class='table-border tr-border td-border th-border fulltable'>
            <thead>
            <tr>
              <th width="15%" class='text-center'>ระดับการศึกษา</th>
              <th width="30%" class='text-center'>สถานศึกษา</th>
              <th width="10%" class='text-center'>ปีการศึกษา</th>
              <th width="25%" class='text-center'>วุฒิการศึกษา</th>
              <th width="15%" class='text-center'>สาขา</th>
              <th width="5%" class='text-center'>เกรด</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat='edu in applicant.education'>
              <td>{{ edu.degreetype }}</td>
              <td>{{ getInstituteName(edu.university) }}</td>
              <td>{{ edu.yearstart }} - {{ edu.yearend }}</td>
              <td>{{ edu.degreetype }}</td>
              <td>{{ getMajorName(edu.major) }}</td>
              <td>{{ edu.gpa }}</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>

      <div class='row'>
        <div class='body-block'>
          <div class='header-block text-center'>ความสามารถพิเศษ</div>
          <table class='table-border tr-border td-border th-border fulltable'>
            <thead>
            <tr>
              <th rowspan="2" width="25%" class='text-center'>ความสามารถทางด้านโปรแกรมคอมพิวเตอร์</th>
              <th rowspan="2" width="30%" class='text-center'>ระบุเครื่องใช้สำนักงานที่ท่านสามารถใช้เป็น</th>
              <th rowspan="2" width="10%" class='text-center'>ภาษา</th>
              <th colspan="4" width="25%" class='text-center'>ให้ระบุว่าได้หรือไม่ได้</th>
            </tr>
            <tr>
              <th width="5%" class='text-center'>พูด</th>
              <th width="5%" class='text-center'>อ่าน</th>
              <th width="5%" class='text-center'>เขียน</th>
              <th width="5%" class='text-center'>ฟัง</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat='item in applicant.skill.langskill'>
              <td> - </td>
              <td> - </td>
              <td align="center">{{ item.name }}</td>
              <td align="center">
                {{ item.skill.speak }}
              </td>
              <td align="center">
                {{ item.skill.reading }}
              </td>
              <td align="center">
                {{ item.skill.write }}
              </td>
              <td align="center">
                {{ item.skill.listen }}
              </td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>

      <div class='row'>
        <div class='body-block'>
          <div class='header-block text-center'>การฝึกอบรม</div>
          <table class='table-border tr-border td-border th-border fulltable'>
            <thead>
            <tr>
              <th width="50%" class='text-center'>ชื่อหลักสูตร</th>
              <th width="30%" class='text-center'>จัดโดย</th>
              <th width="20%" class='text-center'>ระยะเวลา</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat='item in applicant.jobexp.training'>
              <td>{{ item.name }}</td>
              <td>{{ item.by }}</td>
              <td>{{ item.start | date:'dd/MM/yyyy' }} - {{ item.end | date:'dd/MM/yyyy' }}</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>

      <div class='row'>
        <div class='body-block'>
          <div class='header-block text-center'>บุคคลที่ไม่ใช่ญาติซึ่งทราบประวัติของท่านและบริษัทฯ สามารถสอบถามได้</div>
          <table class='table-border tr-border td-border th-border fulltable'>
            <thead>
              <tr>
                <th width="25%" class='text-center'>ชื่อ-สกุล</th>
                <th width="15%" class='text-center'>ความสัมพันธ์</th>
                <th width="25%" class='text-center'>สถานที่ทำงาน/ที่อยู่</th>
                <th width="15%" class='text-center'>ตำแหน่ง</th>
                <th width="20%" class='text-center'>โทรศัพท์</th>
              </tr>
            </thead>
            <tbody>
              <tr ng-repeat='item in applicant.family.reference'>
                <td>{{ item.name }}</td>
                <td> - </td>
                <td>{{ item.companyname }}</td>
                <td>{{ item.jobtitle }}</td>
                <td>{{ item.phone }}</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>

      <div class='row'>
        <div class='col-xs-2 col-md-2'>
          <span class='label-block'>กิจกรรมที่เคยทำ</span>
        </div>
        <div class='col-xs-10 col-md-10'>
          <input type='text' class='no-border fullwidth text-center' disabled
                 value='-'/>
        </div>
        <div class='col-xs-2 col-md-2'>
          <span class='label-block'>งานอดิเรก / กีฬา</span>
        </div>
        <div class='col-xs-10 col-md-10'>
          <input type='text' class='no-border fullwidth text-center' disabled
                 value='-'/>
        </div>

        <div class='col-xs-2 col-md-2'>
          <span class='label-block'>ความสามารถในการขับขี่</span>
        </div>
        <div class='col-xs-1 col-md-1'>
          <input type='radio' name='driveAbilities' value="true" ng-model='applicant.skill.vehicle.driving' disabled/> ขับขี่ได้
        </div>
        <div class='col-xs-2 col-md-2'>
          <input type='radio' name='driveAbilities' value="false" ng-model='applicant.skill.vehicle.driving' disabled/> ขับขี่ไม่ได้
        </div>
        <div class='col-xs-2 col-md-2'>
          <span class='label-block'>ใบอนุญาตขับขี่เลขที่</span>
        </div>
        <div class='col-xs-2 col-md-2'>
          <input type='text' class='no-border fullwidth text-center' disabled
                 value='-'/>
        </div>
        <div class='col-xs-1 col-md-1'>
          <span class='label-block'>ประเภท</span>
        </div>
        <div class='col-xs-2 col-md-2'>
          <input type='text' class='no-border fullwidth text-center' disabled
                 value='-'/>
        </div>

        <div class='col-xs-12 col-md-12'></div>


        <div class='col-xs-2 col-md-2'>
          <span class='label-block'>มีพาหนะเป็นของตนเอง</span>
        </div>
        <div class='col-xs-1 col-md-1'>
          <input type='checkbox' ng-checked='!(applicant.skill.vehicle.car.own || applicant.skill.vehicle.motorcycle.own)' disabled/> ไม่มี
        </div>
        <div class='col-xs-2 col-md-2'>
          <input type='checkbox' ng-checked='applicant.skill.vehicle.car.own' disabled/> รถยนต์
        </div>
        <div class='col-xs-2 col-md-2'>
          <span class='label-block'>ทะเบียนรถ</span>
        </div>
        <div class='col-xs-1 col-md-1'>
          <input type='text' class='no-border fullwidth text-center' disabled
                 value='{{applicant.skill.vehicle.car.number}}'/>
        </div>
        <div class='col-xs-2 col-md-2'>
          <input type='checkbox' ng-checked='applicant.skill.vehicle.motorcycle.own' disabled/> มอเตอร์ไซค์
        </div>
        <div class='col-xs-1 col-md-1'>
          <span class='label-block'>ทะเบียนรถ</span>
        </div>
        <div class='col-xs-1 col-md-1'>
          <input type='text' class='no-border fullwidth text-center' disabled
                 value='{{applicant.skill.vehicle.motorcycle.number}}'/>
        </div>

        <div class='col-xs-12 col-md-12'></div>

        <div class='col-xs-3 col-md-3'>
          <span class='label-block'>ท่านทราบข่าวการสมัครงานจาก</span>
        </div>
        <div class='col-xs-9 col-md-9'>
          <input type='text' class='no-border fullwidth text-center' disabled
                 value='{{applicant.other.sourcejob}}'/>
        </div>
      </div>

      <div class='col-xs-12 col-md-12'></div>

      <div class='row'>
        <div class='body-block'>
          <div class='header-block text-center'>ข้อมูลเพิ่มเติม</div>
          <table class='table-border tr-border td-border th-border fulltable'>
            <tbody>
            <div class='col-xs-6 col-md-6'>
              <span class='label-block'>คุณเคยต้องโทษทางแพ่ง หรือ อาญาหรือไม่?</span>
            </div>
            <div class='col-xs-1 col-md-1'>
              <input type='checkbox' ng-checked='!applicant.other.policecapture.status' /> ไม่เคย
            </div>
            <div class='col-xs-1 col-md-1'>
              <input type='checkbox' ng-checked='applicant.other.policecapture.status'/> เคย
            </div>
            <div class='col-xs-1 col-md-1'>
              <span class='label-block'>ระบุ</span>
            </div>
            <div class='col-xs-3 col-md-3'>
              <input type='text' class='no-border fullwidth text-center' disabled
                     value='{{applicant.other.policecapture.explain}}'/>
            </div>

            <div class='col-xs-6 col-md-6'>
              <span class='label-block'>คุณเคยสมัครงานหรือทำงานกับบริษัทนี้มาก่อนหรือไม่?</span>
            </div>
            <div class='col-xs-1 col-md-1'>
              <input type='checkbox' ng-checked='!applicant.other.apply.status'/> ไม่เคย
            </div>
            <div class='col-xs-1 col-md-1'>
              <input type='checkbox' ng-checked='applicant.other.apply.status'/> เคย
            </div>
            <div class='col-xs-1 col-md-1'>
              <span class='label-block'>ตำแหน่ง</span>
            </div>
            <div class='col-xs-3 col-md-3'>
              <input type='text' class='no-border fullwidth text-center' disabled
                     value='-'/>
            </div>

            <div class='col-xs-6 col-md-6'>
              <span class='label-block'>คุณเคยป่วยหนักหรือเป็นโรคติดต่อร้ายแรงมาก่อนหรือไม่?</span>
            </div>
            <div class='col-xs-1 col-md-1'>
              <input type='checkbox' ng-checked='!applicant.other.health.status'/> ไม่เคย
            </div>
            <div class='col-xs-1 col-md-1'>
              <input type='checkbox' ng-checked='applicant.other.health.status'/> เคย
            </div>
            <div class='col-xs-1 col-md-1'>
              <span class='label-block'>ระบุ</span>
            </div>
            <div class='col-xs-3 col-md-3'>
              <input type='text' class='no-border fullwidth text-center' disabled
                     value='{{applicant.other.health.explain}}'/>
            </div>

            <div class='col-xs-6 col-md-6'>
              <span class='label-block'>ท่านจะอนุญาตให้บริษัทฯ สอบถามไปยังนายจ้างเดิมของท่านได้หรือไม่?</span>
            </div>
            <div class='col-xs-1 col-md-1'>
              <input type='checkbox' ng-checked='applicant.other.askoldcompany.status'/> ได้
            </div>
            <div class='col-xs-1 col-md-1'>
              <input type='checkbox' ng-checked='!applicant.other.askoldcompany.status'/> ไม่ได้
            </div>
            <div class='col-xs-1 col-md-1'>
              <span class='label-block'>เพราะ</span>
            </div>
            <div class='col-xs-3 col-md-3'>
              <input type='text' class='no-border fullwidth text-center' disabled
                     value='-'/>
            </div>

            <div class='col-xs-6 col-md-6'>
              <span class='label-block'>บุคคลในบริษัทที่ท่านรู้จัก?</span>
            </div>
            <div class='col-xs-1 col-md-1'>
              <input type='checkbox' ng-checked='applicant.other.referee_group.length > 0' /> ไม่มี
            </div>
            <div class='col-xs-1 col-md-1'>
              <input type='checkbox' ng-checked='applicant.other.referee_group.length > 0'/> มี
            </div>
            <div class='col-xs-1 col-md-1'>
              <span class='label-block'>ชื่อ</span>
            </div>
            <div class='col-xs-3 col-md-3'>
              <input type='text' class='no-border fullwidth text-center' disabled
                     value='-'/>
            </div>
            </tbody>
          </table>
        </div>
      </div>

      <div class='row'>
        <div class='body-block'>
          <div class='header-block text-center'>ข้อความเพิ่มเติมอื่น ๆ ที่ผู้สมัครประสงค์จะแจ้งให้ทราบ</div>
          <table class='table-border tr-border td-border th-border fulltable'>
            <tbody>
            <input type='text' class='no-border fullwidth text-center' disabled
                   value='{{ applicant.other.otherdetail}}'/>
            </tbody>
          </table>
        </div>
      </div>

      <div class='col-xs-1 col-md-1'>
        <span class='label-block'></span>
      </div>

      <div class='col-xs-11 col-md-11'>
        <span class='label-block'>ข้าพเจ้าขอรับรองว่า ข้อความทั้งหมดที่ข้าพเจ้าให้ไว้เป็นความจริง และถูกต้องทุกประการ หากข้อความใดเป็นความเท็จ หรือไม่ตรงกับความเป็นจริง</span>
      </div>

      <div class='col-xs-12 col-md-12'>
        <span class='label-block'>ให้ถือเป็นหลักฐานได้ว่า ข้าพเจ้าจะถูกพ้นจากการเป็นพนักงานของบริษัทฯ ทันที</span>
      </div>

      <div class='col-xs-8 col-md-8'>
        <span class='label-block'></span>
      </div>
      <div class='col-xs-1 col-md-1'>
        <span class='label-block'>ลายเซ็นต์</span>
      </div>
      <div class='col-xs-2 col-md-2'>
        <input type='text' class='no-border fullwidth text-center' disabled
               value=''/>
      </div>
      <div class='col-xs-1 col-md-1'>
        <span class='label-block'></span>
      </div>

      <div class='col-xs-8 col-md-8'>
        <span class='label-block'></span>
      </div>
      <div class='col-xs-1 col-md-1'>
        <span class='label-block'>วันที่</span>
      </div>
      <div class='col-xs-2 col-md-2'>
        <input type='text' class='no-border fullwidth text-center' disabled
               value=''/>
      </div>
      <div class='col-xs-1 col-md-1'>
        <span class='label-block'></span>
      </div>
    </div>
  </div>
</section>
<center>
  <a ng-click='print()' class='btn-print'>print</a>
</center>
</body>
</html>