<style>
.datepicker {
	z-index: 1110; /* must set here to let date picker display on top */
}
input[type=number] { 
    text-align: right; 
}
</style>


<div class="row">
    <div class='col-md-12'>
        <div class="row" style="margin: 0px;">
            <div class='col-md-6' style="font-weight: bold;"><h4><?php if (isset($row)) echo $row[ActivityHeaderTable::C_TITLE];?></h4></div>
        </div>
    </div>
</div>
<br>
<div class="row">
    <div class='col-md-12'>
        <div class="row" style="margin: 0px;">
            <div class='col-md-2' style="font-weight: bold;"><span><?php if (isset($row)) echo $row[ActivityHeaderTable::C_CODE];?></span></div>
            <div class='col-md-4'><?php if (isset($confdata)) echo $confdata['company'];?></div>
            <div class='col-md-4'>by <?php if (isset($confdata)) echo $confdata['user_create'];?> on <?php if (isset($confdata)) echo $confdata['date'];?></div>
            <div class='col-md-2' >
                    <button style="width: 100%" class="btn" data-toggle="modal" onclick="showPrintPreview( <?php //if (isset($row)) echo $row['id']; else echo 0;?> )" class='glyphicon glyphicon-print' >Print Preview</button>
            </div>
        </div>
    </div>
</div>
<hr>
<div class="row">
    <div class='col-md-12'>
        <div class="row" style="margin-left: 15px;">
            <div class='col-md-1'  style="font-weight: bold;">User</div>
            <div class='col-md-3' ><?php if (isset($confdata)) echo $confdata['user_to'];?></div>
        </div>
    </div>
</div>
<br>
<div class="row">
    <div class='col-md-12'>
        <div class="row" style="margin-left: 15px;">
            <div class='col-md-1'  style="font-weight: bold;">Customer</div>
            <div class='col-md-3' ><?php if (isset($confdata)) echo $confdata['customer'];?></div>
        </div>
    </div>
</div>
<br>
<div class="row">
    <div class='col-md-12'>
        <div class="row" style="margin-left: 15px;">
            <div class='col-md-1'  style="font-weight: bold;">Contact</div>
            <div class='col-md-10' ><?php if (isset($confdata)) echo $confdata['contact'];?></div>
        </div>
    </div>
</div>
<br>
<div class="row">
    <div class='col-md-12'>
        <div class="row" style="margin-left: 15px;">
            <div class='col-md-1'  style="font-weight: bold;">Location</div>
            <div class='col-md-10' ><?php if (isset($confdata)) echo $confdata['location'];?></div>
        </div>
    </div>
</div>
<br>
<div class="row">
    <div class='col-md-12'>
        <div class="row" style="margin-left: 15px;">
            <div class='col-md-1'  style="font-weight: bold;">Type</div>
            <div class='col-md-3' ><?php if (isset($confdata)) echo $confdata['type'];?></div>
            <div class='col-md-1'  style="font-weight: bold;">Site</div>
            <div class='col-md-3' ><?php if (isset($confdata)) echo $confdata['bill'];?></div>
            <div class='col-md-1'  style="font-weight: bold;">Bill</div>
            <div class='col-md-3' ><?php if (isset($confdata)) echo $confdata['site'];?></div>
        </div>
    </div>
</div>
<br>
<div class="row">
    <div class='col-md-12'>
        <div class="row" style="margin-left: 15px;">
            <div class='col-md-1'  style="font-weight: bold;">Job Number</div>
            <div class='col-md-3' ><?php if (isset($row)) echo $row[ActivityHeaderTable::C_JOB_ID];?></div>
            <div class='col-md-1'  style="font-weight: bold;">Status</div>
            <div class='col-md-3' ><?php if (isset($confdata)) echo $confdata['status'];?></div>
        </div>
    </div>
</div>
<br>
<div class="row">
    <div class='col-md-12'>
        <div class="row" style="margin-left: 15px;">
            <div class='col-md-1' style="font-weight: bold;">Deduct From </div>
            <div class='col-md-3'><?php if (isset($row)) echo ($row[ActivityHeaderTable::C_DEDUCT]==1)?'Deduct From Project':'Deduct From Maintenance';?></div>
            <div class='col-md-1' style="font-weight: bold;">Project </div>
            <div class='col-md-3'><?php if (isset($confdata)) echo $confdata['project'];?></div>
        </div>
    </div>
</div>
<br>
<div class="row">
    <div class='col-md-12'>
        <div class="row" style="margin-left: 15px;">
            <div class='col-md-2'  style="font-weight: bold;">Task Description</div>
            <div class='col-md-9' ><?php if (isset($row)) echo $row[ActivityHeaderTable::C_DESC];?></div>
        </div>
    </div>
</div>
<br>
<div class="row">
    <div class='col-md-12'>
        <div class="row" style="margin-left: 15px;">
            <div class='col-md-2'  style="font-weight: bold;">Total Time Tracker</div>
            <div class='col-md-1' ><?php if (isset($row)) echo $this->convertNumeric($row[ActivityHeaderTable::C_TT_TOTAL]);?></div>
            <div class='col-md-2'  style="font-weight: bold;">Time Tracker Override</div>
            <div class='col-md-1' ><?php if (isset($row)) echo $this->convertNumeric($row[ActivityHeaderTable::C_TT_TOTAL_OVERRIDE]);?></div>
        </div>
    </div>
</div>
<br>
<div class="row">
    <div class='col-md-12'>
        <div class="row" style="margin-left: 15px;">
            <div class='col-md-2'  style="font-weight: bold;">Total Expense Tracker</div>
            <div class='col-md-1' ><?php if (isset($row)) echo $this->convertNumeric($row[ActivityHeaderTable::C_ET_TOTAL]);?></div>
            <!-- <div class='col-md-2'  style="font-weight: bold;">Expense Tracker Override</div>
            <div class='col-md-1' ><?php //if (isset($row)) echo $this->convertNumeric($row[ActivityHeaderTable::C_ET_TOTAL]);?></div> -->
        </div>
    </div>
</div>
<hr>

<ul class="nav nav-tabs">
    <li class="active"><a href="#pnlTimeTracker" data-toggle="tab">Time Tracker</a></li>
    <li><a href="#pnlExpenseTracker" data-toggle="tab">Expense Tracker</a></li>
  </ul>
  <br>
<div class="tab-content clearfix">
<div class="tab-pane active" id="pnlTimeTracker">
    <table class="table" id="tbl-activity-time-tracker" style="width: 100%;overflow: auto;table-layout: fixed; word-wrap: break-word;">
        <thead>
            <tr>
                <th width='5%'>line#</th>
                <th width='45%'>Description</th>
                <th width='15%'>Start Time</th>
                <th width='15%'>End Time</th>
                <th width='10%'>Min</th>
                <th width='10%'></th>
            </tr>
        </thead>
        <tbody>

        </tbody>
    </table>
</div>

<div class="tab-pane" id="pnlExpenseTracker">
    <table class="table" id="tbl-activity-expense-tracker" style="width: 100%;overflow: auto;table-layout: fixed; word-wrap: break-word;">
        <thead>
            <tr>
                <th width='15%'>line#</th>
                <th width='20%'>Item</th>
                <th width='15%'>Receipt No</th>
                <th width='13%'>Amount</th>
                <th width='30%'>Description</th>
                <th width='15%'>Customer</th> 
                <th width='15%'>Tax</th>   
                <th width='10%'></th>
            </tr>
        </thead>
        <tbody>

        </tbody>
    </table>
</div>
</div>
