function main()
    {
        $mtrans = new MTranDetail();
        //        global $db;
        //        $q = "SELECT SUM(detail_price_total) as total, COUNT(*) AS num FROM {$mtrans->table_name}";
        //        $arr = $db->query($q,1);
        //        pr($arr);
        $arrOrder = $mtrans->getOrderBy(" detail_date DESC LIMIT 0,5");
        //        pr($arrOrder);
        ?>

        <h1 style="margin-top: 0;">Dashboard</h1>
        <div class="penjualan_container">
        <?php 
        BIPenjualan::graph();
        ?>
        </div>

        <div class="row">
            <div class="col-md-6" style="padding-top: 20px;">
                <div class="penjualan_container">

                    <h2 class="penjualan_money_h2">Lifetime Sales</h2>
                    <table class="table no-margin">
                        <thead>
                        <tr>
                            <th>Order ID</th>
                            <th>Item</th>
                            <th>Status</th>
                            <th>Popularity</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td><a href="pages/examples/invoice.html">OR9842</a></td>
                            <td>Call of Duty IV</td>
                            <td><span class="label label-success">Shipped</span></td>
                            <td>
                                <div class="sparkbar" data-color="#00a65a" data-height="20"><canvas width="34" height="20" style="display: inline-block; width: 34px; height: 20px; vertical-align: top;"></canvas></div>
                            </td>
                        </tr>
                        <tr>
                            <td><a href="pages/examples/invoice.html">OR1848</a></td>
                            <td>Samsung Smart TV</td>
                            <td><span class="label label-warning">Pending</span></td>
                            <td>
                                <div class="sparkbar" data-color="#f39c12" data-height="20"><canvas width="34" height="20" style="display: inline-block; width: 34px; height: 20px; vertical-align: top;"></canvas></div>
                            </td>
                        </tr>
                        <tr>
                            <td><a href="pages/examples/invoice.html">OR7429</a></td>
                            <td>iPhone 6 Plus</td>
                            <td><span class="label label-danger">Delivered</span></td>
                            <td>
                                <div class="sparkbar" data-color="#f56954" data-height="20"><canvas width="34" height="20" style="display: inline-block; width: 34px; height: 20px; vertical-align: top;"></canvas></div>
                            </td>
                        </tr>
                        <tr>
                            <td><a href="pages/examples/invoice.html">OR7429</a></td>
                            <td>Samsung Smart TV</td>
                            <td><span class="label label-info">Processing</span></td>
                            <td>
                                <div class="sparkbar" data-color="#00c0ef" data-height="20"><canvas width="34" height="20" style="display: inline-block; width: 34px; height: 20px; vertical-align: top;"></canvas></div>
                            </td>
                        </tr>
                        <tr>
                            <td><a href="pages/examples/invoice.html">OR1848</a></td>
                            <td>Samsung Smart TV</td>
                            <td><span class="label label-warning">Pending</span></td>
                            <td>
                                <div class="sparkbar" data-color="#f39c12" data-height="20"><canvas width="34" height="20" style="display: inline-block; width: 34px; height: 20px; vertical-align: top;"></canvas></div>
                            </td>
                        </tr>
                        <tr>
                            <td><a href="pages/examples/invoice.html">OR7429</a></td>
                            <td>iPhone 6 Plus</td>
                            <td><span class="label label-danger">Delivered</span></td>
                            <td>
                                <div class="sparkbar" data-color="#f56954" data-height="20"><canvas width="34" height="20" style="display: inline-block; width: 34px; height: 20px; vertical-align: top;"></canvas></div>
                            </td>
                        </tr>
                        <tr>
                            <td><a href="pages/examples/invoice.html">OR9842</a></td>
                            <td>Call of Duty IV</td>
                            <td><span class="label label-success">Shipped</span></td>
                            <td>
                                <div class="sparkbar" data-color="#00a65a" data-height="20"><canvas width="34" height="20" style="display: inline-block; width: 34px; height: 20px; vertical-align: top;"></canvas></div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="row">
        <div class="col-md-3">
            <div class="penjualan_container">
            <div class="penjualan">
                <h2 class="penjualan_money_h2">Lifetime Sales</h2>
                <div class="penjualan_money" style="color: #e2007a;">IDR <?php 
        echo idr($arr->total);
        ?>
</div>
            </div>

            <div class="penjualan">
                <h2 class="penjualan_money_h2">Average Order</h2>
                <div class="penjualan_money">IDR <?php 
        echo idr($arr->total / $arr->num);
        ?>
</div>
            </div>
            <hr>

                <div class="penjualan">
                    <h2 class="penjualan_money_h2" style="margin-bottom: 10px;">Latest Transactions</h2>
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>Customer</th>
<!--                            <th>Qty</th>-->
                            <th>Total</th>
                        </tr>
                        </thead>
                        <tbody>
                        <?php 
        foreach ($arrOrder as $order) {
            ?>
                                <tr>
                                    <td><?php 
            if ($order->detail_macc_id > 0) {
                $llac = new LL_Account();
                $llac->getByID($order->detail_macc_id);
                echo $llac->macc_first_name;
            } else {
                echo "unknown";
            }
            ?>
</td>
<!--                                    <td>--><?php 
            //=$order->detail_qty;
            ?>
<!--</td>-->
                                    <td>IDR <?php 
            echo idr($order->detail_price_total);
            ?>
</td>
                                </tr>
                                <?php 
        }
        ?>
                        </tbody>
                    </table>
                </div>
                <hr>
                <div class="penjualan">
                    <h2 class="penjualan_money_h2" style="margin-bottom: 20px;">Last Search Terms</h2>
                    <?php 
        $sL = new MSearchLog();
        $arrSl = $sL->getOrderBy("slog_date DESC LIMIT 0,30");
        if (count($arrSl) > 0) {
            $slsudah = array();
            ?>
                        <table class="table table-striped"><?php 
            foreach ($arrSl as $sll) {
                if (!in_array($sll->slog_keyword, $slsudah)) {
                    $slsudah[] = $sll->slog_keyword;
                    ?>
                                <tr>
                                    <td>
                                        <div class="searchkeyword"><?php 
                    echo $sll->slog_keyword;
                    ?>
</div>
                                    </td>
                                </tr>

                            <?php 
                }
            }
            ?>
</table><?php 
        } else {
            ?>
                        <p>We couldn't find any records.</p>
                        <?php 
        }
        ?>
                </div>
                <hr>
                <div class="penjualan">
                    <h2 class="penjualan_money_h2" style="margin-bottom: 20px;">Top Search Terms</h2>
                    <?php 
        $sL = new MSearchLog();
        global $db;
        $q = "SELECT slog_keyword,COUNT(*) as count FROM {$sL->table_name} GROUP BY slog_keyword ORDER BY count DESC LIMIT 0,10";
        $arrSl = $db->query($q, 2);
        //                    pr($arrSl);
        //                    $arrSl = $sL->getOrderBy("slog_date DESC LIMIT 0,30");
        if (count($arrSl) > 0) {
            $slsudah = array();
            ?>
                        <table class="table table-striped"><?php 
            foreach ($arrSl as $sll) {
                if (!in_array($sll->slog_keyword, $slsudah)) {
                    $slsudah[] = $sll->slog_keyword;
                    ?>
                                <tr>
                                    <td>
                                        <div class="searchkeyword"><?php 
                    echo $sll->slog_keyword;
                    ?>
</div>
                                    </td>
                                    <td>
                                        <div class="searchkeyword"><?php 
                    echo $sll->count;
                    ?>
</div>
                                    </td>
                                </tr>

                            <?php 
                }
            }
            ?>
</table><?php 
        } else {
            ?>
                        <p>We couldn't find any records.</p>
                    <?php 
        }
        ?>
                </div>
            </div>
        </div>
        <style>
            .penjualan_container{
                border: 1px solid #dedede;
                background-color: white;
                padding: 20px;
            }
            .penjualan_money_h2{
                padding: 0;
                margin: 0;
                font-size: 20px;
                margin-bottom: 20px;
                color: #666666;
            }
            .penjualan_money{
                font-size: 25px;
            }
            .penjualan{
                margin-bottom: 20px;
            }
        </style>

            <div class="col-md-9">


                <div class="penjualan_container" style="margin-bottom: 20px;">


                    </div>
                <div class="penjualan_container">
                    <div>

                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs" role="tablist">
                            <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
                            <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
                            <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
                            <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
                        </ul>

                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active" id="home">ss...</div>
                            <div role="tabpanel" class="tab-pane" id="profile">.bb..</div>
                            <div role="tabpanel" class="tab-pane" id="messages">..cc.</div>
                            <div role="tabpanel" class="tab-pane" id="settings">..dd.</div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        <div class="clearfix"></div>
        </div>
        <?php 
    }