<!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 }*/

        thead {
            border: 1px solid black;
        }

        /*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>
        <div class="page-border">
            <div class='header-zone'>
                <div class='logo'>
                    <img src='../IMAGES/RECRUIT_LOGO/logo_sena.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-header'>
                <div class='row'>
                    <div>
                        <table style="width: 100%">
                            <tbody>
                            <tr style="width: 100%">
                                <td style="width:1%" height="50"></td>
                                <td style="width:19%"><span class='label-block'>วันที่สามารถเริ่มงาน</span></td>
                                <td style="width:30%"><input type='text' class='no-border fullwidth'
                                                             value='{{ applicant.personal.dateavailable |ddmmyyyyDate }}'
                                                             disabled/></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.salary_expect }}'/></td>
                                <td style="width:10%"><span class='label-block'>บาท/เดือน</span></td>
                            </tr>
                            <tr style="width: 100%">
                                <td style="width:1%"></td>
                                <td style="width:20%"><span class='label-block'>ตำแหน่งที่สมัคร</span></td>
                                <td style="width:80%" colspan="4">
                                    <input type='text' class='no-border fullwidth' master-jobcode
                                           code="{{ applicant.jobid }}" disabled/>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

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

                <div class='row'>

                    <div>
                        <table style="width: 100%">
                            <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 }} {{ applicant.personal.lname.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.fname.eng }} {{ applicant.personal.lname.eng }}'/>
                                </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.personal.nickname.tha }}'/>
                                </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.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: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>
                                <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>
                            </tbody>
                        </table>
                    </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 style="font-size: 12px">
                        <td class='text-center'>อายุ</td>
                        <td class='text-center'>ส่วนสูง</td>
                        <td class='text-center'>น้ำหนัก</td>
                    </tr>
                    </thead>
                    <tbody>
                    <tr style="font-size: 12px">
                        <td class='text-center'>{{getCurrentAge(applicant.personal.birthdate)}}</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'>
                <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%">
                        <td style="width:1%" height="40"></td>
                        <td><span class='label-block'>วัน/เดือน/ปี เกิด</span></td>
                        <td>
                            <input type='text' class='no-border fullwidth text-center'
                                   value='{{ applicant.personal.birthdate | ddmmyyyyDate }}' disabled/>
                        </td>
                        <td><span class='label-block text-right'>เชื้อชาติ</span></td>
                        <td>
                            <input type='text' class='no-border fullwidth text-center' master-nationality
                                   code='{{ applicant.personal.nationalityid }}'
                                   disabled/>
                        </td>
                        <td><span class='label-block text-right'>สัญชาติ</span></td>
                        <td>
                            <input type='text' class='no-border fullwidth text-center' master-race
                                   code='{{ applicant.personal.raceid }}' disabled/>
                        </td>
                        <td><span class='label-block text-right'>ศาสนา</span></td>
                        <td>
                            <input type='text' class='no-border fullwidth text-center' master-religion
                                   code='{{ applicant.personal.religionid }}'
                                   disabled/>
                        </td>
                    </tr>
                    <tr style="width: 100%">
                        <td style="width:1%" height="40"></td>
                        <td><span class='label-block'>เพศ</span></td>
                        <td style="font-size: 12px">
                            <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/> หญิง
                        </td>
                        <td><span class='label-block text-right'>บัตรประชาชนเลขที่</span></td>
                        <td>
                            <input type='text' class='no-border fullwidth text-center' disabled
                                   value='1629900187485'/>
                        </td>
                        <td><span class='label-block text-right'>ออก ณ เขต</span></td>
                        <td>
                            <input type='text' class='no-border fullwidth text-center' disabled
                                   value='{{ applicant.personal.identification.issue_amp }}'/>
                        </td>
                        <td><span class='label-block text-right'>วันที่หมดอายุ</span></td>
                        <td>
                            <input type='text' class='no-border fullwidth text-center' disabled
                                   value='{{ applicant.personal.identification.pinend | ddmmyyyyDate }}'/>
                        </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%" colspan="2"><span class='label-block'>สถานภาพ</span></td>
                                <td style="width:15%">
                                    <input type='checkbox' ng-model='applicant.personal.status'
                                           ng-checked='applicant.personal.status == "S"' disabled/><span
                                        style="font-size: 12px"> โสด</span>
                                </td>
                                <td style="width:20%">
                                    <input type='checkbox' ng-model='applicant.personal.status'
                                           ng-checked='applicant.personal.status == "M"' disabled/><span
                                        style="font-size: 12px"> สมรส</span>
                                </td>
                                <td style="width:15%">
                                    <input type='checkbox' ng-model='applicant.personal.status'
                                           ng-checked='applicant.personal.status == "D"' disabled/><span
                                        style="font-size: 12px"> หย่าร้าง</span>
                                </td>
                                <td style="width:15%">
                                    <input type='checkbox' ng-model='applicant.personal.status'
                                           ng-checked='applicant.personal.status == "W"' disabled/><span
                                        style="font-size: 12px"> หม้าย</span>
                                </td>
                                <td style="width:15%"></td>
                            </tr>

                            <tr style="width: 100%">
                                <td style="width:1%" height="40"></td>
                                <td style="width:19%" colspan="2"><span class='label-block'>สถานะทางทหาร</span></td>
                                <td style="width:15%">
                                    <input type='checkbox' ng-model='applicant.personal.military.status'
                                           ng-checked='applicant.personal.military.status == "1"' disabled/><span
                                        style="font-size: 12px"> ปลดประจำการ</span>

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

                                    <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/><span
                                        style="font-size: 12px"> ได้รับการยกเว้น</span>

                                </td>
                                <td style="width:15%"></td>
                            </tr>
                        </table>


                        <table style="width: 100%">
                            <tr style="width: 100%">
                                <td style="width:1%" height="40"></td>
                                <td colspan="1"><span class='label-block'>ได้รับการยกเว้นเนื่องจาก</span></td>
                                <td colspan="5">
                                    <input type='text' class='no-border fullwidth' value='' disabled/>
                                </td>
                                <td></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:15%">
                                    <input type='text' class='no-border fullwidth text-center'
                                           value='{{ $scope.marryprop.job }}' 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=' {{ $scope.marryprop.childnum }}' disabled/>
                                </td>
                                <td style="width:5%"><span class='label-block'>คน</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.office }}'
                                           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='{{ $scope.marryprop.position }}' disabled/>
                                </td>
                                <td style="width:10%"><span class='label-block text-right'>โทรศัพท์</span></td>
                                <td style="width:20%" colspan="2">
                                    <input type='text' class='no-border fullwidth text-center'
                                           value='{{ $scope.marryprop.phone }}' disabled/>
                                </td>
                            </tr>
                        </table>

                    </tr>
                    </tbody>

                </table>
            </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>
                <tr style="width: 100%" height="30">
                    <td class='text-center tr-size'>ชื่อ-สกุล</td>
                    <td class='text-center tr-size'>ความสัมพันธ์</td>
                    <td class='text-center'>อายุ</td>
                    <td class='text-center'>อาชีพ</td>
                    <td class='text-center'>ชื่อบริษัท ห้างร้าน/ที่อยู่ (ที่ทำงาน/สถานที่ทำงาน/บ้าน)</td>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat='family in applicant.family.family' style="width: 100%">
                    <td  width="30%">&nbsp{{$index+1}}. {{ family.fname }} {{ family.lname}}</td>
                    <td  width="10%" class='text-center'>
                        <master-relation code="{{family.relation}}"></master-relation>
                    </td>
                    <td  width="10%" class='text-center'>{{ family.age }}</td>
                    <td  width="20%" class='text-center'>{{ family.occupation }}</td>
                    <td  width="30%" class='text-center'>{{ family.workplace }}</td>
                </tr>
                <tr ng-repeat='i in getNumber(9 -  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>
                </tbody>
            </table>

            <table style="width: 100%">
                <tr style="width: 100%">
                    <td style="width:1%" height="50"></td>
                    <td style="width:14%"><span class='label-block'>กรณีฉุกเฉินติดต่อคุณ</span></td>
                    <td style="width:30%">
                        <input type='text' class='no-border fullwidth' value='{{  }}' disabled/>
                    </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='{{  }}' 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>
                </tr>

                <tr style="width: 100%">
                    <td style="width:1%" height="50"></td>
                    <td style="width:14%"><span class='label-block'>สถานที่ทำงาน</span></td>
                    <td style="width:30%" colspan="3">
                        <input type='text' class='no-border fullwidth' value='{{  }}' disabled/>
                    </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='{{  }}' disabled/>
                    </td>
                </tr>
            </table>
        </div>

        <div class="page-border">
            <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 style="font-size: small">(เรียงจากปัจจุบันลงมาตามลำดับ)</span></td>
                </tr>
                </thead>
                <%--<div ng-repeat="job in applicant.jobexp.job">--%>
                <%--<table class='table-border tr-border td-border th-border fulltable '>--%>
                    <table ng-repeat="job in applicant.jobexp.job" class='table-border tr-border td-border th-border fulltable '>

                        <thead>
                        <tr>
                            <td width="60%" class='text-center' rowspan="2" colspan="4">ชื่อสถานที่ทำงาน / ที่ตั้ง</td>
                            <td width="20%" class='text-center' rowspan="2">ตำแหน่งงานล่าสุด</td>
                            <td width="20%" class='text-center' colspan="2">ระยะเวลา (เดือน/ปี)</td>
                        </tr>
                        <tr>
                            <td width="10%" class='text-center'>เริ่มต้น</td>
                            <td width="10%" class='text-center'>สิ้นสุด</td>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td width="25%" class="body-bg">&nbsp{{$index+1}}. ชื่อที่ทำงาน</td>
                            <td width="35%" colspan="3">{{ job.companyname }}</td>
                            <td width="20%" class='text-center' rowspan="2">{{ job.title }}</td>
                            <td width="10%" class='text-center' rowspan="2">{{ job.start | date:'dd/MM/yyyy' }}</td>
                            <td width="10%" class='text-center' rowspan="2">{{ job.end | date:'dd/MM/yyyy' }}</td>
                        </tr>
                        <tr>
                            <td width="25%" class="body-bg text-center">ที่ตั้ง</td>
                            <td width="25%"></td>
                            <td width="5%" class="body-bg">โทร</td>
                            <td width="5%"></td>
                        </tr>
                        <tr>
                            <td width="60%" class='text-center body-bg' colspan="2">หน้าที่ความรับผิดชอบครั้งสุดท้ายโดยสังเขป</td>
                            <td width="10%" class='text-center body-bg' colspan="2">เงินเดือนล่าสุด</td>
                            <td width="15%" class='text-center body-bg'>ชื่อผู้บังคับบัญชา</td>
                            <td width="15%" class='text-center body-bg' colspan="2">สาเหตุที่ลาออก</td>
                        </tr>
                        <tr>
                            <td width="60%" rowspan="3" colspan="2">{{ job.description }}</td>
                            <td width="10%" class='text-center' rowspan="3" colspan="2">{{ job.salary }}</td>
                            <td width="15%" class='text-center'> -</td>
                            <td width="15%" class='text-center' rowspan="3" colspan="2">{{ job.reason }}</td>
                        </tr>
                        <tr>
                            <td width="10%" class='text-center'>ตำแหน่งผู้บังคับบัญชา</td>
                        </tr>
                        <tr>
                            <td width="10%" class='text-center'> -</td>
                        </tr>

                        </tbody>
                    </table>
                    <br/>
                <%--</div>--%>

                <%--<div ng-repeat='i in getNumber(3 -  applicant.jobexp.job.length) track by $index'>--%>
                <%--<table class='table-border tr-border td-border th-border fulltable '>--%>
                <table ng-repeat='i in getNumber(3 -  applicant.jobexp.job.length) track by $index'  class='table-border tr-border td-border th-border fulltable '>
                    <thead>
                    <tr>
                        <td width="60%" class='text-center' rowspan="2" colspan="4">ชื่อสถานที่ทำงาน / ที่ตั้ง</td>
                        <td width="20%" class='text-center' rowspan="2">ตำแหน่งงานล่าสุด</td>
                        <td width="20%" class='text-center' colspan="2">ระยะเวลา (เดือน/ปี)</td>
                    </tr>
                    <tr>
                        <td width="10%" class='text-center'>เริ่มต้น</td>
                        <td width="10%" class='text-center'>สิ้นสุด</td>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td width="25%" class="body-bg">&nbsp{{$index + 1 + applicant.jobexp.job.length}}. ชื่อที่ทำงาน</td>
                        <td width="35%" colspan="3"></td>
                        <td width="20%" class='text-center' rowspan="2"></td>
                        <td width="10%" class='text-center' rowspan="2"></td>
                        <td width="10%" class='text-center' rowspan="2"></td>
                    </tr>
                    <tr>
                        <td width="25%" class="body-bg text-center">ที่ตั้ง</td>
                        <td width="25%"></td>
                        <td width="5%" class="body-bg">โทร</td>
                        <td width="5%"></td>
                    </tr>
                    <tr>
                        <td width="60%" class='text-center body-bg' colspan="2">หน้าที่ความรับผิดชอบครั้งสุดท้ายโดยสังเขป
                        </td>
                        <td width="10%" class='text-center body-bg' colspan="2">เงินเดือนล่าสุด</td>
                        <td width="15%" class='text-center body-bg'>ชื่อผู้บังคับบัญชา</td>
                        <td width="15%" class='text-center body-bg' colspan="2">สาเหตุที่ลาออก</td>
                    </tr>
                    <tr>
                        <td width="60%"  rowspan="3" colspan="2"></td>
                        <td width="10%" class='text-center' rowspan="3" colspan="2"></td>
                        <td width="15%" class='text-center'> -</td>
                        <td width="15%" class='text-center' rowspan="3" colspan="2"></td>
                    </tr>
                    <tr>
                        <td width="10%" class='text-center'>ตำแหน่งผู้บังคับบัญชา</td>
                    </tr>
                    <tr>
                        <td width="10%" class='text-center'> -</td>
                    </tr>
                    <tr>
                        <td colspan="7">
                            <br/>
                        </td>
                    </tr>
                    </tbody>

                </table>
                <br/>
                <%--</div>--%>

            </table>
        </div>

        <div class="page-border">
            <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="15%" class='text-center'>ระดับการศึกษา</td>
                    <td width="30%" class='text-center'>สถานศึกษา</td>
                    <td width="10%" class='text-center'>ปีการศึกษา</td>
                    <td width="25%" class='text-center'>วุฒิการศึกษา</td>
                    <td width="15%" class='text-center'>สาขา</td>
                    <td width="5%" class='text-center'>เกรด</td>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat='edu in applicant.education'>
                    <td>&nbsp{{$index+1}}.
                        <master-degree code="{{ edu.degreetype }}"></master-degree>
                    </td>
                    <td class='text-center'>{{ getInstituteName(edu.university) }}</td>
                    <td class='text-center'>{{ edu.yearstart }} - {{ edu.yearend }}</td>
                    <td class='text-center'>
                        <master-degree code="{{ edu.degreetype }}"></master-degree>
                    </td>
                    <td class='text-center'>{{ getMajorName(edu.major) }}</td>
                    <td class='text-center'>{{ 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>
                </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 rowspan="2" width="25%" class='text-center'>ความสามารถทางด้านโปรแกรมคอมพิวเตอร์</td>
                    <td rowspan="2" width="30%" class='text-center'>ระบุเครื่องใช้สำนักงานที่ท่านสามารถใช้เป็น</td>
                    <td rowspan="2" width="10%" class='text-center'>ภาษา</td>
                    <td colspan="4" width="25%" class='text-center'>ให้ระบุว่าได้หรือไม่ได้</td>
                </tr>
                <tr>
                    <td width="5%" class='text-center'>พูด</td>
                    <td width="5%" class='text-center'>อ่าน</td>
                    <td width="5%" class='text-center'>เขียน</td>
                    <td width="5%" class='text-center'>ฟัง</td>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat='item in applicant.skill.langskill'>
                    <td>&nbsp{{$index+1}}. -</td>
                    <td class='text-center'> -</td>
                    <td class='text-center'><master-language code="{{ item.name }}"></master-language></td>
                    <td class='text-center'>
                        <master-skilllevel code="{{ item.skill.speak }}"></master-skilllevel>
                    </td>
                    <td class='text-center'>
                        <master-skilllevel code="{{ item.skill.reading }}"></master-skilllevel>

                    </td>
                    <td class='text-center'>
                        <master-skilllevel code="{{ item.skill.write }}"></master-skilllevel>

                    </td>
                    <td class='text-center'>
                        <master-skilllevel code="{{ item.skill.listen }}"></master-skilllevel>
                    </td>
                </tr>

                <tr ng-repeat='i in getNumber(3 -  applicant.skill.langskill.length) track by $index'>
                    <td>&nbsp{{$index+1+applicant.skill.langskill.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>
            <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="50%" class='text-center'>ชื่อหลักสูตร</td>
                    <td width="30%" 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' }} - {{ item.end | date:'dd/MM/yyyy' }}
                    </td>
                </tr>

                <tr ng-repeat='i in getNumber(7 -  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>
                </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="25%" class='text-center'>สถานที่ทำงาน/ที่อยู่</td>
                    <td width="15%" class='text-center'>ตำแหน่ง</td>
                    <td width="20%" 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.companyname }}</td>
                    <td class='text-center'>{{ item.jobtitle }}</td>
                    <td class='text-center'>{{ 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 style="width: 100%">
                    <td style="width:1%" height="40"></td>
                    <td style="width: 14%"><span class='label-block'>กิจกรรมที่เคยทำ</span></td>
                    <td style="width: 85%" colspan="7">
                        <input type='text' class='no-border fullwidth' disabled
                               value='-'/>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td style="width:1%" height="40"></td>
                    <td style="width: 14%"><span class='label-block'>งานอดิเรก / กีฬา</span></td>
                    <td style="width: 85%" colspan="7">
                        <input type='text' class='no-border fullwidth' disabled
                               value='-'/>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td style="width:1%" height="40"></td>
                    <td style="width: 14%"><span class='label-block'>ความสามารถในการขับขี่</span></td>
                    <td style="width: 14%">
                        <input type='radio' name='driveAbilities' value="true"
                               ng-model='applicant.skill.vehicle.driving' disabled/><span style="font-size: 12px"> ขับขี่ได้</span>
                    </td>
                    <td style="width: 14%">
                        <input type='radio' name='driveAbilities' value="false"
                               ng-model='applicant.skill.vehicle.driving' disabled/><span style="font-size: 12px"> ขับขี่ไม่ได้</span>
                    </td>
                    <td><span class='label-block'>ใบอนุญาตขับขี่เลขที่</span></td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='-'/>
                    </td>
                    <td><span class='label-block'>ประเภท</span></td>
                    <td colspan="2">
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='-'/>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td style="width:1%" height="40"></td>
                    <td style="width: 14%"><span class='label-block'>มีพาหนะเป็นของตนเอง</span></td>
                    <td>
                        <input type='checkbox'
                               ng-checked='!(applicant.skill.vehicle.car.own || applicant.skill.vehicle.motorcycle.own)'
                               disabled/><span style="font-size: 12px"> ไม่มี</span>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.skill.vehicle.car.own' disabled/><span
                            style="font-size: 12px"> รถยนต์</span>
                    </td>
                    <td>
                        <span class='label-block'>ทะเบียนรถ</span>
                    </td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='{{applicant.skill.vehicle.car.number}}'/>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.skill.vehicle.motorcycle.own' disabled/><span
                            style="font-size: 12px"> มอเตอร์ไซค์</span>
                    </td>
                    <td><span class='label-block'>ทะเบียนรถ</span></td>
                    <td>
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='{{applicant.skill.vehicle.motorcycle.number}}'/>
                    </td>
                </tr>

                <tr style="width: 100%">
                    <td style="width:1%" height="40"></td>
                    <td style="width: 14%" colspan="2"><span class='label-block'>ท่านทราบข่าวการสมัครงานจาก</span></td>
                    <td style="width: 85%" colspan="6">
                        <input type='text' class='no-border fullwidth' disabled
                               master-sourcejob="" code='{{applicant.other.sourcejob}}'/>
                    </td>
                </tr>
            </table>

        </div>

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

        <div class="page-border">

            <%--<br>--%>



            <table style="width: 100%" class='table-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>
                <tbody>
                <tr height="50">
                    <td>
                        <span class='label-block'>คุณเคยต้องโทษทางแพ่ง หรือ อาญาหรือไม่?</span>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='!applicant.other.policecapture.status'/><span
                            style="font-size: 12px"> ไม่เคย</span>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.other.policecapture.status'/> <span
                            style="font-size: 12px"> เคย</span>
                    </td>
                    <td>
                        <span class='label-block'>ระบุ</span>
                    </td>
                    <td>
                        <input type='text' class='no-border fullwidth' disabled
                               value='{{applicant.other.policecapture.explain}}'/>
                    </td>
                </tr>

                <tr height="50">
                    <td>
                        <span class='label-block'>คุณเคยสมัครงานหรือทำงานกับบริษัทนี้มาก่อนหรือไม่?</span>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='!applicant.other.apply.status'/> <span
                            style="font-size: 12px"> ไม่เคย</span>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.other.apply.status'/> <span
                            style="font-size: 12px"> เคย</span>
                    </td>
                    <td>
                        <span class='label-block'>ตำแหน่ง</span>
                    </td>
                    <td>
                        <input type='text' class='no-border fullwidth' disabled
                               value='-'/>
                    </td>
                </tr>

                <tr height="50">
                    <td>
                        <span class='label-block'>คุณเคยป่วยหนักหรือเป็นโรคติดต่อร้ายแรงมาก่อนหรือไม่?</span>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='!applicant.other.health.status'/> <span
                            style="font-size: 12px"> ไม่เคย</span>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.other.health.status'/> <span
                            style="font-size: 12px"> เคย</span>
                    </td>
                    <td>
                        <span class='label-block'>ระบุ</span>
                    </td>
                    <td>
                        <input type='text' class='no-border fullwidth' disabled
                               value='{{applicant.other.health.explain}}'/>
                    </td>
                </tr>

                <tr height="50">
                    <td>
                        <span class='label-block'>ท่านจะอนุญาตให้บริษัทฯ สอบถามไปยังนายจ้างเดิมของท่านได้หรือไม่?</span>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.other.askoldcompany.status'/> <span
                            style="font-size: 12px"> ได้</span>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='!applicant.other.askoldcompany.status'/> <span
                            style="font-size: 12px"> ไม่ได้</span>
                    </td>
                    <td>
                        <span class='label-block'>เพราะ</span>
                    </td>
                    <td>
                        <input type='text' class='no-border fullwidth' disabled
                               value='-'/>
                    </td>
                </tr>

                <tr height="50">
                    <td>
                        <span class='label-block'>บุคคลในบริษัทที่ท่านรู้จัก?</span>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.other.referee_group.length == 0'/> <span
                            style="font-size: 12px"> ไม่มี</span>
                    </td>
                    <td>
                        <input type='checkbox' ng-checked='applicant.other.referee_group.length > 0'/> <span
                            style="font-size: 12px"> มี</span>
                    </td>
                    <td>
                        <span class='label-block'>ชื่อ</span>
                    </td>
                    <td>
                        <input type='text' class='no-border fullwidth' disabled
                               value='-'/>
                    </td>
                </tr>

                </tbody>
            </table>
            <br>

            <table style="width: 100%" class='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>
                <tbody>
                <tr height="50">
                    <td>
                        <input type='text' class='no-border fullwidth text-center' disabled
                               value='{{ applicant.other.otherdetail}}'/>
                    </td>
                </tr>
                </tbody>
            </table>

            <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>
    <%--</div>--%>

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