    <?php if($btntype==1) { ?>
    <div>
        <h3 style="text-align:center">Assignment Detail</h3>
    </div>
    <br>
    <!-- <div class="row">
        <table class="table table-striped" style="width:100%" >
            <thead>
                <tr>
                    <th style="width: 3%">Phase</th>
                    <th style="width: 12%">Task</th>
                    <th style="width: 12%">Sub Task</th>
                    <th style="width: 18%">Job Scope</th>
                    <th style="width: 8%">Date</th>
                    <th style="width: 7%">Assign Time</th>
                    <th style="width: 5%">Allocated <br> Hours</th>
                    <th style="width: 5%">Attachment</th>
                    <th style="width: 5%">Status</th>
                    <th style="width: 7%">Checklist</th>
                    <th style="width: 10%">Equipment</th>
                    <th style="width: 3%"></th>
                </tr>
            </thead>
            <tbody id="show-assignment-detail-table">
            </tbody>
        </table>
    </div> -->
    <div class="row">
        <div class="col-md-12">
        <table class="table" style="width:90%;" >
            <tr>
                <td style="width: 15%"><b>Phase</b></td>
                <td style="width: 3%">:</td>
                <td style="width: 30%"><span id="lblPhase"></span></td>
                <td style="width: 15%"><b>Date</b></td>
                <td style="width: 3%">:</td>
                <td style="width: 30%"><span id="lblDate"></span></td>
                
            </tr>
            <tr>
                <td style="width: 2%"><b>Task</b></td>
                <td style="width: 1%">:</td>
                <td style="width: 30%"><span id="lblTask"></span></td>
                <td style="width: 12%"><b>Sub Task</b></td>
                <td style="width: 3%">:</td>
                <td style="width: 30%"><span id="lblSubTask"></span></td>
                
            </tr>
            <tr>
                <td style="width: 18%"><b>Job Scope</b></td>
                <td style="width: 3%">:</td>
                <td style="width: 30%"><span id="lblScope"></span></td>
                <td style="width: 7%"><b>Assign Time</b></td>
                <td style="width: 3%">:</td>
                <td style="width: 30%"><span id="lblTime"></span></td>
            </tr>
            <tr>
                <td style="width: 15%"><b>Allocated Hours</b></td>
                <td style="width: 3%">:</td>
                <td style="width: 30%"><span id="lblAllocated"></span></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td style="width: 5%"><b>Attachment</b></td>
                <td style="width: 3%">:</td>
                <td style="width: 30%"><span id="lblAttachment"></span></td>
                <td style="width: 15%"><b>Status</b></td>
                <td style="width: 3%">:</td>
                <td style="width: 30%"><span id="lblStatus"></span></td>
            </tr>
            <tr>
                <td style="width: 7%"><b>Checklist</b></td>
                <td style="width: 3%">:</td>
                <td style="width: 30%"><span id="lblChecklist"></span></td>
                <td style="width: 15%"><b>Equipment</b></td>
                <td style="width: 3%">:</td>
                <td style="width: 30%"><span id="lblEquipment"></span></td>
            </tr>
        </table>
    </div>
    </div>
    <hr>

   <div class="panel panel-primary">
        <div class="panel-heading" onclick="return toggleJobCentreDetailDiv();">Job Centre Detail<i class="fa fa-angle-double-down" style="color:white;padding-left:10px;"></i></div>
            <div id="jobCentreDetailPanelBody" style="display:none" class="panel-body">
                <br>
            <?php } ?>
                <div class="row">
                    <div class="col-md-6" style="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;display:none;" for="cobCentreBU" class="col-sm-4 control-label">BU</label>
                        <div class="col-sm-7" style="display:none;">
                            <input id="cobCentreBU" maxlength="100" type="text" class="form-control" readonly>
                        </div>
                    </div>
                    <div class="col-md-6" >
                        <label style="text-align:left;" for="txtCentreCoyName" class="col-md-4 control-label">Cust. Co. Name</label>
                        <div class="col-sm-7">
                             <input id="txtCentreCoyName" maxlength="100" type="text" class="form-control" readonly>
                        </div>
                        <div class="col-sm-2" style="display:none;" >
                            <input id="chkCentreActive" type="checkbox" checked> Active
                        </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">
                            <input id="cobCentreCustCode" 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">
                            <input id="cobCentreLocCode" maxlength="100" type="text" class="form-control" readonly>
                        </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-7">
                                     <input id="txtCentreJobNumber" maxlength="100" type="text" class="form-control" value="Auto" readonly>
                                </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">
                                    <input id="txtCentreJobType" maxlength="100" type="text" class="form-control" value="Auto" readonly>
                                </div>
                            </div>
                            </div>
                    </div>
                    <div class="col-md-6">
                        <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" readonly></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" readonly>
                        </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" readonly>
                        </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" readonly>
                        </div>
                    </div>
                </div>

                <div id="equipmentModalContent" class="row" style="display:none;">
                    <div class="col-md-12" style="margin-top: 20px;">
                        <table class="table table-striped" id="PlanequipmentData">
                            <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>
                                    
                                </th>
                            </thead>
                            <tbody id="planEquipmentData-body">

                            </tbody>
                        </table>
                    </div>
                
                </div>
            <?php if($btntype==1) { ?>
            </div>
        </div>
        <?php } ?>