<div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12">
        <?php echo $this->Form->create('UserCrads', ['id' => 'frmSignIn', 'type' => 'file', 'onsubmit' => 'return check();']); ?>
        <div style="position: absolute;z-index: 2;">
            <a href="profile_setting"><img src="/img/core/img/setting-icon@3x.png"/></a>
        </div>
        <div style="text-align: center;">
            <input type="file" id="uploadProfile" class="profile-img form-control form-input Profile-input-file" name="data[UserProfiles][img_path]" >
        </div>
        <div class="bg-profile"></div>
        <!--<div class="col-xs-12 col-sm-12 col-md-12" style="padding-top: 20px;">-->
        <div class="form-group has-feedback">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <?php echo $this->Form->hidden('UserCards.user_id', ['class' => 'form-control-reg border-bottom-from label-text-sub required', 'id' => 'userId', 'type' => 'text', 'placeholder' => 'USERNAME']); ?>
                <?php echo $this->Form->hidden('UserCards.organize_id', ['class' => 'form-control-reg border-bottom-from label-text-sub required', 'id' => 'organize_id', 'type' => 'text', 'label' => __('ไอดีใช้งาน'), 'placeholder' => 'USERNAME', 'required']); ?>
                <?php echo $this->Form->input('UserCards.organize_code', ['class' => 'form-control-reg border-bottom-from label-text-sub required', 'id' => 'organize_code', 'type' => 'text', 'label' => __('Company Code'), 'placeholder' => 'Company Code', 'required']); ?>
                <label id = "nameorg_th" style="color: green"></label>
                <label id = "noorg_th" style="color: red"></label>
            </div>
        </div>
        <div class="form-group has-feedback">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <?php echo $this->Form->input('UserCards.employee', ['class' => 'form-control-reg border-bottom-from label-text-sub required', 'id' => 'employee', 'type' => 'text', 'label' => __('รหัสพนักงาน / รหัสนักศึกษา'), 'placeholder' => 'รหัสพนักงาน / รหัสนักศึกษา', 'disabled', 'required']); ?>
            </div>
        </div>
        <div class="form-group has-feedback bootstrap-iso">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <!-- <?php echo $this->Form->input('UserCards.birthdate', ['class' => 'form-control-reg border-bottom-from label-text-sub required', 'id' => 'birthdate', 'type' => 'daet', 'label' => __('วันเกิด'), 'placeholder' => '01/01/2000', 'disabled', 'required']); ?> -->
                <label class="label-text-sub"><?php echo __('วันเกิด');?></label>
                <input type="text" name="UserCards[birthdate]" id="date" placeholder="กรุณาระบุวันเดือนปีเกิด" value="" placeholder="DD-MM-YYYY" data-date-format="mm/dd/yyyy" class="form-control-reg border-bottom-from">
                <span class="glyphicon glyphicon-calendar form-control-feedback"></span>
            </div>
        </div>
        <div>
            <button type="submit" class="btn btn-quaternary mr-xs mb-sm button-text-profile">บันทึก</button>
        </div>
        <?php echo $this->Form->end(); ?>
    </div>
</div>
<script>
    var organize_id = document.getElementById("organize_id");
    var employee = document.getElementById("employee");
    var date = document.getElementById("date");
    $(document).ready(function() {
        $("#organize_code").on('change',function(){
            var organize_code = document.getElementById("organize_code").value
            alert(organize_code);
            $.post("/UserCards/checkOrg", {organize_code: organize_code}, function(data) {
                if(data!='false'){
                    data = jQuery.parseJSON(data);
                    console.log(data);
                    $("#nameorg_th").text(data[0]['org_name_th']);
                    $("#noorg_th").text('');
                    $("#employee").removeAttr("disabled");
                    $("#date").removeAttr("disabled");
                    organize_id.value = data[0]['id'];
                }else{
                    $("#noorg_th").text('ไม่พบข้อมูล');
                    $("#nameorg_th").text('');
                    $('#employee').attr("disabled",true);
                    $('#date').attr("disabled",true);
                    organize_id.value = '';
                    employee.value = '';
                    date.value = '';
                }
            });
        });
    });
    function check() {
        if (employee.value == '') {
            alert("รหัสพนักงาน / รหัสนักศึกษา");
            employee.focus();
            return false;
        }
        if (date.value == '') {
            alert("วันเกิด");
            date.focus();
            return false;
        }
    }
</script>
<script>
    $(document).ready(function(){
      var date_input=$('input[id="date"]'); //our date input has the name "date"
      var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
      var options={
        format: 'dd/mm/yyyy',
        container: container,
        todayHighlight: true,
        autoclose: true,
      };
      date_input.datepicker(options);
    })
</script>