@extends('admin._layoutNew')
@section('title', 'C2C商家订单')
@section('page-content')
<div class="layui-card">
    <div class="layui-card-header">C2C商家订单管理</div>
    <div class="layui-card-body">
        <div class="layui-btn-group" style="margin-bottom:15px;">
            <button class="layui-btn layui-btn-sm" onclick="loadData()"><i class="layui-icon">&#xe9aa;</i> 刷新</button>
        </div>
        <table id="orderTable" lay-filter="orderTable"></table>
    </div>
</div>

<script type="text/html" id="statusTpl">
    @{{# if(d.status==0){ }}<span class="layui-badge layui-bg-orange">待处理</span>@{{# } }}
    @{{# if(d.status==1){ }}<span class="layui-badge layui-bg-green">已完成</span>@{{# } }}
    @{{# if(d.status==2){ }}<span class="layui-badge layui-bg-gray">已取消</span>@{{# } }}
    @{{# if(d.status==3){ }}<span class="layui-badge">已过期</span>@{{# } }}
</script>
<script type="text/html" id="actionTpl">
    @{{# if(d.status==0){ }}<button class="layui-btn layui-btn-xs layui-btn-normal" lay-event="complete">完成</button>@{{# } else { }}-@{{# } }}
</script>

@endsection
@section('scripts')
<script>
layui.use(['table','layer'], function(){
    var table = layui.table;
    window.loadData = function(){ table.reload('orderTable'); };

    table.render({
        elem:'#orderTable', url:'/admin/c2c_merchant/order/list', page:true,
        cols:[[
            {field:'id',title:'ID',width:60},
            {field:'order_no',title:'订单号',width:170},
            {field:'user_id',title:'用户ID',width:70},
            {field:'user_email',title:'邮箱',width:180},
            {field:'merchant_name',title:'商家',width:140},
            {field:'direction_text',title:'方向',width:80},
            {field:'crypto_currency',title:'加密货币',width:80},
            {field:'amount',title:'数量',width:100},
            {field:'unit_price',title:'单价',width:100},
            {field:'total_price',title:'总价',width:110},
            {field:'fee',title:'手续费',width:90},
            {field:'status',title:'状态',width:100,templet:'#statusTpl'},
            {field:'created_at',title:'创建时间',width:170},
            {field:'expire_time',title:'过期时间',width:170},
            {fixed:'right',title:'操作',width:110,toolbar:'#actionTpl'}
        ]]
    });

    table.on('tool(orderTable)', function(obj){
        if(obj.event==='complete'){
            layer.confirm('确定将此订单标记为已完成？',function(i){
                $.post('/admin/c2c_merchant/order/complete',{id:obj.data.id,_token:'{{csrf_token()}}'},function(r){
                    layer.close(i);
                    if(r.type=='ok'){layer.msg('操作成功');loadData();}else layer.msg(r.message,{icon:2});
                });
            });
        }
    });
});
</script>
@endsection