<!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">
        thead {
            border: 1px solid black;
        }
        chkFont{ font-size: 12px }
    </style>
</head>
<body ng-controller='PrintManagement' style="font-size: 14px;">
<section class='margintop' id='myprint'>
    <div class="pull-right">
        <p>FR-710-007 / Revision No. : 03</p>
        <p>Effective Date : {{ today | date:'dd/MM/yy'}}</p>
    </div>
    <div class='header-zone'>

            <span class='header-print'>ใบสมัครงาน</span>
            <span class='sub-header-print'>APPLICATION FORM</span>

    </div>
    <div class='header-zone'>

        <br/>
    </div>
    <table style="width: 100%">
        <tr>
            <td>
                &nbsp;&emsp;<img src='../IMAGES/RECRUIT_LOGO/logo_dhas.png'/>
            </td>
            <td style="font-size: x-large">
                DHA Siamwalla Ltd.<br/>
                บริษัท ดี เอช เอ สยามวาลา จำกัด
            </td>
            <td style="text-align: right">
                <span>รหัสใบสมัคร</span>
                <input id="applicantID" type='text' class='no-border' disabled/>
                <br/>
                <span>วันที่ (Date)</span>
                <input id="applicantDate" type='text' class='no-border' disabled/>
                <br/>
                <span>แหล่งที่ทราบข่าว</span>
                <input id="applicantNews" type='text' class='no-border' disabled/>
            </td>
        </tr>
    </table>

    <div>
        <span style="font-size: large">&nbsp;&emsp;ผู้ผลิต และผู้แทนจำหน่าย เครื่องเขียน กระดาษ
            วัสดุอุปกรณ์สำนักงานและช่างเขียน
        </span>
        <br/>
        <span>
            &emsp;&emsp;สำนักงาน สุรวงศ เลขที่ 210 ถ.สุรวงศ์ สี่พระยา บางรัก กรุงเทพฯ 10500 โทร. 0-2668-0123
        </span>
        <br/>
        <span>
            &emsp;&emsp;ศูนย์จัดส่งสินค้ากลาง เลขที่ 125 หมู่ 1 ต.ลำไทร อ.วังน้อย จ.พระนครศรีอยุธยา 13170 โทร. 035 274 174-7888
        </span>
        <br/>
        <span>
            &emsp;&emsp;ศูนย์จัดส่งสินค้ากิ่งแก้ว เลขที่ 94 หมู่ 15 ต.บางพลีใหญ่ อ.บางพลี จ.สมุทรปราการ 10540 โทร. 0-2750-1540
        </span>
        <br/>
        <span>
            &emsp;&emsp;โรงงานโรจนะ เลขที่ 21/11 หมู่ 9 สวนอุตสาหกรรมโรจนะ โครงการ B ต.คานหาม อ.อุทัย จ.พระนครศรีอยุธยา 13210 โทร.035-746-501
        </span>
        <br/>
        <span style="text-decoration:underline;font-style: italic;">คำแนะนำ: ขอให้ผู้สมัครอ่านและทำความเข้าใจข้อความแต่ละข้ออย่างละเอียดก่อนที่จะกรอกข้อความใดๆ ลงไปในช่องว่างนั้นๆหากปรากฏว่าผู้สมัครปกปิดความจริง
            หรือมีเจตนาแจ้งข้อความเท็จจริง จะส่งผลให้ผู้สมัครหมดสิทธิ์ได้รับการพิจารณาเข้าทำงานกับบริษัทฯ หรืออาจถูกยกเลิกการว่าจ้างในภายหลัง โดยไม่จ่ายค่าชดเชยใดๆ ทั้งสิ้น</span>
    </div>

    <div class='detail-header'>
    </div>
    <div class='body-header'>
        <div>
            <table style="width: 100%" class='table-border tr-border th-border fulltable'>
                <thead>
                <tr style="width: 100%" height="30">
                    <td class='header-block text-center margin-bottom' style="background-color: #e6e6e6"
                        colspan="4"><span style="text-align: center">ตำแหน่งที่สมัคร</span>
                    </td>
                    <td class='header-block text-center margin-bottom' style="background-color: #e6e6e6"
                        colspan="3"><span style="text-align: center">เงินเดือนที่ต้องการ</span>
                    </td>
                </tr>
                </thead>
                <tbody>
                <tr style="width: 100%">
                    <td style="width:1%" height="50"></td>
                    <td style="width:29%" colspan="4">
                        <input type='text' class='no-border fullwidth' master-jobcode
                               code="{{ applicant.jobid }}" disabled/>
                    </td>
                    <td style="width:30%"><input type='text' class='no-border fullwidth text-center'
                                                 disabled value='{{ applicant.salary_expect }}'/></td>
                    <td style="width:10%"><span class='label-block'>บาท/เดือน</span></td>
                </tr>
                </tbody>
            </table>
        </div>

        <table style="width: 100%" class='table-border th-border fulltable'>
            <thead>
            <tr style="width: 100%" height="30">
                <td class='header-block text-center margin-bottom' style="background-color: #e6e6e6"
                    colspan="7"><span style="text-align: center">ประวัติส่วนตัว</span>
                </td>
            </tr>
            </thead>
            <tbody>
            <tr style="width: 100%" height="30">
                <td style="width:1%"></td>
                <td style="width:14%"><span class='label-block'>ชื่อ (นาย/นาง/นางสาว)</span></td>
                <td style="width:25%">
                    <input type='text' class='no-border fullwidth text-center' disabled
                           value='{{ applicant.personal.fname.tha }}'/>
                </td>
                <td style="width:20%"><span class='label-block text-right'>นามสกุล</span></td>
                <td style="width:20%">
                    <input type='text' class='no-border fullwidth text-center' disabled
                           value='{{ applicant.personal.lname.tha }}'/>
                </td>
            </tr>
            <tr style="width: 100%" height="30">
                <td style="width:1%"></td>
                <td style="width:14%"><span class='label-block'>NAME (MR./MRS./MISS)</span></td>
                <td style="width:25%">
                    <input type='text' class='no-border fullwidth text-center' disabled
                           value='{{ applicant.personal.fname.eng }}'/>
                </td>
                <td style="width:20%"><span class='label-block text-right'>SURNAME</span></td>
                <td style="width:20%">
                    <input type='text' class='no-border fullwidth text-center' disabled
                           value='{{ applicant.personal.lname.eng }}'/>
                </td>
            </tr>
            </tbody>
        </table>

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

    <div class='body-photo'>
        <div class='photo-block'>
            <img src='{{ applicant.images }}'/>
        </div>
    </div>

    <table style="width: 100%">
        <thead>
        <tr style="width: 100%" height="30">
            <td class='header-block text-center margin-bottom' style="background-color: #e6e6e6"
                style="width:20%">วัน / เดือน / ปีที่เกิด
            </td>
            <td class='header-block text-center margin-bottom' style="background-color: #e6e6e6"
                style="width:20%">อายุ
            </td>
            <td class='header-block text-center margin-bottom' style="background-color: #e6e6e6"
                style="width:20%">สัญชาติ
            </td>
            <td class='header-block text-center margin-bottom' style="background-color: #e6e6e6"
                style="width:20%">ส่วนสูง
            </td>
            <td class='header-block text-center margin-bottom' style="background-color: #e6e6e6"
                style="width:20%">น้ำหนัก
            </td>
        </tr>
        </thead>
        <tbody>
        <tr style="width: 100%">
            <td style="width:20%">
                <input type='text' class='no-border fullwidth text-center'
                       value='{{ applicant.personal.birthdate | ddmmyyyyDate }}' disabled/>
            </td>
            <td style="width:20%">
                <input type='text' class='no-border fullwidth text-center'
                       value='{{getCurrentAge(applicant.personal.birthdate)}}' disabled/>
            </td>
            <td style="width:20%">
                <input type='text' class='no-border fullwidth text-center' master-race
                       code='{{ applicant.personal.raceid }}' disabled/>
            </td>
            <td style="width:20%">
                <input type='text' class='no-border fullwidth text-center'
                       value='{{ applicant.personal.height }}' disabled/>
            </td>
            <td style="width:20%">
                <input type='text' class='no-border fullwidth text-center'
                       value='{{ applicant.personal.weight }}' disabled/>
            </td>
        </tr>
        </tbody>
    </table>
    </div>

    <table style="width: 100%">
        <tr style="width: 100%">
            <td style="width: 20%"><span class='label-block'>&nbsp;บัตรประชาชนเลขที่</span></td>
            <td style="width: 15%">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='{{ applicant.personal.identification.iden_number }}'/>
            </td>
            <td style="width: 10%"><span class='label-block' style="text-align: center">วันที่ออกบัตร</span>
            </td>
            <td style="width: 20%">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='{{ applicant.personal.identification.pinstart | ddmmyyyyDate }}'/>
            </td>
            <td style="width: 10%"><span class='label-block' style="text-align: center">วันที่หมดอายุ</span>
            </td>
            <td style="width: 20%">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='{{ applicant.personal.identification.pinend | ddmmyyyyDate }}'/>
            </td>
        </tr>

        <tr style="width: 100%">
            <td style="width:15%"><span class='label-block'>&nbsp;สถานะทางทหาร</span></td>
            <td style="width:15%;">
                <input type='checkbox' ng-model='applicant.personal.military.status'
                       ng-checked='applicant.personal.military.status == "1"' disabled/><chkFont> ปลดประจำการ</chkFont>

            </td>
            <td style="width:15%" colspan="2">
                <input type='checkbox' ng-model='applicant.personal.military.status'
                       ng-checked='applicant.personal.military.status == "2"' disabled/><chkFont> จะถูกเรียกในปี</chkFont>

                <input type='text' class='no-border text-center'
                       value='{{ applicant.personal.military.conscript }}'/>
            </td>
            <td style="width:15%">
                <input type='checkbox' ng-model='applicant.personal.military.status'
                       ng-checked='applicant.personal.military.status == "3"' disabled/><chkFont> ได้รับการยกเว้น</chkFont>

            </td>
            <td style="width:30%"></td>
        </tr>

        <tr style="width: 100%">
            <td style="width: 20%"><span class='label-block'>&nbsp;ชื่อโรงพยาบาลที่ระบุ<br/>ในบัตรรับรองสิทธิ์</span>
            </td>
            <td style="width: 15%">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='{{ applicant.personal.sso.hospital }}'/>
            </td>
            <td style="width: 10%"><span class='label-block' style="text-align: center">วันที่ออกบัตร</span>
            </td>
            <td style="width: 20%">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='{{ applicant.personal.sso.pinstart | ddmmyyyyDate }}'/>
            </td>
            <td style="width: 10%"><span class='label-block' style="text-align: center">วันที่หมดอายุ</span>
            </td>
            <td style="width: 20%">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='{{ applicant.personal.sso.pinend | ddmmyyyyDate }}'/>
            </td>
        </tr>
    </table>
    <table style="width: 100%">
        <thead>
        <tr style="width: 100%" height="30">
            <td class='header-block text-center margin-bottom' style="background-color: #e6e6e6"
                colspan="9">การติดต่อกับผู้สมัครงาน
            </td>
        </tr>
        </thead>
        <tbody>
        <tr style="width: 100%" height="30">
            <td style="width:1%"></td>
            <td style="width:19%"><span class='label-block'>ที่อยู่ปัจจุบัน</span></td>
            <td style="width:50%" colspan="3">
                <input type='text' class='no-border fullwidth' disabled
                       ng-value='getFullAddr(applicant.contact.current)'/>
            </td>
            <td style="width:10%"><span class='label-block text-right'>รหัสไปรษณีย์</span></td>
            <td style="width:10%">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='{{ applicant.contact.current.zipcode.zipid }}'/>
            </td>
        </tr>
        <tr style="width: 100%" height="30">
            <td style="width:1%"></td>
            <td style="width:19%"><span class='label-block'>โทรศัพท์บ้าน</span></td>
            <td style="width:20%">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='{{ applicant.contact.home.number }}'/>
            </td>
            <td style="width:20%"><span class='label-block text-right'>โทรศัพท์มือถือ</span></td>
            <td style="width:30%" colspan="3">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='{{ applicant.contact.phone }}'/>
            </td>
        </tr>

        <tr style="width: 100%" height="30">
            <td style="width:1%"></td>
            <td style="width:19%"><span class='label-block'>ที่อยู่ตามทะเบียนบ้าน</span></td>
            <td style="width:50%" colspan="3">
                <input type='text' class='no-border fullwidth' disabled
                       ng-value='getFullAddr(applicant.contact.home)'/>
            </td>
            <td style="width:10%"><span class='label-block text-right'>รหัสไปรษณีย์</span></td>
            <td style="width:10%">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='{{ applicant.contact.home.zipcode.zipid }}'/>
            </td>
        </tr>

        <tr style="width: 100%" height="30">
            <td style="width:1%"></td>
            <td style="width:19%"><span class='label-block'>โทรศัพท์</span></td>
            <td style="width:20%">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='{{ applicant.contact.home.number }}'/>
            </td>
        </tr>
        </tbody>
    </table>


    <table style="width: 100%">
        <thead>
        <tr style="width: 100%" height="30">
            <td class='header-block text-center margin-bottom' style="background-color: #e6e6e6"
                colspan="9">บุคคลที่บริษัทฯ สามารถติดต่อ กรณีฉุกเฉิน
            </td>
        </tr>
        </thead>
        <tbody>
        <tr style="width: 100%" height="30" ng-repeat='item in applicant.family.reference'>
            <td style="width:1%"></td>
            <td style="width:19%">
                <span class='label-block'>{{$index+1}}. ชื่อ-สกุล</span></td>
            <td style="width:20%" colspan="3">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='{{ item.name }}'/>
            </td>
            <td style="width:10%"><span class='label-block text-right'>ความสัมพันธ์</span></td>
            <td style="width:10%;text-align: center;">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='-'/>
                </td>
            <td style="width:10%"><span class='label-block text-right'>อาชีพ</span></td>
            <td style="width:10%;text-align: center;">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='{{ item.jobtitle }}'/>
            </td>
        </tr>
        <tr style="width: 100%" height="30" ng-repeat='item in applicant.family.reference'>
            <td style="width:1%"></td>
            <td style="width:19%"><span class='label-block'>ที่อยู่ / ที่ติดต่อ</span></td>
            <td style="width:20%;">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='{{ item.companyname }}'/>
            </td>
        </tr>
        </tbody>

    </table>



    <table style="width: 100%" class='table-border tr-border td-border th-border fulltable'>
        <thead>
        <tr style="width: 100%" height="30">
            <td class='header-block text-center margin-bottom' style="background-color: #e6e6e6" colspan="9">
                ประวัติทั่วไป
            </td>
        </tr>
        </thead>
    </table>
    <table>
        <tr style="width: 100%">
            <td style="width: 8%"><span class='label-block'>&nbsp;พี่น้องรวมทั้งหมด</span></td>
            <td style="width: 5%">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='-'/>
            </td>
            <td style="width: 3%"><span class='label-block'>&nbsp;คน</span></td>

            <td style="width: 8%"><span class='label-block'>&nbsp;ท่านเป็นคนที่</span></td>
            <td style="width: 5%">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='-'/>
            </td>
            <td style="width: 3%"><span class='label-block'>&nbsp;คน</span></td>
            <td style="width: 8%">
                <span class='label-block'>&nbsp;พี่ชาย</span></td>
            <td style="width: 5%">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='-'/>
            </td>
            <td style="width: 3%"><span class='label-block'>&nbsp;คน</span></td>

            <td style="width: 8%">
                <span class='label-block'>&nbsp;พี่สาว</span></td>
            <td style="width: 5%">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='-'/>
            </td>
            <td style="width: 3%"><span class='label-block'>&nbsp;คน</span></td>

            <td style="width: 8%">
                <span class='label-block'>&nbsp;น้องชาย</span></td>
            <td style="width: 5%">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='-'/>
            </td>
            <td style="width: 3%"><span class='label-block'>&nbsp;คน</span></td>

            <td style="width: 8%"><span class='label-block'>&nbsp;น้องสาว</span></td>
            <td style="width: 5%">
                <input type='text' class='no-border fullwidth text-center' disabled
                       value='-'/>
            </td>
            <td style="width: 3%"><span class='label-block'>&nbsp;คน</span></td>
        </tr>
    </table>

    <br/>
    <%--<div class="break-footer"></div>--%>
    <table style="width: 100%" class='table-border tr-border td-border th-border fulltable'>
        <thead>
        <tr style="width: 100%" height="30">
            <td class='header-block text-center margin-bottom' style="background-color: #e6e6e6" colspan="9">
                ประวัติทั่วไป
            </td>
        </tr>
        </thead>
    </table>
    <table style="width: 100%" class='table-border tr-border td-border th-border fulltable'>
        <thead>
        <tr style="width: 100%" height="30">
            <td class='text-center tr-size' style=" font-size: xx-small">ชื่อ-สกุล</td>
            <td class='text-center tr-size' style="font-size: xx-small">ความสัมพันธ์</td>
            <td class='text-center' style="font-size: xx-small">อายุ</td>
            <td class='text-center' style="font-size: xx-small">อาชีพ</td>
            <td class='text-center' style="font-size: xx-small">ชื่อบริษัท ห้างร้าน/ที่อยู่ (ที่ทำงาน/สถานที่ทำงาน/บ้าน)</td>
            <td class='text-center' style="font-size: xx-small">โทรศัพท์</td>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat='family in applicant.family.family' style="width: 100%">
            <td width="20%" style=" font-size: xx-small">&nbsp{{$index+1}}. {{ family.fname }} {{ family.lname}}</td>
            <td width="15%" class='text-center' style=" font-size: xx-small">
                <master-relation code="{{family.relation}}"></master-relation>
            </td>
            <td width="8%" class='text-center' style=" font-size: xx-small">{{ family.age }}</td>
            <td width="10%" class='text-center' style=" font-size: xx-small">{{ family.occupation }}</td>
            <td width="40%" class='text-center' style=" font-size: xx-small">{{ family.workplace }}</td>
            <td width="15%" class='text-center' style=" font-size: xx-small">{{ family.phone }}</td>
        </tr>
        <tr ng-repeat='i in getNumber(7 -  applicant.family.family.length) track by $index' style="width: 100%">
            <td>&nbsp{{$index + 1 + applicant.family.family.length}}.</td>
            <td class='text-center'></td>
            <td class='text-center'></td>
            <td class='text-center'></td>
            <td class='text-center'></td>
            <td class='text-center'></td>
        </tr>

        <tr style="width: 100%">

            <table style="width: 100%">
                <tr style="width: 100%">
                    <td style="width:1%" height="40"></td>
                    <td style="width:19%"><span class='label-block' style="font-weight: bold">สถานภาพสมรส</span>
                    </td>
                    <td style="width:15%">
                        <input type='checkbox' ng-model='applicant.personal.status'
                               ng-checked='applicant.personal.status == "S"' disabled/><span> โสด</span>
                    </td>
                    <td style="width:20%">
                        <input type='checkbox' ng-model='applicant.personal.status'
                               ng-checked='applicant.personal.status == "M"' disabled/><span> สมรส</span>
                    </td>
                    <td style="width:15%">
                        <input type='checkbox' ng-model='applicant.personal.status'
                               ng-checked='applicant.personal.status == "D"' disabled/><span> หย่าร้าง</span>
                    </td>
                    <td style="width:30%" colspan="5">
                        <input type='checkbox' ng-model='applicant.personal.status'
                               ng-checked='applicant.personal.status == "W"' disabled/><span> หม้าย</span>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td style="width:1%" height="40"></td>
                    <td style="width:19%"><span class='label-block'>ชื่อสามี / ภรรยา</span></td>
                    <td style="width:25%">
                        <input type='text' class='no-border fullwidth' value='{{ $scope.marryprop.name }}'
                               disabled/>
                    </td>
                    <td style="width:10%"><span class='label-block text-right'>อายุ</span></td>
                    <td style="width:10%">
                        <input type='text' class='no-border fullwidth text-center'
                               value='-' disabled/>
                    </td>
                    <%--<td style="width:5%"><span class='label-block text-right'>ปี</span></td>--%>

                    <td style="width:10%"><span class='label-block text-right'>อาชีพ</span></td>
                    <td style="width:20%">
                        <input type='text' class='no-border fullwidth text-center'
                               value='{{ $scope.marryprop.job }}' disabled/>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td style="width:1%" height="40"></td>
                    <td style="width:19%"><span class='label-block'>สถานที่ทำงาน / ที่ติดต่อ</span></td>
                    <td style="width:25%" colspan="3">
                        <input type='text' class='no-border fullwidth' value='{{ $scope.marryprop.office }}'
                               disabled/>
                    </td>
                    <td style="width:10%"><span class='label-block text-right'>โทรศัพท์</span></td>
                    <td style="width:15%" colspan="4">
                        <input type='text' class='no-border fullwidth text-center'
                               value='{{ $scope.marryprop.phone }}' disabled/>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td style="width:1%" height="40"></td>
                    <td style="width:19%"><span class='label-block'>จำนวนบุตร</span></td>
                    <td style="width:20%">
                        <input type='text' class='no-border fullwidth text-center'
                               value=' {{ $scope.marryprop.childnum }}' disabled/>
                    </td>

                    <td style="width:8%;text-align: center"><span class='label-block'>ศึกษา</span></td>
                    <td style="width:5%;text-align: center">
                        <input type='text' class='no-border fullwidth text-center'
                               value='-' disabled/>
                    </td>

                    <td style="width:8%;text-align: center"><span class='label-block'>ไม่ศึกษา</span></td>
                    <td style="width:5%;text-align: center">
                        <input type='text' class='no-border fullwidth text-center'
                               value='-' disabled/>
                    </td>
                </tr>
                </tbody>
            </table>

            <table style="width: 100%" class='table-border tr-border td-border th-border fulltable'>
                <thead>
                <tr style="width: 100%" height="30">
                    <td class='header-block text-center margin-bottom' style="background-color: #e6e6e6"
                        colspan="9">
                        ประวัติการศึกษา
                    </td>
                </tr>
                <tr>
                    <td width="18%" class='text-center' style=" font-size: xx-small">ระดับวุฒิ</td>
                    <td width="18%" class='text-center' style=" font-size: xx-small">สถาบันการศึกษา</td>
                    <td width="8%" class='text-center' style=" font-size: xx-small">จากเดือน/ปี</td>
                    <td width="8%" class='text-center' style=" font-size: xx-small">ถึงเดือน/ปี</td>
                    <td width="20%" class='text-center' style=" font-size: xx-small">คณะ/ภาควิชา</td>
                    <td width="20%" class='text-center' style=" font-size: xx-small">สาขา</td>
                    <td width="5%" class='text-center' style=" font-size: xx-small">เกรด</td>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat='edu in applicant.education'>
                    <td style="font-size: xx-small">&nbsp{{$index+1}}.
                        <master-degree code="{{ edu.degreetype }}"></master-degree>
                    </td>
                    <td class='text-center' style="font-size: xx-small">{{ getInstituteName(edu.university) }}</td>
                    <td class='text-center' style="font-size: xx-small">{{ edu.yearstart }}</td>
                    <td class='text-center' style="font-size: xx-small">{{ edu.yearend }}</td>
                    <td class='text-center' style="font-size: xx-small">
                        <master-degree code="{{ edu.degreetype }}"></master-degree>
                    </td>
                    <td class='text-center' style="font-size: xx-small">{{ getMajorName(edu.major) }}</td>
                    <td class='text-center' style="font-size: xx-small">{{ edu.gpa }}</td>
                </tr>

                <%--<tr ng-repeat='i in getNumber(5 -  applicant.education.length) track by $index'>--%>
                    <%--<td>&nbsp{{$index + 1 + applicant.education.length}}.</td>--%>
                    <%--<td class='text-center'></td>--%>
                    <%--<td class='text-center'></td>--%>
                    <%--<td class='text-center'></td>--%>
                    <%--<td class='text-center'></td>--%>
                    <%--<td class='text-center'></td>--%>
                    <%--<td class='text-center'></td>--%>
                <%--</tr>--%>
                <%--</tbody>--%>

            </table>
            <div class='underline'></div>
            <table style="width: 100%">

                <tr style="width: 100%">
                    <td style="width:1%" height="40"></td>
                    <td style="width:9%"><span class='label-block' style="font-weight: bold">ปัจจุบัน</span>
                    </td>
                    <td style="width:10%"><span class='label-block'>กำลังศึกษาระดับวุฒิ</span></td>
                    <td style="width:10%">
                        <input type='text' class='no-border fullwidth text-center' value='-'
                               disabled/>
                    </td>
                    <td style="width:10%"><span class='label-block text-right'>สถาบัน</span></td>
                    <td style="width:10%">
                        <input type='text' class='no-border fullwidth text-center'
                               value='-' disabled/>
                    </td>

                    <td style="width:10%"><span class='label-block text-right'>สาขา</span></td>
                    <td style="width:10%">
                        <input type='text' class='no-border fullwidth text-center'
                               value='-' disabled/>
                    </td>
                    <td style="width:10%"><span class='label-block text-right'>ปีที่เข้า</span></td>
                    <td style="width:10%">
                        <input type='text' class='no-border fullwidth text-center'
                               value='-' disabled/>
                    </td>
                </tr>
            </table>

            <div class='underline'></div>
            <table style="width: 100%">
                <tr style="width: 100%">
                    <td style="width:1%" height="40"></td>
                    <td style="width:14%"><span class='label-block'
                                                style="font-weight: bold">ประวัติกิจกรรม</span></td>
                    <td style="width:5%"><span class='label-block'>ระดับการศึกษา</span></td>
                    <td style="width:20%">
                        <input type='text' class='no-border fullwidth text-center' value='-'
                               disabled/>
                    </td>
                    <td style="width:10%"><span class='label-block text-right'>กิจกรรม</span></td>
                    <td style="width:15%">
                        <input type='text' class='no-border fullwidth text-center'
                               value='-' disabled/>
                    </td>

                    <td style="width:10%"><span class='label-block text-right'>ตำแหน่งกิจกรรม</span></td>
                    <td style="width:25%" colspan="3">
                        <input type='text' class='no-border fullwidth text-center'
                               value='-' disabled/>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td style="width:1%" height="40"></td>
                    <td colspan="1"><span class='label-block'>หน้าที่/ความรับผิดชอบ</span>
                    </td>
                    <td colspan="2">
                        <input type='text' class='no-border fullwidth text-center' value='-'
                               disabled/>
                    </td>
                    <td><span class='label-block text-right'>ช่วงเวลาที่ทำกิจกรรม</span></td>
                    <td colspan="5">
                        <input type='text' class='no-border fullwidth text-center'
                               value='-' disabled/>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td height="40"></td>
                    <td><span class='label-block'>งานอดิเรก</span></td>
                    <td colspan="2">
                        <input type='text' class='no-border fullwidth text-center' value='-'
                               disabled/>
                    </td>
                    <td><span class='label-block text-right'>กีฬาที่ถนัด</span></td>
                    <td colspan="5">
                        <input type='text' class='no-border fullwidth text-center'
                               value='-' disabled/>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td height="40"></td>
                    <td><span class='label-block'>ความสามารถพิเศษ</span></td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center' value='-'
                               disabled/>
                    </td>
                    <td><span class='label-block text-right'>พิมพ์ดีดไทย</span></td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center'
                               value='-' disabled/>
                    </td>
                    <td><span class='label-block'>คำ/นาที</span></td>
                    <td><span class='label-block text-right'>พิมพ์ดีดอังกฤษ</span></td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center'
                               value='-' disabled/>
                    </td>
                    <td colspan="2"><span class='label-block'>คำ/นาที</span></td>
                </tr>
            </table>

            <div class='underline'></div>
            <%--<table style="width: 100%">--%>
                <%--<tr style="width: 100%">--%>
                    <%--<td style="width:1%" height="40"></td>--%>
                    <%--<td style="width:99%" colspan="8"><span class='label-block'--%>
                                                            <%--style="font-weight: bold">คอมพิวเตอร์ <span--%>
                            <%--style="font-size: small">(ระบุโปรแกรมสำเร็จรูปที่ใช้ได้ / ภาษาคอมพิวเตอร์ที่เขียนได้)</span></span>--%>
                    <%--</td>--%>
                <%--</tr>--%>

                <%--<tr style="width: 100%">--%>
                    <%--<td style="width:1%" height="40"></td>--%>
                    <%--<td style="width:9%">--%>
                        <%--<input type='checkbox' disabled/><span--%>
                            <%--style="font-size: 12px"> Windows</span>--%>
                    <%--</td>--%>
                    <%--<td style="width:10%">--%>
                        <%--<input type='checkbox' disabled/><span--%>
                            <%--style="font-size: 12px"> MS-Word</span>--%>
                    <%--</td>--%>
                    <%--<td style="width:10%">--%>
                        <%--<input type='checkbox' disabled/><span--%>
                            <%--style="font-size: 12px"> MS-Excel</span>--%>
                    <%--</td>--%>

                    <%--<td style="width:10%">--%>
                        <%--<input type='checkbox' disabled/><span--%>
                            <%--style="font-size: 12px"> MS-Access</span>--%>
                    <%--</td>--%>

                    <%--<td style="width:10%">--%>
                        <%--<input type='checkbox' disabled/><span--%>
                            <%--style="font-size: 12px"> MS-Power Point</span>--%>
                    <%--</td>--%>

                    <%--<td style="width:10%">--%>
                        <%--<input type='checkbox' disabled/><span--%>
                            <%--style="font-size: 12px"> Open Office</span>--%>
                    <%--</td>--%>

                    <%--<td style="width:10%">--%>
                        <%--<input type='checkbox' disabled/><span--%>
                            <%--style="font-size: 12px"> Linux</span>--%>
                    <%--</td>--%>
                    <%--<td style="width:10%">--%>
                        <%--<input type='checkbox' disabled/><span--%>
                            <%--style="font-size: 12px"> JAVA, HTML</span>--%>
                    <%--</td>--%>
                <%--</tr>--%>
                <%--<tr style="width: 100%">--%>
                    <%--<td style="width:1%" height="40"></td>--%>
                    <%--<td style="width:15%">--%>
                        <%--<input type='checkbox' disabled/><span--%>
                            <%--style="font-size: 12px"> Photoshop</span>--%>
                    <%--</td>--%>

                    <%--<td style="width:15%">--%>
                        <%--<input type='checkbox' disabled/>--%>
                        <%--<span style="font-size: 12px"> อื่น ๆ </span>--%>
                    <%--</td>--%>

                    <%--<td style="width:15%" colspan="3"><input type='text' class='no-border fullwidth text-center'--%>
                                                             <%--value='-' disabled/></span>--%>
                    <%--</td>--%>
                <%--</tr>--%>
            <%--</table>--%>

            <div class='underline'></div>
            <table style="width: 100%">
                <tr style="width: 100%">
                    <td style="width:1%" height="40"></td>
                    <td style="width:9%"><span class='label-block' style="font-weight: bold">รถยนต์</span></td>
                    <td style="width:10%">
                        <input type='checkbox' disabled/><chkFont> ขับได้</chkFont>
                    </td>
                    <td style="width:10%">
                        <input type='checkbox' disabled/><chkFont> ขับไม่ได้</chkFont>
                    </td>
                    <td style="width:10%">
                        <input type='checkbox' disabled/><chkFont> มีรถ</chkFont>
                    </td>
                    <td style="width:10%">
                        <input type='checkbox' disabled/><chkFont> ไม่มีรถ</chkFont>
                    </td>
                </tr>
            </table>

            <div class='underline'></div>
            <table style="width: 100%">
                <tr style="width: 100%">
                    <td style="width:1%" height="40"></td>
                    <td style="width:9%"><span class='label-block'
                                               style="font-weight: bold">รถจักรยานยนต์</span></td>
                    <td style="width:10%">
                        <input type='checkbox' disabled/><chkFont> ขับได้</chkFont>
                    </td>
                    <td style="width:10%">
                        <input type='checkbox' disabled/><chkFont> ขับไม่ได้</chkFont>
                    </td>
                    <td style="width:10%">
                        <input type='checkbox' disabled/><chkFont> มีรถ</chkFont>
                    </td>
                    <td style="width:10%">
                        <input type='checkbox' disabled/><chkFont> ไม่มีรถ</chkFont>
                    </td>
                </tr>
            </table>

            <div class='underline'></div>
            <table style="width: 100%" class='table-border tr-border td-border th-border fulltable'>
                <thead>
                <tr>
                    <td width="10%" class='text-center' style="font-size: smaller">ทักษะทางภาษา</td>
                    <td width="30%" class='text-center' style="font-size: smaller">พูด</td>
                    <td width="30%" class='text-center' style="font-size: smaller">อ่าน</td>
                    <td width="30%" class='text-center' style="font-size: smaller">เขียน</td>
                </tr>
                </thead>
                <tbody>
                <tr style="width:1%" height="10">
                    <td style="font-size: smaller"  class='text-center'>ภาษาอังกฤษ</td>
                    <td class='text-center' style="font-size: xx-small">
                        <input type='checkbox'
                               ng-checked='applicant.skill.langskill[0].skill.speak == "3"' disabled/><chkFont> ดีมาก</chkFont>
                        <input type='checkbox'
                               ng-checked='applicant.skill.langskill[0].skill.speak == "1"' disabled/><chkFont> ดี</chkFont>
                        <input type='checkbox'
                               ng-checked='applicant.skill.langskill[0].skill.speak == "2"' disabled/><chkFont> ปานกลาง</chkFont>
                        <input type='checkbox'
                               ng-checked='applicant.skill.langskill[0].skill.speak == "4"' disabled/><chkFont> พอใช้</chkFont>
                    </td>
                    <td class='text-center' style="font-size: xx-small">
                        <input type='checkbox'
                               ng-checked='applicant.skill.langskill[0].skill.reading == "3"' disabled/><chkFont> ดีมาก</chkFont>
                        <input type='checkbox'
                               ng-checked='applicant.skill.langskill[0].skill.reading == "1"' disabled/><chkFont> ดี</chkFont>
                        <input type='checkbox'
                               ng-checked='applicant.skill.langskill[0].skill.reading == "2"' disabled/><chkFont> ปานกลาง</chkFont>
                        <input type='checkbox'
                               ng-checked='applicant.skill.langskill[0].skill.reading == "4"' disabled/><chkFont> พอใช้</chkFont>
                    </td>
                    <td class='text-center' style="font-size: xx-small">
                        <input type='checkbox'
                               ng-checked='applicant.skill.langskill[0].skill.write == "3"' disabled/><chkFont> ดีมาก</chkFont>
                        <input type='checkbox'
                               ng-checked='applicant.skill.langskill[0].skill.write == "1"' disabled/><chkFont> ดี</chkFont>
                        <input type='checkbox'
                               ng-checked='applicant.skill.langskill[0].skill.write == "2"' disabled/><chkFont> ปานกลาง</chkFont>
                        <input type='checkbox'
                               ng-checked='applicant.skill.langskill[0].skill.write == "4"' disabled/><chkFont> พอใช้</chkFont>
                    </td>
                </tr>
                <tr>
                    <td style="font-size: smaller" class='text-center'>................</td>
                    <td class='text-center'>
                        <input type='checkbox' disabled/><chkFont> ดีมาก</chkFont>
                        <input type='checkbox' disabled/><chkFont> ดี</chkFont>
                        <input type='checkbox' disabled/><chkFont> ปานกลาง</chkFont>
                        <input type='checkbox' disabled/><chkFont> พอใช้</chkFont>
                    </td>
                    <td class='text-center'>
                        <input type='checkbox' disabled/><chkFont> ดีมาก</chkFont>
                        <input type='checkbox' disabled/><chkFont> ดี</chkFont>
                        <input type='checkbox' disabled/><chkFont> ปานกลาง</chkFont>
                        <input type='checkbox' disabled/><chkFont> พอใช้</chkFont>
                    </td>
                    <td class='text-center'>
                        <input type='checkbox' disabled/><chkFont> ดีมาก</chkFont>
                        <input type='checkbox' disabled/><chkFont> ดี</chkFont>
                        <input type='checkbox' disabled/><chkFont> ปานกลาง</chkFont>
                        <input type='checkbox' disabled/><chkFont> พอใช้</chkFont>
                    </td>
                </tr>
                <tr>
                    <td style="font-size: smaller" class='text-center'>................</td>
                    <td class='text-center'>
                        <input type='checkbox' disabled/><chkFont> ดีมาก</chkFont>
                        <input type='checkbox' disabled/><chkFont> ดี</chkFont>
                        <input type='checkbox' disabled/><chkFont> ปานกลาง</chkFont>
                        <input type='checkbox' disabled/><chkFont> พอใช้</chkFont>
                    </td>
                    <td class='text-center'>
                        <input type='checkbox' disabled/><chkFont> ดีมาก</chkFont>
                        <input type='checkbox' disabled/><chkFont> ดี</chkFont>
                        <input type='checkbox' disabled/><chkFont> ปานกลาง</chkFont>
                        <input type='checkbox' disabled/><chkFont> พอใช้</chkFont>
                    </td>
                    <td class='text-center'>
                        <input type='checkbox' disabled/><chkFont> ดีมาก</chkFont>
                        <input type='checkbox' disabled/><chkFont> ดี</chkFont>
                        <input type='checkbox' disabled/><chkFont> ปานกลาง</chkFont>
                        <input type='checkbox' disabled/><chkFont> พอใช้</chkFont>
                    </td>
                </tr>
                </tbody>

            </table>
            <div class="break-footer"></div>
            <table style="width: 100%" class='table-border tr-border td-border th-border fulltable'>
                <thead>
                <tr style="width: 100%" height="30">
                    <td class='header-block text-center margin-bottom' style="background-color: #e6e6e6"
                        colspan="9">
                        ประวัติการทำงาน <span>(ให้ระบุที่ทำงานแห่งแรกถึงที่ทำงานปัจจุบันตามลำดับ)</span>
                    </td>
                </tr>
                </thead>
            </table>
            <table ng-repeat="job in applicant.jobexp.job">
                <tr style="width: 100%">
                    <td style="width: 10%"><span class='label-block'>&nbsp;{{$index+1}}. บริษัท</span></td>
                    <td style="width: 40%" colspan="3">
                        <input type='text' class='no-border fullwidth' disabled
                               value='{{ job.companyname }}'/>
                    </td>

                    <td style="width: 10%"><span class='label-block'>&nbsp;ที่อยู่</span></td>
                    <td style="width: 40%" colspan="5">
                        <input type='text' class='no-border fullwidth' disabled
                               value='-'/>
                    </td>
                </tr>
                <tr style="width: 100%">
                    <td style="width: 10%"><span class='label-block'>&nbsp;โทรศัพท์</span></td>
                    <td style="width: 10%">
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='-'/>
                    </td>

                    <td style="width: 10%"><span class='label-block'>&nbsp;ลักษณะธุรกิจ</span></td>
                    <td style="width: 10%">
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='-'/>
                    </td>

                    <td style="width: 10%"><span class='label-block'>&nbsp;ตำแหน่งเริ่มต้น</span></td>
                    <td style="width: 20%" colspan="2">
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='-'/>
                    </td>

                    <td style="width: 10%"><span class='label-block'>&nbsp;ตำแหน่งสุดท้าย</span></td>
                    <td style="width: 20%" colspan="2">
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='{{ job.title }}'/>
                    </td>
                </tr>
                <tr style="width: 100%">
                    <td style="width: 10%"><span class='label-block'>&nbsp;เริ่ม</span></td>
                    <td style="width: 10%">
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='{{ job.start | date:"dd/MM/yyyy" }}'/>
                    </td>

                    <td style="width: 10%"><span class='label-block'>&nbsp;ถึง</span></td>
                    <td style="width: 10%">
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='{{ job.end | date:"dd/MM/yyyy" }}'/>
                    </td>

                    <td style="width: 15%"><span class='label-block'>&nbsp;เงินเดือนเริ่มต้น</span></td>
                    <td style="width: 10%">
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='-'/>
                    </td>
                    <td style="width: 5%"><span class='label-block'>&nbsp;บาท</span></td>
                    <td style="width: 15%"><span class='label-block'>&nbsp;เงินเดือนสุดท้าย</span></td>
                    <td style="width: 10%">
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='{{ job.salary }}'/>
                    </td>
                    <td style="width: 5%"><span class='label-block'>&nbsp;บาท</span></td>
                </tr>
                <tr style="width: 100%">
                    <td style="width: 10%"><span class='label-block'>&nbsp;สาเหตุที่ลาออก</span></td>
                    <td style="width: 40%" colspan="9">
                        <input type='text' class='no-border fullwidth' disabled
                               value='{{ job.reason }}'/>
                    </td>
                </tr>
            </table>
            <br/>
            <table style="width: 100%" class='table-border tr-border td-border th-border fulltable'>
                <thead>
                <tr style="width: 100%" height="30">
                    <td class='header-block text-center margin-bottom' style="background-color: #e6e6e6"
                        colspan="9">
                        อธิบายลักษณะงานที่เคยทำผ่านมา / ลักษณะงานที่ทำได้
                    </td>
                </tr>
                </thead>
            </table>

            <table ng-repeat="job in applicant.jobexp.job" style="width: 100%">
                <tr style="width: 100%">
                    <td style="width: 100%">
                        <input type='text' class='no-border fullwidth' disabled
                               value='{{$index+1}}. {{ job.description }}'/>
                    </td>
                </tr>
            </table>
            <br/>
            <table style="width: 100%" class='table-border tr-border td-border th-border fulltable'>
                <thead>
                <tr class='header-block text-center margin-bottom' style="background-color: #e6e6e6">
                    <td width="40%" class='text-center'>ประวัติการฝึกอบรม</td>
                    <td width="20%" class='text-center'>จัดโดย</td>
                    <td width="20%" class='text-center'>ปี พ.ศ.</td>
                    <td width="20%" class='text-center'>ระยะเวลา</td>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat='item in applicant.jobexp.training'>
                    <td>&nbsp{{$index+1}}. {{ item.name }}</td>
                    <td class='text-center'>{{ item.by }}</td>
                    <td class='text-center'>{{ item.start | date:'dd/MM/yyyy' }}
                    </td>
                    <td class='text-center'>{{ item.start | date:'dd/MM/yyyy' }} - {{ item.end |
                        date:'dd/MM/yyyy' }}
                    </td>
                </tr>

                <tr ng-repeat='i in getNumber(5 -  applicant.jobexp.training.length) track by $index'>
                    <td>&nbsp{{$index+1+applicant.jobexp.training.length}}.</td>
                    <td class='text-center'></td>
                    <td class='text-center'></td>
                    <td class='text-center'></td>
                </tr>
                </tbody>

            </table>
            <br/>

            <table style="width: 100%" class='table-border tr-border td-border th-border fulltable'>
                <thead>
                <tr style="width: 100%" height="30">
                    <td class='header-block text-center margin-bottom' style="background-color: #e6e6e6"
                        colspan="9">
                        บุคคลที่อ้านอิง (ให้ระบุบุคคลที่ไม่ใช่ญาติพี่น้อง หรือนายจ้างเดิม
                        ซึ่งสามารถสอบถามและให้คำรับรองได้)
                    </td>
                </tr>
                <tr>
                    <td width="25%" class='text-center'>ชื่อ-สกุล</td>
                    <td width="15%" class='text-center'>ความสัมพันธ์</td>
                    <td width="15%" class='text-center'>ตำแหน่ง</td>
                    <td width="45%" class='text-center'>ที่ติดต่อ / โทรศัพท์</td>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat='item in applicant.family.reference'>
                    <td>&nbsp{{$index+1}}. {{ item.name }}</td>
                    <td class='text-center'> -</td>
                    <td class='text-center'>{{ item.jobtitle }}</td>
                    <td class='text-center'>{{ item.companyname }} / {{ item.phone }}</td>
                </tr>

                <tr ng-repeat='i in getNumber(3 -  applicant.jobexp.training.length) track by $index'>
                    <td>&nbsp{{$index+1+applicant.jobexp.training.length}}.</td>
                    <td class='text-center'></td>
                    <td class='text-center'></td>
                    <td class='text-center'></td>
                    <td class='text-center'></td>
                </tr>
                </tbody>
            </table>
            <br/>
            <table style="width: 100%">
                <tr>
                    <td>
                        <span style="font-weight: bold">ข้อมูลเพิ่มเติม</span>
                        <span>ให้ผู้สมัครงานกรอกเพื่อให้บริษัทฯ รู้จักท่านดียิ่งขึ้น รวมถึงการแสดงความสามารถอื่น ๆ
                        <br/>ที่จะก่อให้เกิดประโยชน์ต่อการสมัครงานครั้งนี้ อาทิ ความสำเร็จที่ผ่านมา หรือลักษณะ ความรู้หรือความสามารถพิเศษ<br/>ที่เกี่ยวข้องกับงาน ซึ่งท่านถนัดและสนใจมากที่สุด</span>
                    </td>
                </tr>
                <tr>
                    <td class='text-left'> -</td>
                </tr>
            </table>

            <div class="break-footer"></div>

            <div class='row'>
                <table style="width: 100%" class='table-border tr-border td-border th-border fulltable'>
                    <thead>
                    <tr style="width: 100%" height="30">
                        <td class='header-block text-center margin-bottom' style="background-color: #e6e6e6"
                            colspan="9">
                            ประวัติทั่วไป
                        </td>
                    </tr>
                    </thead>
                </table>
            </div>

            <table>
                <tr style="width: 100%">
                    <td style="width:25%"><span
                            class='label-block'>&nbsp;การเป็นพนักงานของบริษัท ฯ นี้ท่าน</span></td>
                    <td style="width:10%">
                        <input type='checkbox' disabled/>
                        <chkFont> ไม่เคย</chkFont>
                    </td>
                    <td style="width:10%">
                        <input type='checkbox' disabled/>
                        <chkFont> เคย</chkFont>
                    </td>
                    <td style="width: 10%"><span class='label-block'>&nbsp;ตำแหน่ง</span></td>
                    <td style="width: 15%">
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='-'/>
                    </td>

                    <td style="width: 10%"><span class='label-block'>&nbsp;ระยะเวลา</span></td>
                    <td style="width: 10%">
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='-'/>
                    </td>
                    <td style="width: 10%"><span class='label-block'>&nbsp;เดือน/ปี</span></td>
                </tr>

                <tr style="width: 100%">
                    <td><span
                            class='label-block'>&nbsp;การรู้จักพนักงานในบริษัท ฯ นี้ท่าน</span></td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.other.referee_group.length == 0' disabled/>
                        <chkFont> ไม่รู้</chkFont>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.other.referee_group.length > 0' disabled/>
                        <chkFont> รู้</chkFont>
                    </td>
                    <td><span class='label-block'>&nbsp;ชื่อ-สกุล</span></td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='{{applicant.other.referee_group.name && applicant.other.referee_group.lname}}'/>
                    </td>

                    <td><span class='label-block'>&nbsp;ตำแหน่ง</span></td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='{{applicant.other.referee_group.position}}'/>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td><span
                            class='label-block'>&nbsp;การเป็นสมาชิกของชมรม / สหภาพ / สโมสร ท่าน</span>
                    </td>
                    <td>
                        <input type='checkbox' disabled/>
                        <chkFont> ไม่เคย</chkFont>
                    </td>
                    <td>
                        <input type='checkbox' disabled/>
                        <chkFont> เคย</chkFont>
                    </td>
                    <td><span class='label-block'>&nbsp;ชื่อสถาบัน</span></td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='-'/>
                    </td>

                    <td><span class='label-block'>&nbsp;ตำแหน่ง</span></td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='-'/>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td><span class='label-block'>&nbsp;การทำงานเป็นกะ ท่าน</span></td>
                    <td>
                        <input type='checkbox' disabled/>
                        <chkFont> ทำได้</chkFont>
                    </td>
                    <td>
                        <input type='checkbox' disabled/>
                        <chkFont> ทำไม่ได้</chkFont>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td><span
                            class='label-block'>&nbsp;การทำงานล่วงเวลาตามลักษณะงาน ท่าน</span></td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.other.overtime.status' disabled/>
                        <chkFont> ทำได้</chkFont>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='!applicant.other.overtime.status' disabled/>
                        <chkFont> ทำไม่ได้</chkFont>
                    </td>

                    <td><span class='label-block'>&nbsp;เพราะ</span></td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='{{applicant.other.overtime.explain}}'/>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td><span class='label-block'>&nbsp;การอุปสมบท ท่าน</span></td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.other.ordination'  disabled/>
                        <chkFont> ยัง</chkFont>
                    </td>
                    <td colspan="2">
                        <input type='checkbox' ng-checked='!applicant.other.ordination'  disabled/>
                        <chkFont> อุปสมบทแล้ว</chkFont>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td><span
                            class='label-block'>&nbsp;การไปประกอบพิธีฮัจย์ในต่างประเทศ ท่าน</span></td>
                    <td>
                        <input type='checkbox' ng-checked='!applicant.other.hajj' disabled/>
                        <chkFont> ไม่ไป</chkFont>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.other.hajj' disabled/>
                        <chkFont> ไป</chkFont>
                    </td>
                    <td><span class='label-block'>&nbsp;จำนวน</span></td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='-'/>
                    </td>
                    <td><span class='label-block'>&nbsp;ครั้ง / ปี</span></td>
                    <td><span class='label-block'>&nbsp;โดยไปที่ประเทศ</span></td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='-'/>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td><span class='label-block'>&nbsp;การถูกฟ้องร้อง / อยู่ในระหว่างพิจารณาคดีของศาล ท่าน</span>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='!applicant.other.policecapture.status' disabled/>
                        <chkFont> ไม่</chkFont>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.other.policecapture.status' disabled/>
                        <chkFont> มี</chkFont>
                    </td>
                    <td colspan="2"><span class='label-block'>&nbsp;คดีแพ่ง / อาญา เรื่อง</span></td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='{{applicant.other.policecapture.explain}}'/>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td><span class='label-block'>&nbsp;ต้องโทษคดีอาญา ท่าน</span></td>
                    <td>
                        <input type='checkbox' ng-checked='!applicant.other.policecapture.status' disabled/>
                        <chkFont> ไม่เคย</chkFont>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.other.policecapture.status' disabled/>
                        <chkFont> เคย</chkFont>
                    </td>
                    <td><span class='label-block'>&nbsp;คดี</span></td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='{{applicant.other.policecapture.explain}}'/>
                    </td>
                    <td><span class='label-block'>&nbsp;โทษที่ได้รับ</span></td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='{{applicant.other.policecapture.explain}}'/>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td><span class='label-block'>&nbsp;การดื่มสุรา ท่าน</span></td>
                    <td>
                        <input type='checkbox' ng-checked='!applicant.other.drinkalcohol' disabled/>
                        <chkFont> ไม่ดื่ม</chkFont>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.other.drinkalcohol' disabled/>
                        <chkFont> ดื่ม</chkFont>
                    </td>
                    <td><span class='label-block'>&nbsp;การสูบบุหรี่ ท่าน</span></td>
                    <td>
                        <input type='checkbox' disabled/>
                        <chkFont> ไม่สูบ</chkFont>
                    </td>
                    <td>
                        <input type='checkbox' disabled/>
                        <chkFont> สูบ</chkFont>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td><span class='label-block'>&nbsp;โรคประจำตัว ท่าน</span></td>
                    <td>
                        <input type='checkbox' ng-checked='!applicant.other.health.status' disabled/>
                        <chkFont> ไม่มี</chkFont>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.other.health.status' disabled/>
                        <chkFont> มี</chkFont>
                    </td>
                    <td><span class='label-block'>&nbsp;โรค</span></td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='{{applicant.other.health.explain}}'/>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td><span
                            class='label-block'>&nbsp;ขณะนี้ท่านตั้งครรภ์อยู่หรือไม่ ท่าน</span></td>
                    <td>
                        <input type='checkbox' ng-checked='!applicant.other.pregnant.status'  disabled/>
                        <chkFont> ไม่ใช่</chkFont>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.other.pregnant.status' disabled/>
                        <chkFont> ใช่</chkFont>
                    </td>
                    <td><span class='label-block'>&nbsp;อายุครรภ์</span></td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='{{applicant.other.pregnant.months}}'/>
                    </td>
                    <td><span class='label-block'>&nbsp;เดือน</span></td>
                </tr>

                <tr style="width: 100%">
                    <td><span
                            class='label-block'>&nbsp;การเจ็บป่วยหนัก / อุบัติเหตุ ท่าน</span></td>
                    <td>
                        <input type='checkbox' ng-checked='!applicant.other.health.status' disabled/>
                        <chkFont> ไม่เคย</chkFont>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.other.health.status' disabled/>
                        <chkFont> เคย</chkFont>
                    </td>
                    <td><span class='label-block'>&nbsp;โรค / อุบัติเหตุ</span></td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='{{applicant.other.health.explain}}'/>
                    </td>
                    <td><span class='label-block'>&nbsp;เมื่อ ปี พ.ศ.</span></td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='-'/>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td><span class='label-block'>&nbsp;การค้ำประกันการทำงาน (บุคคล และ/หรือ เงินสด) ท่าน</span>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='!applicant.other.gurantees' disabled/>
                        <chkFont> ไม่ได้</chkFont>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.other.gurantees' disabled/>
                        <chkFont> ได้</chkFont>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td><span
                            class='label-block'>&nbsp;ท่านตั้งใจจะทำงานกับบริษัทฯ ที่</span></td>
                    <td colspan="2">
                        <input type='checkbox' disabled/>
                        <chkFont> สำนักงานสุรวงศ์</chkFont>
                    </td>
                    <td>
                        <input type='checkbox' disabled/>
                        <chkFont> โรงงาน 1</chkFont>
                    </td>
                    <td>
                        <input type='checkbox' disabled/>
                        <chkFont> โรงงาน 2</chkFont>
                    </td>
                    <td colspan="3">
                        <input type='checkbox' disabled/>
                        <chkFont> ศูนย์คลังสินค้าและบริการ</chkFont>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td colspan="3"><span class='label-block'>&nbsp;กรณีบริษัทฯ ตกลงรับเท่านเข้าทำงาน ท่านพร้อมที่จะเริ่มงานได้ภายใจ</span>
                    </td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='-'/>
                    </td>
                    <td><span class='label-block'>&nbsp;วัน / เดือน</span></td>
                </tr>
            </table>
            <br/>

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

            <div class='col-xs-11 col-md-11'>
                    <span>ข้าพเจ้าขอรับรองว่าข้อความและรายละเอียดต่าง ๆ ที่ได้ให้ไว้ข้างต้นนี้เป็นความจริงทุกประการ และข้าพเจ้ายินดีให้ทางบริษัทฯ
                                ตรวจสอบข้อความต่าง ฯ ได้ และถ้าหากตรวจพบว่าข้อความใดเป็นเท็จก็ให้ทางบริาัทฯ ถือเป็นสาเหตุการบอกยกเลิกการว่าจ้างข้าพเจ้าได้ทันทีโดยไม่ต้องจ่าย
                                ค่าชดเชยใด ๆ ทั้งสิ้น รวมถึงในกรณีที่ข้าพเจ้าได้สร้างสรรค์งานอันมีลิขสิทธิ์ประเภทใด ๆ ขึ้นในฐานะลูกจ้างประเภททดลองงานก็ดี และ / หรือ ในฐานะพนักงาน
                                ประจำซึ่งได้รับการบรรจุแล้วก็ดี ให้ถือว่าลิขสิทธิ์ในงาานที่ได้สร้างสรรค์ขึ้นทั้งหมดเป็นของบริษัทฯ ซึ่งเป็นนายจ้างทั้งสิ้น ทั้งนี้ไม่ว่าข้าพเจ้าจะพ้นสภาพการเป็น
                                ลูกจ้างประเภททดลองงาน หรือพนักงานประจำของบริษัทฯ ไปแล้วหรือไม่ก็ตาม</span>
            </div>

            <div class='col-xs-12 col-md-12'>
            </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='row'>
                <table style="width: 100%">
                    <tr>
                        <td>
                            &emsp;
                        </td>
                    </tr>
                </table>
            </div>

            <div class='row'>
                <table style="width: 100%" class='table-border tr-border td-border th-border fulltable'>
                    <thead>
                    <tr style="width: 100%" height="30">
                        <td class='header-block text-center margin-bottom' style="background-color: #e6e6e6"
                            colspan="9">
                            สำหรับเจ้าหน้าที่เท่านั้น
                        </td>
                    </tr>
                    </thead>
                </table>
            </div>

            <div class='row'>
                <table>
                    <tr style="width: 100%">
                        <td style="width:5%">
                            <span> </span>
                        </td>
                        <td style="width:5%">
                            <input type='checkbox' disabled/>
                        </td>
                        <td style="width:10%"><chkFont class='label-block'>&nbsp;รูปถ่าย</chkFont>
                        </td>
                        <td style="width: 15%">
                            <input type='text' class='no-border fullwidth text-center' disabled
                                   value='-'/>
                        </td>
                        <td style="width:10%">
                            <span> ใบ</span>
                        </td>
                        <td style="width:55%">
                            <span> </span>
                        </td>
                    </tr>

                    <tr style="width: 100%">
                        <td style="width:5%">
                            <span> </span>
                        </td>
                        <td style="width:5%">
                            <input type='checkbox' disabled/>
                        </td>
                        <td style="width:15%"><chkFont class='label-block'>&nbsp;สำเนาบัตรประชาชน</chkFont>
                        </td>
                        <td style="width:10%">
                            <span> </span>
                        </td>
                        <td style="width:10%">
                            <span> </span>
                        </td>
                        <td style="width:55%">
                            <span> </span>
                        </td>
                    </tr>

                    <tr style="width: 100%">
                        <td style="width:5%">
                            <span> </span>
                        </td>
                        <td style="width:5%">
                            <input type='checkbox' disabled/>
                        </td>
                        <td style="width:15%"><chkFont class='label-block'>&nbsp;สำเนาทะเบียนบ้าน</chkFont>
                        </td>
                        <td style="width:10%">
                            <span> </span>
                        </td>
                        <td style="width:10%">
                            <span> </span>
                        </td>
                        <td style="width:55%">
                            <span> </span>
                        </td>
                    </tr>

                    <tr style="width: 100%">
                        <td style="width:5%">
                            <span> </span>
                        </td>
                        <td style="width:5%">
                            <input type='checkbox' disabled/>
                        </td>
                        <td style="width:15%"><chkFont class='label-block'>&nbsp;สำเนาหลักฐานการศึกษา</chkFont>
                        </td>
                        <td style="width:10%">
                            <span> </span>
                        </td>
                        <td style="width:10%">
                            <span> </span>
                        </td>
                        <td style="width:55%">
                            <span> </span>
                        </td>
                    </tr>

                    <tr style="width: 100%">
                        <td style="width:5%">
                            <span> </span>
                        </td>
                        <td style="width:5%">
                            <input type='checkbox' disabled/>
                        </td>
                        <td style="width:15%"><chkFont class='label-block'>&nbsp;สำเนาหลักฐานทางราชการทหาร</chkFont>
                        </td>
                        <td style="width:10%">
                            <span> </span>
                        </td>
                        <td style="width:10%">
                            <span> </span>
                        </td>
                        <td style="width:55%">
                            <span> </span>
                        </td>
                    </tr>
                    <tr style="width: 100%">
                        <td style="width:5%">
                            <span> </span>
                        </td>
                        <td style="width:5%">
                            <input type='checkbox' disabled/>
                        </td>
                        <td style="width:15%"><chkFont class='label-block'>&nbsp;สำเนาใบผ่านงาน (ถ้ามี)</chkFont>
                        </td>
                        <td style="width:10%">
                            <span> </span>
                        </td>
                        <td style="width:10%">
                            <span> </span>
                        </td>
                        <td style="width:55%">
                            <span> </span>
                        </td>
                    </tr>

                    <tr style="width: 100%">
                        <td style="width:5%">
                            <span> </span>
                        </td>
                        <td style="width:5%">
                            <input type='checkbox' disabled/>
                        </td>
                        <td style="width:15%"><chkFont class='label-block'>&nbsp;เอกสารอื่นๆ ประกอบ (ถ้ามี)</chkFont>
                        </td>
                        <td style="width:20%" colspan="3">
                            <input type='text' class='no-border fullwidth text-center' disabled
                                   value='-'/>
                        </td>
                        <td style="width:55%">
                            <span> </span>
                        </td>
                    </tr>
                </table>
            </div>
            <br/>
        </tr>
        </tbody>
    </table>

</section>
<center>
    <a ng-click='print()' class='btn-print'>print</a>
</center>
</body>
</html>