Subversion Repositories SmartDukaan

<section class="wrapper">
    <div class="row">
        <div class="col-lg-12">
            <h3 class="page-header"><i class="icon_document_alt"></i>Bulk Order Approval Report</h3>
            <ol class="breadcrumb">
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
                <li><i class="icon_document_alt"></i>Approval Report</li>
            </ol>
        </div>
    </div>
    <div class="col-lg-12">
        <div class="row" style="margin-bottom: 15px;">
            <div class="col-md-3">
                <label>Start Date</label>
                <input type="date" id="reportStartDate" class="form-control" value="$startDate"/>
            </div>
            <div class="col-md-3">
                <label>End Date</label>
                <input type="date" id="reportEndDate" class="form-control" value="$endDate"/>
            </div>
            <div class="col-md-3" style="margin-top: 25px;">
                <button class="btn btn-primary fetch-approval-report">Fetch</button>
            </div>
        </div>

        <table class="table table-bordered table-striped table-condensed" id="approvalReportTable" style="width:100%">
            <thead style="background:#F5F5F5;">
            <tr>
                <th>Transaction ID</th>
                <th>Retailer</th>
                <th>Created By</th>
                <th>Created On</th>
                <th>Status</th>
                <th>Approved By</th>
                <th>Approved On</th>
                <th>Remark</th>
                <th>Items</th>
            </tr>
            </thead>
            <tbody>
                #foreach($approval in $approvalModelList)
                <tr>
                    <td>$approval.getTransactionId()</td>
                    <td>$!approval.getRetailerName()</td>
                    <td>$!approval.getCreatedBy()</td>
                    <td>#if($approval.getCreatedOn())$approval.getCreatedOn().format($dateTimeFormatter)#end</td>
                    <td>
                        #if($approval.getStatus() == "APPROVED")
                            <span class="label label-success">APPROVED</span>
                        #elseif($approval.getStatus() == "REJECTED")
                            <span class="label label-danger">REJECTED</span>
                        #else
                            <span class="label label-warning">PENDING</span>
                        #end
                    </td>
                    <td>$!approval.getApprovedBy()</td>
                    <td>#if($approval.getApprovedOn())$approval.getApprovedOn().format($dateTimeFormatter)#end</td>
                    <td>$!approval.getRemark()</td>
                    <td>
                        $approval.getLineItemModels().size() items
                        <button class="btn btn-xs btn-info" data-toggle="collapse" data-target="#items-$approval.getTransactionId()">Details</button>
                        <div id="items-$approval.getTransactionId()" class="collapse" style="margin-top:5px;">
                            <table class="table table-bordered table-condensed" style="font-size:12px;">
                                <thead>
                                <tr>
                                    <th>Item ID</th>
                                    <th>Name</th>
                                    <th>Qty</th>
                                    <th>DP</th>
                                    <th>Selling Price</th>
                                </tr>
                                </thead>
                                <tbody>
                                    #foreach($item in $approval.getLineItemModels())
                                    <tr>
                                        <td>$item.getItemId()</td>
                                        <td>$item.getItemName()</td>
                                        <td>$item.getItemQuantity()</td>
                                        <td>$item.getDp()</td>
                                        <td>$item.getSellingPrice()</td>
                                    </tr>
                                    #end
                                </tbody>
                            </table>
                        </div>
                    </td>
                </tr>
                #end
            </tbody>
        </table>
    </div>
</section>
<script>
    $(function () {
        if ($.fn.DataTable) {
            $('#approvalReportTable').DataTable({
                "order": [],
                "pageLength": 25
            });
        }
    });
</script>