@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">
        <button class="layui-btn layui-btn-sm" onclick="addMerchant()"><i class="layui-icon">&#xe654;</i> 添加商家</button>
        <button class="layui-btn layui-btn-sm layui-btn-primary" onclick="loadData()"><i class="layui-icon">&#xe9aa;</i> 刷新</button>
        <table id="merchantTable" lay-filter="merchantTable"></table>
    </div>
</div>

<script type="text/html" id="statusTpl">
    @{{# if(d.status==1){ }}<span class="layui-badge layui-bg-green">启用</span>@{{# } }}
    @{{# if(d.status==0){ }}<span class="layui-badge layui-bg-gray">禁用</span>@{{# } }}
</script>
<script type="text/html" id="logoTpl">
    @{{# if(d.logo){ }}<img src="@{{d.logo}}" style="height:28px;border-radius:4px;">@{{# } else { }}-@{{# } }}
</script>
<script type="text/html" id="actionTpl">
    <button class="layui-btn layui-btn-xs" lay-event="edit">编辑</button>
    <button class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</button>
</script>

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

    table.render({
        elem:'#merchantTable', url:'/admin/c2c_merchant/list', page:true,
        cols:[[
            {field:'id',title:'ID',width:60,sort:true},
            {field:'logo',title:'Logo',width:70,templet:'#logoTpl'},
            {field:'name',title:'商家名称',width:140},
            {field:'crypto_currency',title:'加密货币',width:80},
            {field:'fiat_currency',title:'法币',width:70},
            {field:'unit_price',title:'单价',width:100},
            {field:'available_qty',title:'库存',width:100},
            {field:'min_amount',title:'最小限额',width:90},
            {field:'max_amount',title:'最大限额',width:100},
            {field:'payment_methods',title:'支付方式',width:160},
            {field:'rating',title:'好评率',width:80},
            {field:'contact_type',title:'联系方式',width:90},
            {field:'contact_link',title:'联系链接',width:140},
            {field:'sort',title:'排序',width:70},
            {field:'status',title:'状态',width:90,templet:'#statusTpl'},
            {fixed:'right',title:'操作',width:140,toolbar:'#actionTpl'}
        ]]
    });

    table.on('tool(merchantTable)', function(obj){
        if(obj.event==='edit') editMerchant(obj.data);
        if(obj.event==='del'){
            layer.confirm('确定删除该商家？',function(i){
                $.post('/admin/c2c_merchant/delete',{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});
                });
            });
        }
    });

    window.addMerchant = function(){ openForm({}); };
    window.editMerchant = function(d){ openForm(d); };

    function openForm(d){
        var html = '<form class="layui-form" style="padding:20px;">'
            +'<div class="layui-form-item"><label class="layui-form-label">商家名称</label><div class="layui-input-block"><input name="name" class="layui-input" value="'+(d.name||'')+'"></div></div>'
            +'<div class="layui-form-item"><label class="layui-form-label">Logo URL</label><div class="layui-input-block"><input name="logo" class="layui-input" value="'+(d.logo||'')+'"></div></div>'
            +'<div class="layui-form-item"><label class="layui-form-label">加密货币</label><div class="layui-input-block"><input name="crypto_currency" class="layui-input" value="'+(d.crypto_currency||'USDT')+'"></div></div>'
            +'<div class="layui-form-item"><label class="layui-form-label">法币</label><div class="layui-input-block"><input name="fiat_currency" class="layui-input" value="'+(d.fiat_currency||'USD')+'"></div></div>'
            +'<div class="layui-form-item"><label class="layui-form-label">单价</label><div class="layui-input-block"><input name="unit_price" class="layui-input" value="'+(d.unit_price||'')+'"></div></div>'
            +'<div class="layui-form-item"><label class="layui-form-label">库存数量</label><div class="layui-input-block"><input name="available_qty" class="layui-input" value="'+(d.available_qty||0)+'"></div></div>'
            +'<div class="layui-form-item"><label class="layui-form-label">最小限额</label><div class="layui-input-block"><input name="min_amount" class="layui-input" value="'+(d.min_amount||100)+'"></div></div>'
            +'<div class="layui-form-item"><label class="layui-form-label">最大限额</label><div class="layui-input-block"><input name="max_amount" class="layui-input" value="'+(d.max_amount||100000)+'"></div></div>'
            +'<div class="layui-form-item"><label class="layui-form-label">支付方式</label><div class="layui-input-block"><input name="payment_methods" class="layui-input" value="'+(d.payment_methods||'银行卡')+'" placeholder="逗号分隔"></div></div>'
            +'<div class="layui-form-item"><label class="layui-form-label">好评率(%)</label><div class="layui-input-block"><input name="rating" class="layui-input" value="'+(d.rating||99.99)+'" placeholder="0-100"></div></div>'
            +'<div class="layui-form-item"><label class="layui-form-label">联系类型</label><div class="layui-input-block"><select name="contact_type"><option value="whatsapp" '+(d.contact_type=='whatsapp'?'selected':'')+'>WhatsApp</option><option value="telegram" '+(d.contact_type=='telegram'?'selected':'')+'>Telegram</option><option value="email" '+(d.contact_type=='email'?'selected':'')+'>Email</option></select></div></div>'
            +'<div class="layui-form-item"><label class="layui-form-label">联系链接</label><div class="layui-input-block"><input name="contact_link" class="layui-input" value="'+(d.contact_link||'')+'" placeholder="WhatsApp号码或TG用户名"></div></div>'
            +'<div class="layui-form-item"><label class="layui-form-label">排序</label><div class="layui-input-block"><input name="sort" class="layui-input" value="'+(d.sort||0)+'"></div></div>'
            +'<div class="layui-form-item"><label class="layui-form-label">状态</label><div class="layui-input-block"><select name="status"><option value="1" '+(d.status==1?'selected':'')+'>启用</option><option value="0" '+(d.status==0?'selected':'')+'>禁用</option></select></div></div>'
            +'</form>';
        layer.open({
            type:1, title:d.id?'编辑商家':'添加商家', area:['520px','680px'], content:html,
            btn:['保存','取消'],
            yes:function(index,layero){
                var form = layero.find('form');
                var postData = {};
                form.find('input,select,textarea').each(function(){postData[this.name]=this.value;});
                if(d.id) postData.id = d.id;
                postData._token = '{{csrf_token()}}';
                $.post('/admin/c2c_merchant/save', postData, function(r){
                    layer.close(index);
                    if(r.type=='ok'){layer.msg('保存成功');loadData();}else layer.msg(r.message,{icon:2});
                });
            }
        });
    }
});
</script>
@endsection