<div class="row">
    <div class="col-lg-12">
        <div class="card-body row">
            <div class="col-lg-4">
                <div class="form-group row">
                    <div class="col-lg-12">
                        <label class="col-lg-12 col-form-label"></label>
                    </div>
                </div>
                
            </div>
            <div class="col-lg-6">
                <div class="form-group row">
                    <label class="col-lg-2 col-form-label" style="font-weight:bold;">Preview = </label>
                    <div class="col-lg-2">
                        <div class="kt-checkbox-inline">
                            <label class="kt-checkbox kt-checkbox--brand">
                                <input type="checkbox" id="chkSelectProject" onclick="javascript:onCheckChanged(this, 'txtPageProject');" /> Tab Select
                                <span></span>
                            </label>
                        </div>
                    </div>
                    <div class="col-lg-2" style="max-width: 75px;">
                        <input style="text-align:right" type="number" class="form-control" id="txtPageProject">
                    </div>
                    <label class="col-lg-2 col-form-label">Tab Sequence</label>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
        <div class="card-body row" style="padding-top: 0px;">
            <div class="col-lg-8">
                <div class="kt-datatable kt-datatable--default kt-datatable--brand kt-datatable--loaded" >
                    <table class="kt-datatable__table" id="table_data" >
                        <thead class="kt-datatable__head" >
                            <tr class="dnd-moved kt-datatable__row" style="left: 0px;">
                                <th colspan="6" style="padding:0px;padding-bottom: 10px;" data-field="number" class="kt-datatable__cell" id="col_no"><button class="btn btn-primary" onclick="popupSaveTemplateProjectPlan();populateProjectPlanTemplateList();" data-target="#SaveProjectPlanTemplateConfirmationView" id="btnSaveTempProject" data-toggle="modal">Save As Template</button><button class="btn btn-success ml-2" onclick="popupLoadTemplateProjectPlan();" data-target="#LoadProjectPlanTemplateConfirmationView" data-toggle="modal" id="btnLoadTempProject">Load Template</button></th>
                            </tr>
                            <tr class="dnd-moved kt-datatable__row" style="left: 0px;">
                                <th data-field="id" class="kt-datatable__cell" id="col_id" style="display: none;"><span>ID </th>
                                <th data-field="number" class="kt-datatable__cell" id="col_no"><span style="width: 50px;">No. </th>
                                <th data-field="section" class="kt-datatable__cell" id="col_section"><span style="width: 100px;">Phase</span></th>
                                <th data-field="subject" class="kt-datatable__cell" id="col_subject"><span style="width: 410px;">Description</span></th>
                                <th data-field="description" class="kt-datatable__cell" id="col_description"><span style="width: 90px;">No. of Days</span></th>
                                <th data-field="" class="kt-datatable__cell" style="width:50px;" id="col_delete"></th>
                                <th data-field="" class="kt-datatable__cell" style="width:50px;" id="col_delete"></th>
                            </tr>                            
                        </thead>
                        <tbody class="kt-datatable__body"  id="sales-quotation-projectplan-list">
                                                        
                        </tbody>
                        <tfoot>
                            <tr class="dnd-moved kt-datatable__row" style="left: 0px;">
                                <th data-field="id" class="kt-datatable__cell" id="col_id" style="display: none;"><span>ID <i class="fa"></i></span></th>
                                <th data-field="" class="kt-datatable__cell" id="" ><span style="width: 50px;"> <i class="fa"></i></span></th>
                                <th data-field="" class="kt-datatable__cell" id="" ><span style="width: 100px;"> </span></th>
                                <th data-field="" class="kt-datatable__cell" id="" ><span style="width: 410px;"> </span></th>
                                <th data-field="" class="kt-datatable__cell" id="" ><span style="width: 90px;"> </span></th>
                                <th data-field="delete" class="kt-datatable__cell text-right" style="width:50px;" id="col_delete"></th>
                                <th data-field="delete" class="kt-datatable__cell" style="width:50px;" id="col_delete">
                                    <button type='button' class='btn btn btn-icon btn-success btn-sm btn-icon-md' onclick='addSalesQuotationProjectPlanData()'><i class='fa fa-plus'></i></button>
                                </th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
        <div class="card-body row">
            <div class="col-lg-4">
                <div class="form-group row">
                    <div class="col-lg-12">
                        <label class="col-lg-12 col-form-label"></label>
                    </div>
                </div>
                
            </div>
            <div class="col-lg-3">
                <div class="form-group row">
                    <div class="col-lg-2" style="display: none;">
                       <input type="text" class="form-control text-right" value="0" id="txtSalesProjectPlanId">
                    </div>
                    <div class="col-lg-3">
                       <input type="number" class="form-control text-right" style="font-weight:bold;" value="0" id="txtSalesProjectPlanTotalDays" disabled />
                    </div>
                    <div class="col-lg-2">
                       <label class="col-lg-10 col-form-label text-right" style="font-weight:bold;" id="lblSalesProjectPlanCurr">SGD</label>
                    </div>
                    <div class="col-lg-3">
                       <input type="text" class="form-control text-right" style="font-weight:bold;" value="0.00" id="txtSalesProjectPlanTotalAmount" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>