@extends('layouts.app')

@section('content')
<section class="padding_btm">
    <div class="score_top">
        <div class="bi-top-name">
            累计积分
        </div>
        <div class="bi-top-num">
            {{ number_format(Auth::user()->account->score, 2) }}
        </div>

        <div class="score_rule">
            <i class="icon-info-sign"></i>&nbsp;积分规则
        </div>
    </div>
    <!--积分明细-->
    <div class="accounts_detail">
        <div class="select">
            <select name="logType" id="logType">
                <option value="ALL" @if(Request::get('logType') == 'ALL') selected @endif>全部记录</option>
                <option value="PLUS" @if(Request::get('logType') == 'PLUS') selected @endif>获得记录</option>
                <option value="MINUS" @if(Request::get('logType') == 'MINUS') selected @endif>使用记录</option>
                <option value="EXPIRE" @if(Request::get('logType') == 'EXPIRE') selected @endif>过期记录</option>
            </select>
        </div>
    </div>
    @if($logs->count() > 0)
        <ul class="bi-list">
            @foreach($logs as $log)
                <li>
                    <div class="bi-list-h">
                        <div class="bi-list-l">{{ $log->rule->title }}</div>
                        <div class="bi-list-r bi-yellow">{{ number_format($log->variable,2) }}</div>
                    </div>
                    <div class="bi-list-h">
                        <div class="bi-list-l bi-list-small">{{ $log->rule->remark }}</div>
                        <div class="bi-list-r bi-list-small">{{ $log->created_at->format('m/d H:i') }}</div>
                    </div>
                </li>
            @endforeach
        </ul>
    @else
        <div class="empty">
            <img src="/assets/home/img/c010.png">
            <p>暂无记录</p>
        </div>
@endif
    <!--end 积分明细-->
    <!--积分规则-->
    <div class="rule_pop">
        <div class="rules_bg"></div>
        <div class="rules_box">
            <div class="rules_title">
                积分说明
            </div>
            <div class="rules_detail">
               {!! $score_explain !!}
           </div>
           <div class="rules_btn">
            我知道了
        </div>
    </div>
</div>
<!--end 积分规则-->
</section>
@endsection
@section('script')
<script type="text/javascript">
    $(".score_rule").click(function (e) {
        $(".rule_pop").show();
    });
    $(".rules_btn").click(function (e) {
        $(".rule_pop").hide();
    });
    $("#logType").change(function(data){
        var logType = $(this).val();
        location.href = "{{ route('account.score') }}" + "?logType=" + logType;
    });
</script>
@endsection