<style>
.datepicker {
    z-index: 1110; /* must set here to let date picker display on top */
}
input[type=number] { 
    text-align: right; 
}
#contohdata {
  
    overflow-x: auto;
}
#equipmentData {
    display:block;
    overflow-x: auto;
}
</style>
<div class="form-horizontal">
   <div id="">
        <ul class="nav nav-tabs">
            <li style="display:none;"><a href="#job-centre-verify" data-toggle="tab">Verify</a></li>
            <li class="active"><a href="#job-centre-general" data-toggle="tab">Job</a></li>
            <li><a href="#job-centre-billing" data-toggle="tab">Billing</a></li>
            <li><a href="#job-centre-task" data-toggle="tab">Job Task</a></li>
        </ul>
       
        <div class="tab-content clearfix">
            <div class="tab-pane" id="job-centre-verify">
            <br>
                <div class="row">
                    <div class="col-md-6" style="<?php echo ($use_bu == 1 ? '' : 'display:none' ) ;?>">
                        
                        <label style="text-align:left;" for="cobCentreBUverif" class="col-sm-4 control-label">BU</label>
                        <div class="col-sm-7" >
                            <select id="cobCentreBU" class="form-control">
                                <?php echo $this->getCompanyOption(); ?>
                            </select>
                        </div>
                    </div>
                    
                </div>
                <br>
                <div class="row">
                    <div class="col-md-6">
                        <label style="text-align:left;" for="cobCentreCustCodeverif" class="col-sm-4 control-label">Customer Code</label>
                        <div class="col-sm-7">
                            <select id="cobCentreCustCodeverif" class="form-control" onchange="populateCustDetailverify();">
                                <?php echo $this->getCustomerOption(); ?>
                            </select>
                        </div>
                    </div>
                    
                </div>
                <br>
                <div class="row">
                    <div class="col-md-6">
                        <label style="text-align:left;" for="txtCentreCoyNameverif" class="col-md-4 control-label">Customer Name</label>
                        <div class="col-sm-7">
                             <input id="txtCentreCoyNameverif" maxlength="100" type="text" class="form-control" readonly>
                        </div>
                        <div class="col-sm-2" style="display:none;">
                            <input id="chkCentreActiveverif" type="checkbox" checked> Active
                        </div>
                    </div> 
                    <div class="col-md-6">
                        <label style="text-align:left;" for="cobCentreLocCodeverif" class="col-sm-4 control-label">Location Code</label>
                        <div class="col-sm-7">
                            <select id="cobCentreLocCodeverif" class="form-control" onchange="populateLocationDetailverify();">
                                <?php echo $this->getLocationAllOption(); ?>
                            </select>
                        </div>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-12">
                                <label style="text-align:left;" for="txtCentreLocContactNameverif" class="col-sm-4 control-label">Job Loc. Contact</label>
                                <div class="col-sm-7">
                                     <textarea style="resize:none;" id="txtCentreLocContactNameverif" maxlength="100" type="text" class="form-control" rows="1" readonly></textarea>
                                </div>
                            </div>
                            <div class="col-md-12">
                            <br>
                                    <i class="fa fa-phone col-sm-1" style="text-align:left;color:black;margin-top: 10px;"></i>
                                    <div class="col-sm-4">
                                        <input id="txtCentreLocContactPhoneverif" maxlength="100" type="text" class="form-control" readonly>
                                    </div>
                                    <i class="fa fa-envelope col-sm-1" style="text-align:left;color: black;margin-top: 10px;"></i>
                                    <div class="col-sm-5">
                                        <input id="txtCentreLocContactEmailverif" maxlength="100" type="text" class="form-control" readonly>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <label style="text-align:left;" for="txtCentreLocContactAddressverif" class="col-sm-4 control-label">Job Location Address</label>
                        <div class="col-sm-7">
                             <textarea id="txtCentreLocContactAddressverif" rows="4" type="text" class="form-control" readonly></textarea>
                        </div>
                    </div>
                </div>
               
                <div class="row" style="display:none">
                <div class="col-md-4" style="text-align: right; margin-bottom:30px;">
                       
                    <input id="search" maxlength="100" type="text" class="form-control" placeholder="Search....">
                        
                </div>
                </div>
                <div class="row" style="display:none">
                    
                    <div class="col-md-12">
                        <table class="table table-striped" id="contohdata">
                            <thead>
                                <th style="display: none">
                                    Product_id
                                </th>
                                <th style="display: none">
                                    Brand_id
                                </th>
                                <th style="display: none">
                                    Model_id
                                </th>

                                <th>
                                    Product
                                </th>
                                <th>
                                    Brand
                                </th>
                                <th>
                                    Model
                                </th>
                                <th>
                                    Serial Number
                                </th>
                                <th>
                                    Warranty <br>Start Date
                                </th>
                                <th>
                                    Warranty <br>End Date
                                </th>
                                <th>
                                    Ext. <br>Warranty <br>Start Date
                                </th>
                                <th>
                                    Ext. <br>Warranty <br>End Date
                                </th>
                                <th>
                                    Schedule Date
                                </th>
                                <th>
                                    <input id="chkSelectAll" type="checkbox" onchange="selectAllCheckbox()">
                                </th>
                            </thead>
                            <tbody id="contohdata-body">

                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row" style="display:none">
                    <div class="col-md-12" style="text-align: right; margin-top: 5%;">
                        <button title="Move to Job" onclick="return get_table_value();" id="btnMoveJob" class="btn btn-success">Move to Job</button>
                    </div>
                </div>
            </div>
            <div class="tab-pane active" id="job-centre-general">
                <br>
                <div class="row">
                    <div class="col-md-6" style="<?php echo ($use_bu == 1 ? '' : 'display:none' ) ;?>">
                        <label style="display:none;" for="txtCentreId" class="col-sm-2 control-label">ID</label>
                        <div class="col-sm-3" style="display:none;">
                             <input id="txtCentreId" maxlength="100" type="text" class="form-control" value="Auto" readonly>
                        </div>
                        <label style="text-align:left;" for="cobCentreBU" class="col-sm-4 control-label">BU</label>
                        <div class="col-sm-7">
                            <select id="cobCentreBU" class="form-control">
                                <?php echo $this->getCompanyOption(); ?>
                            </select>
                        </div>
                    </div>
                    
                </div>
                <br>
                <div class="row">
                <div class="col-md-6">
                        <label style="text-align:left;" for="cobCentreCustCode" class="col-sm-4 control-label">Customer Code</label>
                        <div class="col-sm-7">
                            <select id="cobCentreCustCode" class="form-control" onchange="populateCustDetail();">
                                <?php echo $this->getCustomerOption(); ?>
                            </select>
                        </div>
                    </div>
                    
                </div>
                <br>
                <div class="row">
                    <div class="col-md-6">
                        <label style="text-align:left;" for="txtCentreCoyName" class="col-md-4 control-label">Customer Name</label>
                        <div class="col-sm-7">
                             <input id="txtCentreCoyName" maxlength="100" type="text" class="form-control" readonly>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <label style="text-align:left;" for="cobCentreLocCode" class="col-sm-4 control-label">Location Code</label>
                        <div class="col-sm-7">
                            <select id="cobCentreLocCode" class="form-control" onchange="populateLocationDetail();">
                                <?php echo $this->getLocationAllOption(); ?>
                            </select>
                        </div>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-12">
                                <label style="text-align:left;" for="txtCentreLocContactName" class="col-sm-4 control-label">Job Loc. Contact</label>
                                <div class="col-sm-7">
                                     <textarea style="resize:none;" id="txtCentreLocContactName" maxlength="100" type="text" class="form-control" rows="1" readonly></textarea>
                                </div>
                            </div>
                            <div class="col-md-12">
                            <br>
                                    <i class="fa fa-phone col-sm-1" style="text-align:left;color:black;margin-top: 10px;"></i>
                                    <div class="col-sm-4">
                                        <input id="txtCentreLocContactPhone" maxlength="100" type="text" class="form-control" readonly>
                                    </div>
                                    <i class="fa fa-envelope col-sm-1" style="text-align:left;color: black;margin-top: 10px;"></i>
                                    <div class="col-sm-5">
                                        <input id="txtCentreLocContactEmail" maxlength="100" type="text" class="form-control" readonly>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <label style="text-align:left;" for="txtCentreLocContactAddress" class="col-sm-4 control-label">Job Location Address</label>
                        <div class="col-sm-7">
                             <textarea style="" id="txtCentreLocContactAddress" rows="4" type="text" class="form-control" readonly></textarea>
                        </div>
                    </div>
                </div>

                <hr/>
                <div class="row">
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-12">
                                <label style="text-align:left;" for="txtCentreJobNumber" class="col-sm-4 control-label">Job Number</label>
                                <div class="col-sm-5">
                                     <input id="txtCentreJobNumber" maxlength="100" type="text" class="form-control" value="Auto" readonly>
                                </div>
                                <div class="col-sm-3" >
                                    <input id="chkCentreActive" type="checkbox"> Complete
                                </div>
                            </div>
                            <div class="col-md-12">
                            <br>
                                <label style="text-align:left;" for="txtCentreJobType" class="col-sm-4 control-label">Job Type</label>
                                <div class="col-sm-7">
                                    <select id="txtCentreJobType" class="form-control">
                                        <?php echo $this->getJobTypeOption(); ?>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <br>
                                <label style="text-align:left;" for="txtCentreJobConfirmDate" class="col-sm-4 control-label">Job Confirm Date</label>
                                <div class="col-sm-7">
                                    <input id="txtCentreJobConfirmDate" maxlength="100" type="text" value="<?php echo date_create('now')->format('d/m/Y'); ?>" class="form-control">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">

                        <label style="text-align:left;" for="txtCentreJobName" class="col-sm-4 control-label">Quotation Number</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" disabled id="txtCentreQuotationNumber">
                        </div>
                    </div>
                    
                    <div class="col-md-6">
                    <br>
                        <label style="text-align:left;" for="txtCentreJobName" class="col-sm-4 control-label">Job Title</label>
                        <div class="col-sm-7">
                            <textarea id="txtCentreJobName" maxlength="100" type="text" class="form-control" rows="4"></textarea>
                        </div>
                    </div>
                </div>
                <br>
                <div class="row">
                    <!-- <div class="col-md-6">
                        <label style="text-align:left;" for="txtCentreJobConfirmDate" class="col-sm-4 control-label">Job Confirm Date</label>
                        <div class="col-sm-7">
                            <input id="txtCentreJobConfirmDate" maxlength="100" type="text" value="<?php echo date_create('now')->format('d/m/Y'); ?>" class="form-control">
                        </div>
                    </div> -->
                    <div class="col-md-6">
                        <label style="text-align:left;" for="txtCentreJobStartDate" class="col-sm-4 control-label">Job Start Date</label>
                        <div class="col-sm-7">
                            <input id="txtCentreJobStartDate" maxlength="100" type="text" value="<?php echo date_create('now')->format('d/m/Y'); ?>" class="form-control">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <label style="text-align:left;" for="txtCentreTotalMandays" class="col-sm-4 control-label">Total Mandays</label>
                        <div class="col-sm-7">
                            <input id="txtCentreTotalMandays" maxlength="100" type="text" class="form-control">
                        </div>
                    </div>
                </div>
                
                <div class="row" style="display:none;">
                    <div class="col-md-6">
                        <label style="text-align:left;" for="txtCentreProductType" class="col-sm-4 control-label">Product</label>
                        <div class="col-sm-7">
                            <select id="txtCentreProductType" class="form-control">
                                <option value='0'>-- Select a Product --</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <label style="text-align:left;" for="txtCentreBrand" class="col-sm-4 control-label">Brand</label>
                        <div class="col-sm-7">
                            <select id="txtCentreBrand" class="form-control" onchange="populateModelbyBrandAndLoc()">
                                <?php //echo $this->getBrand(); ?>
                                <option value='0'>-- Select a Brand --</option>
                            </select>
                        </div>
                    </div>
                </div>
             
                <div class="row" style="display:none;">
                    <div class="col-md-6">
                        <label style="text-align:left;" for="txtCentreModel" class="col-sm-4 control-label">Model</label>
                        <div class="col-sm-7">
                            <select id="txtCentreModel" class="form-control" onchange="populateSerialNumByBrandLocModel()">
                                <?php //echo $this->getModel(); ?>
                                <option value='0'>-- Select a Model --</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <label style="text-align:left;" for="txtCentreSerialNumber" class="col-sm-4 control-label">Serial Number</label>
                        <div class="col-sm-7">
                            <!-- <input id="txtCentreSerialNumber" maxlength="100" type="text" class="form-control"> -->
                            <select id="txtCentreSerialNumber" class="form-control">
                                <?php //echo $this->getModel(); ?>
                                <option value='0'>-- Select a Serial Number --</option>
                            </select>
                        </div>
                    </div>
                </div>
                <br>
                <div class="row">
                    <!-- <div class="col-md-6">
                        <label style="text-align:left;" for="txtCentreTotalMandays" class="col-sm-4 control-label">Total Mandays</label>
                        <div class="col-sm-7">
                            <input id="txtCentreTotalMandays" maxlength="100" type="text" class="form-control">
                        </div>
                    </div> -->
                    <div class="col-md-6" style="display:none;">
                        <label style="text-align:left;" for="txtCentreGrn" class="col-sm-4 control-label">Quotation Status</label>
                        <div class="col-sm-7">
                            <select id="txtCentreGrn" class="form-control">
                                
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row" style="display:none;">
                    <div class="col-md-6" style="margin-top: 20px;">
                        <label style="text-align:left;" class="col-sm-4 control-label"></label>
                        <div class="col-sm-7">
                            <button title="Move to Job" onclick="return showJobEquipment();" id="btnShowEqipment" class="btn btn-primary">Show Equipment</button>
                        </div>
                    </div>
                    <div class="col-sm-2" style="display: none" id="txtConsultantCombDiv">
                        <select id="txtConsultantComb" class="form-control txtConsultantComb">
                            <?php echo $this->getUserOption(); ?>
                        </select>
                    </div>
                </div>
            </div>
            <div class="tab-pane" id="job-centre-billing">
                <br>
                <div class="form-group">
                    <label style="text-align:left;padding-left: 50px;" for="txtCentreBillInt" class="col-sm-2 control-label">Billing Interval (%)</label>
                    <div class="col-sm-2">
                        <input id="txtCentreBillInt1" maxlength="3" type="text" class="form-control">
                    </div>
                    <div class="col-sm-2">
                         <input id="txtCentreBillInt2" maxlength="3" type="text" class="form-control">
                    </div>
                    <div class="col-sm-2">
                         <input id="txtCentreBillInt3" maxlength="3" type="text" class="form-control">
                    </div>
                    <div class="col-sm-2">
                         <input id="txtCentreBillInt4" maxlength="3" type="text" class="form-control">
                    </div>
                    <div class="col-sm-2">
                    </div>
                    <div class="col-sm-1">
                        <?php if($id==0) { ?>
                            <div>
                                <button title="Add Attachment" onclick="return addJobCentreDocsView(<?php echo $id ?>, this);" id="btnSysUpload" data-toggle="modal" class="btn btn-info">Upload</button>
                            </div>
                        <?php } else { ?>
                            <div>
                                <button title="Add Attachment" onclick="return showJobCentreDocsView(<?php echo $id ?>, this);" id="btnSysUpload" data-toggle="modal" class="btn btn-info">Upload</button>
                            </div>
                        <?php } ?>
                    </div>
                </div>
                <div class="form-group">
                    <label style="text-align:left;padding-left: 50px;" for="txtCentreBillAmt" class="col-sm-2 control-label">Billing Amount</label>
                    <div class="col-sm-2">
                         <input id="txtCentreBillAmt1" maxlength="100" type="text" class="form-control">
                    </div>
                    <div class="col-sm-2">
                         <input id="txtCentreBillAmt2" maxlength="100" type="text" class="form-control">
                    </div>
                    <div class="col-sm-2">
                         <input id="txtCentreBillAmt3" maxlength="100" type="text" class="form-control">
                    </div>
                     <div class="col-sm-2">
                         <input id="txtCentreBillAmt4" maxlength="100" type="text" class="form-control">
                    </div>
                </div>
                <div class="form-group">
                    <label style="text-align:left;padding-left: 50px;" for="txtBillDate" class="col-sm-2 control-label">Billing Month/Year</label>
                    <div class="col-sm-2">
                         <input id="txtBillDate1" maxlength="100" type="text" class="form-control" value="<?php echo date_create('now')->format('m/Y'); ?>">
                    </div>
                    <div class="col-sm-2">
                         <input id="txtBillDate2" maxlength="100" type="text" class="form-control" value="<?php echo date_create('now')->format('m/Y'); ?>">
                    </div>
                    <div class="col-sm-2">
                         <input id="txtBillDate3" maxlength="100" type="text" class="form-control" value="<?php echo date_create('now')->format('m/Y'); ?>">
                    </div>
                     <div class="col-sm-2">
                         <input id="txtBillDate4" maxlength="100" type="text" class="form-control" value="<?php echo date_create('now')->format('m/Y'); ?>">
                    </div>
                </div>
                <div class="form-group">
                    <label style="text-align:left;padding-left: 50px;" for="txtCentreBillMandays" class="col-sm-2 control-label">Billing Mandays</label>
                    <div class="col-sm-2">
                         <input id="txtCentreBillMandays1" maxlength="100" type="text" class="form-control">
                    </div>
                    <div class="col-sm-2">
                         <input id="txtCentreBillMandays2" maxlength="100" type="text" class="form-control">
                    </div>
                    <div class="col-sm-2">
                         <input id="txtCentreBillMandays3" maxlength="100" type="text" class="form-control">
                    </div>
                     <div class="col-sm-2">
                         <input id="txtCentreBillMandays4" maxlength="100" type="text" class="form-control">
                    </div>
                </div>
                <div class="form-group">
                    <label style="text-align:left;padding-left: 50px;" for="txtCentreInvoiceNo" class="col-sm-2 control-label">Invoice No</label>
                    <div class="col-sm-2">
                         <input id="txtCentreInvoiceNo1" maxlength="100" type="text" class="form-control">
                    </div>
                    <div class="col-sm-2">
                         <input id="txtCentreInvoiceNo2" maxlength="100" type="text" class="form-control">
                    </div>
                    <div class="col-sm-2">
                         <input id="txtCentreInvoiceNo3" maxlength="100" type="text" class="form-control">
                    </div>
                     <div class="col-sm-2">
                         <input id="txtCentreInvoiceNo4" maxlength="100" type="text" class="form-control">
                    </div>
                </div>
                <div class="form-group">
                    <label style="text-align:left;padding-left: 50px;" for="txtCentrePaidMandays" class="col-sm-2 control-label">Paid Mandays</label>
                    <div class="col-sm-2">
                         <input id="txtCentrePaidMandays1" maxlength="100" type="text" class="form-control">
                    </div>
                    <div class="col-sm-2">
                         <input id="txtCentrePaidMandays2" maxlength="100" type="text" class="form-control">
                    </div>
                    <div class="col-sm-2">
                         <input id="txtCentrePaidMandays3" maxlength="100" type="text" class="form-control">
                    </div>
                     <div class="col-sm-2">
                         <input id="txtCentrePaidMandays4" maxlength="100" type="text" class="form-control">
                    </div>
                </div>
            </div>
            <div class="tab-pane" id="job-centre-task">

                <div class="row" style="margin-left: 20px;margin-right: 20px;margin-top: 20px;">
                    <button class="btn btn-success" onclick="popupSaveTemplateJobPlan();"><span><i class="glyphicon glyphicon-floppy-disk"></i></span> Save As Template</button>
                    <button class="btn btn-primary" onclick="popupLoadTemplateJobPlan();"><span><i class="glyphicon glyphicon-transfer"></i></span> Load Template</button>
                </div>
                <div class="row" style="margin-left: 20px;margin-right: 20px;">
                    <table class="table table-striped" style="width:100%;" >
                        <thead>
                            <tr>
                                
                            <th style="width: 3%">Phase No</th>
                            <th style="width: 12%">Task</th>
                            <th style="width: 5%">Start Date</th>
                            <th style="width: 5%">End Date</th>
                            <th style="width: 3%">Allocated <br> Hours</th>
                            <th style="width: 5%">Consultant</th>
                            <th style="width: 10%">Line Remark</th>
                            <th style="width: 1%">Status</th>
                            <th style="width: 1%"></th>
                            <th style="width: 1%;text-align: left;"></th>
                                
                            </tr>
                        </thead>
                        <tbody id="job-plan-table">
                        </tbody>
                    </table>
                    <button style="float:right;" id="btnAddItem" onclick="javascript:addJobPlan(this);" class="btn btn-success btnAddDetail">+</button>

                </div>
                <hr>
                <div class="row" style="margin-left: 20px;margin-right: 20px;">
                        <div class="form-group" style="margin-top: 20px;">
                            <label for="txtTotalPlanAllocated" class="col-sm-10 control-label">Allocated Hours:</label>
                            <div class="col-sm-1">
                                
                                <input type="text" class="form-control" disabled id="txtTotalPlanAllocated" style="text-align:right;" value="0">
                            </div>
                            
                        </div>   
                        <div class="form-group" style="margin-top: 20px;">
                            <label for="txtTotalPlanMandays" class="col-sm-10 control-label">Allocated Mandays:</label>
                            <div class="col-sm-1">
                                
                                <input type="text" class="form-control" disabled id="txtTotalPlanMandays" style="text-align:right;" value="0">
                            </div>
                            
                        </div>  
                    
                </div>
            </div>
        </div>
   </div>
</div>
 <!-- Equipment Modal HTML -->
 <div id="equipmentModal" class="modal fade" style="overflow: auto;overflow-y: scroll;">
    <div class="modal-dialog" style="width: 85%">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" onclick="return closeJobEquipment();" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Equipment Detail</h4>
            </div>
            
            <div class="modal-body" style="width: 100%">
                <div id="equipmentModalContent" style="width: 100%">
                <table class="table table-striped" id="equipmentData" style="width: 100%">
                            <thead>
                                <th style="display: none">
                                    Product_id
                                </th>
                                <th style="display: none">
                                    Brand_id
                                </th>
                                <th style="display: none">
                                    Model_id
                                </th>

                                <th>
                                    Product
                                </th>
                                <th>
                                    Brand
                                </th>
                                <th>
                                    Model
                                </th>
                                <th>
                                    Serial Number
                                </th>
                                <th>
                                    Warranty Start Date
                                </th>
                                <th>
                                    Warranty End Date
                                </th>
                                <th>
                                    Ext. <br>Warranty <br>Start Date
                                </th>
                                <th>
                                    Ext. <br>Warranty <br>End Date
                                </th>
                                <th>
                                    Schedule Date
                                </th>
                            </thead>
                            <tbody id="equipmentData-body">

                            </tbody>
                        </table>
                </div>
            </div>
            
            <div class="modal-footer">
                <div id="equipmentModalContent">
               </div>
            </div>
        </div>
    </div>
</div> 
<hr/>
<script type="text/javascript">
    $(document).ready(function () {
    for (var i = 1; i <= 4; i++) {
        $('#txtBillDate'+i).datepicker({
            format: "mm/yyyy",
            viewMode: "months", 
            minViewMode: "months"
        });

        $('#txtBillDate'+i).on('changeDate', function(ev){
            $(this).datepicker('hide');
        });
    }

    $('#txtCentreJobConfirmDate').datepicker({
        format: "dd/mm/yyyy"
    });
    $('#txtCentreJobConfirmDate').on('changeDate', function(ev){
        $(this).datepicker('hide');
    });

    $('#txtCentreJobStartDate').datepicker({
        format: "dd/mm/yyyy"
    });
    $('#txtCentreJobStartDate').on('changeDate', function(ev){
        $(this).datepicker('hide');
    });
});
</script>