{{include file="public/header" /}}

<!-- right content start  -->
<div class="content-right">
    <div class="content">
        <legend>
            <span class="fs-16">账户明细管理</span>
            <a href="{{:PluginsAdminUrl('wallet', 'admin', 'index')}}" class="fr fs-14 m-t-5 am-icon-mail-reply"> 返回</a>
        </legend>

        <div class="walletlog-content">
            <!-- form start -->
            <form class="am-form form-validation form-search" method="post" action="{{:PluginsAdminUrl('wallet', 'walletlog', 'index')}}" request-type="form">
                <div class="thin">
                    <div class="am-input-group am-input-group-sm am-fl so">
                        <input type="text" autocomplete="off" name="keywords" class="am-radius" placeholder="用户名/昵称/手机/邮箱" value="{{if !empty($params.keywords)}}{{$params.keywords}}{{/if}}" />
                        <span class="am-input-group-btn">
                            <button class="am-btn am-btn-default am-radius" type="submit" data-am-loading="{spinner:'circle-o-notch', loadingText:'搜索中...'}">搜索</button>
                        </span>
                    </div>
                    <label class="am-fl thin_sub more-submit">
                        更多筛选条件
                        {{if isset($params['is_more']) and $params['is_more'] eq 1}}
                            <input type="checkbox" name="is_more" value="1" id="is_more" checked />
                            <i class="am-icon-angle-up"></i>
                        {{else /}}
                            <input type="checkbox" name="is_more" value="1" id="is_more" />
                            <i class="am-icon-angle-down"></i>
                        {{/if}}
                    </label>
                </div>
                <table class="so-list more-where {{if !isset($params['is_more'])}}none{{/if}}">
                    <tbody>
                        <tr>
                            <td>
                                <span>业务：</span>
                                <select name="business_type" class="chosen-select" data-placeholder="业务类型...">
                                    <option value="-1">业务类型...</option>
                                    {{if !empty($business_type_list)}}
                                        {{foreach $business_type_list as $v}}
                                            <option value="{{$v.value}}" {{if isset($params['business_type']) and $params['business_type'] eq $v['value']}}selected{{/if}}>{{$v.name}}</option>
                                        {{/foreach}}
                                    {{/if}}
                                </select>
                            </td>
                            <td>
                                <span>操作：</span>
                                <select name="operation_type" class="chosen-select" data-placeholder="操作类型...">
                                    <option value="-1">操作类型...</option>
                                    {{if !empty($operation_type_list)}}
                                        {{foreach $operation_type_list as $v}}
                                            <option value="{{$v.value}}" {{if isset($params['operation_type']) and $params['operation_type'] eq $v['value']}}selected{{/if}}>{{$v.name}}</option>
                                        {{/foreach}}
                                    {{/if}}
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span>金额：</span>
                                <select name="money_type" class="chosen-select" data-placeholder="金额类型...">
                                    <option value="-1">金额类型...</option>
                                    {{if !empty($money_type_list)}}
                                        {{foreach $money_type_list as $v}}
                                            <option value="{{$v.value}}" {{if isset($params['money_type']) and $params['money_type'] eq $v['value']}}selected{{/if}}>{{$v.name}}</option>
                                        {{/foreach}}
                                    {{/if}}
                                </select>
                            </td>
                            <td>
                                <button type="submit" class="am-btn am-btn-secondary am-radius am-btn-xs btn-loading-example" data-am-loading="{spinner:'circle-o-notch', loadingText:'搜索中...'}">搜索</button>
                                <a href="{{:PluginsAdminUrl('wallet', 'walletlog', 'index')}}" class="am-btn am-btn-warning am-radius am-btn-sm reset-submit">清除条件</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </form>
            <!-- form end -->

            <!-- 列表 -->
            <table class="am-table am-table-striped am-table-hover m-t-10">
                <thead>
                    <tr>
                        <th class="am-hide-md-down">用户信息</th>
                        <th class="am-hide-sm-only">业务</th>
                        <th class="am-hide-sm-only">操作</th>
                        <th>类型</th>
                        <th>操作金额(元)</th>
                        <th class="am-hide-sm-only">原始金额(元)</th>
                        <th>最新金额(元)</th>
                        <th class="am-hide-md-down">变更说明</th>
                        <th>更多</th>
                    </tr>
                </thead>
                <tbody>
                    {{if !empty($data_list)}}
                        {{foreach $data_list as $v}}
                            <tr>
                                <td class="user-info am-hide-md-down">
                                    {{if !empty($v['user'])}}
                                        <img src="{{$v.user.avatar}}" alt="{{$v.user.user_name_view}}" class="am-img-thumbnail am-radius am-align-left" />
                                        <ul class="user-base">
                                            <li>名称：{{if empty($v['user']['username'])}}<span class="cr-ccc">未填写</span>{{else /}}{{$v.user.username}}{{/if}}</li>
                                            <li>昵称：{{if empty($v['user']['nickname'])}}<span class="cr-ccc">未填写</span>{{else /}}{{$v.user.nickname}}{{/if}}</li>
                                            <li>手机：{{if empty($v['user']['mobile'])}}<span class="cr-ccc">未填写</span>{{else /}}{{$v.user.mobile}}{{/if}}</li>
                                            <li>邮箱：{{if empty($v['user']['email'])}}<span class="cr-ccc">未填写</span>{{else /}}{{$v.user.email}}{{/if}}</li>
                                        </ul>
                                    {{else /}}
                                        用户信息异常
                                    {{/if}}
                                </td>
                                <td class="am-hide-sm-only">{{$v.business_type_text}}</td>
                                <td class="am-hide-sm-only">
                                    {{if $v['operation_type'] eq 0}}
                                        <span class="operation-reduce-icon">{{$v.operation_type_text}}</span>
                                    {{elseif $v['operation_type'] eq 1}}
                                        <span class="operation-increase-icon">{{$v.operation_type_text}}</span>
                                    {{/if}}
                                </td>
                                <td>{{$v.money_type_text}}</td>
                                <td>
                                    {{if $v['operation_type'] eq 0}}
                                        <span class="operation-reduce-icon">-</span>
                                    {{elseif $v['operation_type'] eq 1}}
                                        <span class="operation-increase-icon">+</span>
                                    {{/if}}
                                    <span class="money-bold money">{{$v.operation_money}}</span>
                                </td>
                                <td class="am-hide-sm-only">
                                    <span class="money-bold">{{$v.original_money}}</span>
                                </td>
                                <td>
                                    <span class="money-bold">{{$v.latest_money}}</span>
                                </td>
                                <td class="am-hide-md-down operation-msg">{{$v.msg|raw}}</td>
                                <td>
                                    <span class="am-icon-caret-down c-p" data-am-modal="{target: '#my-popup{{$v.id}}'}"> 查看更多</span>
                                    <div class="am-popup am-radius" id="my-popup{{$v.id}}">
                                        <div class="am-popup-inner">
                                            <div class="am-popup-hd">
                                                <h4 class="am-popup-title">详情内容</h4>
                                                <span data-am-modal-close
                                                class="am-close">&times;</span>
                                            </div>
                                            <div class="am-popup-bd">
                                                <dl class="dl-content">
                                                    <dt>用户信息</dt>
                                                    <dd class="user-info">
                                                        {{if !empty($v['user'])}}
                                                            <img src="{{$v.user.avatar}}" alt="{{$v.user.user_name_view}}" class="am-img-thumbnail am-radius am-align-left" />
                                                            <ul class="user-base">
                                                                <li>名称：{{if empty($v['user']['username'])}}<span class="cr-ccc">未填写</span>{{else /}}{{$v.user.username}}{{/if}}</li>
                                                                <li>昵称：{{if empty($v['user']['nickname'])}}<span class="cr-ccc">未填写</span>{{else /}}{{$v.user.nickname}}{{/if}}</li>
                                                                <li>手机：{{if empty($v['user']['mobile'])}}<span class="cr-ccc">未填写</span>{{else /}}{{$v.user.mobile}}{{/if}}</li>
                                                                <li>邮箱：{{if empty($v['user']['email'])}}<span class="cr-ccc">未填写</span>{{else /}}{{$v.user.email}}{{/if}}</li>
                                                            </ul>
                                                        {{else /}}
                                                            用户信息异常
                                                        {{/if}}
                                                    </dd>
                                                    
                                                    <dt>业务类型</dt>
                                                    <dd>{{$v.business_type_text}}</dd>

                                                    <dt>操作类型</dt>
                                                    <dd>
                                                        {{if $v['operation_type'] eq 0}}
                                                            <span class="operation-reduce-icon">{{$v.operation_type_text}}</span>
                                                        {{elseif $v['operation_type'] eq 1}}
                                                            <span class="operation-increase-icon">{{$v.operation_type_text}}</span>
                                                        {{/if}}
                                                    </dd>

                                                    <dt>金额类型</dt>
                                                    <dd>{{$v.money_type_text}}</dd>

                                                    <dt>操作金额(元)</dt>
                                                    <dd>
                                                        {{if $v['operation_type'] eq 0}}
                                                            <span class="operation-reduce-icon">-</span>
                                                        {{elseif $v['operation_type'] eq 1}}
                                                            <span class="operation-increase-icon">+</span>
                                                        {{/if}}
                                                        <span class="money-bold money">{{$v.operation_money}}</span>
                                                    </dd>

                                                    <dt>原始金额(元)</dt>
                                                    <dd>
                                                        <span class="money-bold">{{$v.original_money}}</span>
                                                    </dd>

                                                    <dt>最新金额(元)</dt>
                                                    <dd>
                                                        <span class="money-bold">{{$v.latest_money}}</span>
                                                    </dd>

                                                    <dt>变更说明</dt>
                                                    <dd>{{$v.msg|raw}}</dd>

                                                    <dt>操作时间</dt>
                                                    <dd>{{$v.add_time_text}}</dd>
                                                </dl>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        {{/foreach}}
                    {{/if}}
                </tbody>
            </table>

            {{if empty($data_list)}}
                <div class="table-no"><i class="am-icon-warning"></i> 没有相关数据</div>
            {{/if}}

            <!-- 分页 -->
            {{if !empty($data_list)}}
                {{$page_html|raw}}
            {{/if}}
        </div>
    </div>
</div>
<!-- right content end  -->
        
<!-- footer start -->
{{include file="public/footer" /}}
<!-- footer end -->