@extends('layouts.base')
@section('content')
@section('title', trans('提现记录'))
<style>
    .loadEffect{
        display:none;
        width: 100px;
        height: 100px;
        position: absolute;
        left: 50%;
        margin: 0 auto;
        margin-top:100px;
    }
    .loadEffect span{
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: lightgreen;
        position: absolute;
        -webkit-animation: load 1.04s ease infinite;
    }
    @-webkit-keyframes load{
        0%{
            opacity: 1;
        }
        100%{
            opacity: 0.2;
        }
    }
    .loadEffect span:nth-child(1){
        left: 0;
        top: 50%;
        margin-top:-8px;
        -webkit-animation-delay:0.13s;
    }
    .loadEffect span:nth-child(2){
        left: 14px;
        top: 14px;
        -webkit-animation-delay:0.26s;
    }
    .loadEffect span:nth-child(3){
        left: 50%;
        top: 0;
        margin-left: -8px;
        -webkit-animation-delay:0.39s;
    }
    .loadEffect span:nth-child(4){
        top: 14px;
        right:14px;
        -webkit-animation-delay:0.52s;
    }
    .loadEffect span:nth-child(5){
        right: 0;
        top: 50%;
        margin-top:-8px;
        -webkit-animation-delay:0.65s;
    }
    .loadEffect span:nth-child(6){
        right: 14px;
        bottom:14px;
        -webkit-animation-delay:0.78s;
    }
    .loadEffect span:nth-child(7){
        bottom: 0;
        left: 50%;
        margin-left: -8px;
        -webkit-animation-delay:0.91s;
    }
    .loadEffect span:nth-child(8){
        bottom: 14px;
        left: 14px;
        -webkit-animation-delay:1.04s;
    }

</style>
<div class="right-titpos">
    @include('layouts.tabs')
    <ul class="add-snav">
        <li class="active">手动提现记录</li>
    </ul>
</div>

{{--<form action="" method="post" class="form-horizontal">--}}
<form action="" method="get" class="form-horizontal" id="form1">
    <input type="hidden" name="c" value="site" />
    <input type="hidden" name="a" value="entry" />
    <input type="hidden" name="m" value="yun_shop" />
    <input type="hidden" name="do" value="5201" />
    <input type="hidden" name="route" value="plugin.integral.Backend.Modules.Integral.Controllers.manual-records" id="route" />
    <div class="panel panel-info">
        <div class="panel-body">
            <input type="hidden" name="search[status]" value="{{$search['status']}}">

            <div class="form-group col-xs-12 col-sm-2 col-md-2 col-lg-2 ">
                <div class="">
                    <input type="text" placeholder="会员ID" class="form-control" name="search[member_id]"
                           value="{{$search['member_id']}}"/>
                </div>
            </div>

            <div class="form-group col-xs-12 col-sm-2 col-md-2 col-lg-2 ">
                <div class="">
                    <input type="text" placeholder="会员昵称/姓名/手机号码" class="form-control" name="search[realname]"
                           value="{{$search['realname']}}"/>
                </div>
            </div>

            <div class="form-group col-xs-12 col-sm-2 col-md-2 col-lg-2 ">
                <div class="">
                    <input type="text" placeholder="提现编号" class="form-control" name="search[withdraw_sn]"
                           value="{{$search['withdraw_sn']}}"/>
                </div>
            </div>

            <div class="form-group col-xs-12 col-sm-2 col-md-2 col-lg-2">
                <div class="">
                    <select name='search[status]' class='form-control'>
                        <option value=''>提现状态</option>
                        <option @if($search['status'] == 0) selected @endif value='0'> 待审核 </option>
                        <option @if($search['status'] == 1) selected @endif value='1'> 已审核 </option>
                        <option @if($search['status'] == 2) selected @endif value='2'> 已打款 </option>
                        <option @if($search['status'] == -1) selected @endif value='-1'> 已无效 </option>
                        <option @if($search['status'] == 3) selected @endif value='3'> 待打款 </option>
                    </select>
                </div>
            </div>



            <div class="form-group col-xs-12 col-sm-12 col-md-4 col-lg">
                <div class="time">
                    <select name='search[searchtime]' class='form-control'>
                        <option value='0'
                                @if($search['searchtime']=='0')
                                selected
                                @endif>不搜索时间
                        </option>
                        <option value='1'
                                @if($search['searchtime']=='1')
                                selected
                                @endif>搜索时间
                        </option>
                    </select>
                </div>
                <div class="search-select">
                    {!! app\common\helpers\DateRange::tplFormFieldDateRange('search[times]', [
                    'starttime'=>date('Y-m-d H:i', time()),
                    'endtime'=>date('Y-m-d H:i', time()),
                    'start'=>0,
                    'end'=>0
                    ], true) !!}
                </div>
            </div>
            <div class="form-group ol-md-12 col-lg-4">
                <div class="">
                    <button class="btn btn-success "><i class="fa fa-search"></i> 搜索</button>
                    <button type="button" name="export" value="1" id="export" class="btn btn-default">导出
                        Excel
                    </button>
                </div>
            </div>

        </div>
    </div>
</form>

<div class='panel panel-default'>
    <div class='panel-body'>
        <table class="table">
            <thead>
            <div>总数：{{$records->total()}}</div>
            <hr style="border: 0.5px solid #d2d6de">
            <tr>
                <th style='width:20%;'>提现编号</th>
                <th style='width:10%;'>粉丝</th>
                <th style='width:10%;'>姓名</br>手机号码</th>
                <th style='width:10%;'>申请金额</th>
                <th style='width:10%;'>申请时间</th>
                <th style='width:10%;'>提现状态</th>
                <th style='width:10%;'>操作</th>
            </tr>
            </thead>
            <tbody>
            @foreach($records as $row)
                <tr>
                    <td title="{{$row->withdraw_sn}}" class="tip">{{$row->withdraw_sn}}</td>
                    <td><img src="{{tomedia($row->hasOneMember['avatar'])}}"
                             style="width: 30px; height: 30px;border:1px solid #ccc;padding:1px;">
                        <br/>
                        {{$row->hasOneMember['nickname']}}</td>
                    <td>{{$row->hasOneMember['realname']}}<br/>{{$row->hasOneMember['mobile']}}</td>
                    <td>{{$row->change}}</td>
                    <td>{{$row->created_at}}</td>
                    <td>{{$row->status_name}}</td>
                    <td>
                        <a class='btn btn-default'
                               href="{{yzWebUrl('plugin.integral.Backend.Modules.Integral.Controllers.manual-withdraw.detail', ['id' => $row->id])}}" target = "_blank">详情</a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
        {!! $page !!}

    </div>
</div>

<script language='javascript'>
    $(function () {
        $('#export').click(function () {
            $('#route').val("plugin.integral.Backend.Modules.Integral.Controllers.manual-records.export");
            $('#form1').submit();
            $('#route').val("plugin.integral.Backend.Modules.Integral.Controllers.manual-records");
        });
        $('#fa-search').click(function () {

            $('#form1').attr('action', '{!! yzWebUrl('integral.Backend.Modules.Integral.Controllers.manual-records.index') !!}');
            $('#form1').submit();
        });

        $('#all').change(function() {
            $(this).parents('.table').find('input[type="checkbox"]').prop('checked',$(this).prop('checked'));
        });

        $('.withdraw_success').click(function () {
            var process_id = $(document).find('.batch_alipay_form input[name="ids"]').val();

            if (typeof(process_id) != 'undefined' || process_id != '' || process_id != 0) {
                $('#myModal').modal('hide');

                $.ajax({
                    url: '{!! yzWebUrl('finance.withdraw.updateWidthdrawOrderStatus') !!}',
                    type: 'get',
                    data: {ids:process_id},
                    dataType: 'json',
                    beforeSend: function () {
                        $('.loadEffect').show();
                    }
                }).done(function (json) {
                    if (json.status == 1) {
                        //  alert('更新订单状态成功');
                        location.reload();
                    } else {
                        alert('更新订单状态失败');
                    }
                }).fail(function (message) {
                    console.log(message);
                }).always(function () {
                    $('.loadEffect').hide();
                })
            }
        });
    });
</script>
@endsection