{extend name="base" /}
{block name='style'}
<link href="__ADMIN__/assets/css/ionicons.min.css" rel="stylesheet"/>
<style>
    .row .col-sm {
        /*margin:0 7px 15px;*/
        border-radius: 1px;

    }

    .card {
        border-radius: 1px !important;
    }

    .card .card-body {
        padding: 18px 20px;
    }

    .row {
        margin-bottom: 15px;
    }
</style>
{/block}
{block name="main"}
<div id="page-container">
    <div class="page-content main-content my-main-content">
        <div class="main-content-inner">
            <div class="row">
                <div class="col-xl-3 col-md-6 col-lg-12 stretched_card">
                    <div class="card mb-mob-4 icon_card primary_card_bg">
                        <div class="card-body">
                            <p class="card-title mb-0 text-white">收款总金额</p>
                            <div class="d-flex flex-wrap justify-content-between justify-content-md-center justify-content-xl-between align-items-center">
                                <h3 class="mb-0 text-white">{$d.amount_total}</h3>
                                <div class="arrow_icon"><i class="ion-cash text-primary"></i></div>
                            </div>
                            <p class="mb-0 text-white">API订单收款总金额 <span
                                    class="text-white ml-1"><small></small></span></p>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6 col-lg-12 stretched_card">
                    <div class="card mb-mob-4 icon_card success_card_bg">
                        <div class="card-body">
                            <p class="card-title mb-0 text-white">订单总数</p>
                            <div class="d-flex flex-wrap justify-content-between justify-content-md-center justify-content-xl-between align-items-center">
                                <h3 class="mb-0 text-white">{$d.order_count}</h3>
                                <div class="arrow_icon"><i class="ion-document-text text-success"></i></div>
                            </div>
                            <p class="mb-0 text-white">交易成功的订单 <span
                                    class="text-white ml-1"><small>(API订单)</small></span></p>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6 col-lg-12 stretched_card">
                    <div class="card mb-mob-4 icon_card warning_card_bg">

                        <div class="card-body">
                            <p class="card-title mb-0 text-white">二维码数量</p>
                            <div class="d-flex flex-wrap justify-content-between justify-content-md-center justify-content-xl-between align-items-center">
                                <h3 class="mb-0 text-white">{$d.qrcode_count}</h3>
                                <div class="arrow_icon"><i class="ion-camera text-warning"></i></div>
                            </div>
                            <p class="mb-0 text-white">支付宝、微信二维码总数 <span class="text-white ml-1"><small></small></span>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6 col-lg-12 stretched_card">
                    <div class="card mb-mob-4 icon_card info_card_bg">
                        <div class="card-body">
                            <p class="card-title mb-0 text-white">今日收款</p>
                            <div class="d-flex flex-wrap justify-content-between justify-content-md-center justify-content-xl-between align-items-center">
                                <h3 class="mb-0 text-white">{$d.today_amount_total}</h3>
                                <div class="arrow_icon"><i class="ion-cash text-info"></i></div>
                            </div>
                            <p class="mb-0 text-white">今日量的收款总数 <span
                                    class="text-white ml-1"><small>(API订单)</small></span></p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-xl-3 col-md-6 col-lg-12 stretched_card">
                    <div class="card mb-mob-4 icon_card primary_card_bg">
                        <div class="card-body">
                            <p class="card-title mb-0 text-white">商品总数</p>
                            <div class="d-flex flex-wrap justify-content-between justify-content-md-center justify-content-xl-between align-items-center">
                                <h3 class="mb-0 text-white">{$d.goods_count}</h3>
                                <div class="arrow_icon"><i class="ion-document-text text-primary"></i></div>
                            </div>
                            <p class="mb-0 text-white">商品总数量 <span
                                    class="text-white ml-1"><small></small></span></p>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6 col-lg-12 stretched_card">
                    <div class="card mb-mob-4 icon_card success_card_bg">
                        <div class="card-body">
                            <p class="card-title mb-0 text-white">商品订单总数</p>
                            <div class="d-flex flex-wrap justify-content-between justify-content-md-center justify-content-xl-between align-items-center">
                                <h3 class="mb-0 text-white">{$d.goods_order_count}</h3>
                                <div class="arrow_icon"><i class="ion-document-text text-success"></i></div>
                            </div>
                            <p class="mb-0 text-white">交易成功的订单 <span
                                    class="text-white ml-1"><small>(商品订单)</small></span></p>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6 col-lg-12 stretched_card">
                    <div class="card mb-mob-4 icon_card warning_card_bg">

                        <div class="card-body">
                            <p class="card-title mb-0 text-white">商品收款总数</p>
                            <div class="d-flex flex-wrap justify-content-between justify-content-md-center justify-content-xl-between align-items-center">
                                <h3 class="mb-0 text-white">{$d.goods_order_total}</h3>
                                <div class="arrow_icon"><i class="ion-document-text text-warning"></i></div>
                            </div>
                            <p class="mb-0 text-white">商品订单收款总数 <span class="text-white ml-1"><small></small></span>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6 col-lg-12 stretched_card">
                    <div class="card mb-mob-4 icon_card info_card_bg">
                        <div class="card-body">
                            <p class="card-title mb-0 text-white">今日收款</p>
                            <div class="d-flex flex-wrap justify-content-between justify-content-md-center justify-content-xl-between align-items-center">
                                <h3 class="mb-0 text-white">{$d.tgo_amount_total}</h3>
                                <div class="arrow_icon"><i class="ion-cash text-info"></i></div>
                            </div>
                            <p class="mb-0 text-white">今日量的收款总数 <span
                                    class="text-white ml-1"><small>(商品订单)</small></span></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <!-- Progress Table start -->
                <div class="col-12 mt-4">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card_title">
                                常见问题
                            </h4>
                            <div class="single-table">
                                <div class="table-responsive">
                                    <table class="table table-hover progress-table text-center">
                                        <thead class="text-uppercase">
                                        
                                        </thead>
                                        <tbody>
                                             {volist name="question" id="v"}
                                        <tr>
                                          
                                           <td><div align="left"><a href="{$v['url']}" target="_blank">{$v['title']}</a></div></td>
                                            <td><a href="{$v['url']}" target="_blank">点击查看</a></td>
                                           
                                        </tr>
                                           {/volist}
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

        </div>
    </div>
</div>
{/block}