// 提现申请页面
const { useState, useEffect } = React;

var ACC_TYPES = [
  { v: 'alipay', l: '支付宝' },
  { v: 'wechat', l: '微信' },
  { v: 'bank', l: '银行卡' }
];

function WithdrawPage() {
  // [20260601] 提现入口临时封控 - 真实支付通道未接入，暂不开放提现
  var WITHDRAW_OPEN = false;

  var _f = useState({ amount: '', accountType: '', accountName: '', accountNo: '', remark: '' });
  var f = _f[0], sf = _f[1];
  var _ld = useState(false); var ld = _ld[0], sld = _ld[1];
  var _er = useState(''); var er = _er[0], ser = _er[1];
  var _ok = useState(false); var ok = _ok[0], sok = _ok[1];
  var _bal = useState(0); var bal = _bal[0], sbal = _bal[1];

  useEffect(function() {
    if (!NK.Store.isLoggedIn()) return;
    NK.Api.Wallet.info().then(function(r) {
      if (r && r.code === 0) sbal(Number(r.data.balance) || 0);
    });
  }, []);

  function sF(k, v) { sf(function(p) { var n = {}; for (var x in p) n[x] = p[x]; n[k] = v; return n; }); }

  function submit() {
    var amt = parseFloat(f.amount);
    if (!amt || amt <= 0) { ser('请输入有效提现金额'); return; }
    if (amt > bal) { ser('提现金额不能超过可用余额'); return; }
    if (!f.accountType) { ser('请选择收款方式'); return; }
    if (!f.accountName.trim()) { ser('请填写收款姓名'); return; }
    if (!f.accountNo.trim()) { ser('请填写收款账号'); return; }
    ser(''); sld(true);
    NK.Api.Wallet.withdraw({ amount: amt, accountType: f.accountType, accountName: f.accountName.trim(), accountNo: f.accountNo.trim(), remark: f.remark }).then(function(r) {
      if (r && r.code === 0) sok(true);
      else ser((r && r.message) || '提交失败');
    }).catch(function() { ser('网络错误'); }).finally(function() { sld(false); });
  }

  var h = React.createElement;
function svgArrL(c){return h('svg',{width:20,height:20,viewBox:'0 0 24 24',fill:'none',stroke:c||'#334155',strokeWidth:1.875,strokeLinecap:'round',strokeLinejoin:'round'},h('path',{d:'M15 18l-6-6 6-6'}));}


  if (!NK.Store.isLoggedIn()) return h('div',{className:'detail-page'},h('div',{className:'empty-state',style:{paddingTop:80}},h('div',{className:'eicon'},'\uD83D\uDD12'),h('div',null,'请先登录')));

  // 提现功能暂未开放
  if (!WITHDRAW_OPEN) return h('div',{className:'detail-page'},
    h('div',{className:'back-header'},h('div',{className:'bbtn',onClick:function(){NK.Store.back('wallet')}},svgArrL()),h('div',{className:'btitle'},'提现')),
    h('div',{style:{textAlign:'center',padding:'60px 24px'}},
      h('div',{style:{fontSize:56,marginBottom:12}},'\uD83D\uDEA7'),
      h('div',{style:{fontSize:18,fontWeight:700,color:'#faad14',marginBottom:8}},'提现功能正在接入中'),
      h('div',{style:{fontSize:14,color:'#666',marginBottom:20}},'暂未开放，敬请期待'),
      h('button',{className:'pub3-btn primary',style:{width:'auto',padding:'0 36px'},onClick:function(){NK.Store.navigate('wallet')}},'返回钱包')
    )
  );

  if (ok) return h('div',{className:'detail-page'},
    h('div',{className:'back-header'},h('div',{className:'bbtn',onClick:function(){NK.Store.navigate('wallet')}},svgArrL()),h('div',{className:'btitle'},'提现')),
    h('div',{style:{textAlign:'center',padding:'60px 24px'}},
      h('div',{style:{fontSize:56,marginBottom:12}},'\u2705'),
      h('div',{style:{fontSize:18,fontWeight:700,color:'#52c41a',marginBottom:8}},'提现申请已提交'),
      h('div',{style:{fontSize:14,color:'#666',marginBottom:20}},'等待平台审核'),
      h('button',{className:'pub3-btn primary',style:{width:'auto',padding:'0 36px'},onClick:function(){NK.Store.navigate('wallet')}},'返回钱包'),
      h('div',{style:{marginTop:14}},h('span',{style:{color:'#1677ff',fontSize:14,cursor:'pointer'},onClick:function(){sok(false);sf({amount:'',accountType:'',accountName:'',accountNo:'',remark:''})}},'继续提现'))
    )
  );

  return h('div',{className:'detail-page',style:{paddingBottom:80}},
    h('div',{className:'back-header'},h('div',{className:'bbtn',onClick:function(){NK.Store.navigate('wallet')}},svgArrL()),h('div',{className:'btitle'},'提现')),
    h('div',{style:{padding:12}},
      h('div',{className:'pub3-card'},
        h('div',{className:'pub3-ctitle'},'账户余额: \u00A5' + bal.toFixed(2)),
        h('div',{className:'pub3-row'},h('div',{className:'pub3-label'},'提现金额 *'),h('input',{className:'pub3-input',type:'number',placeholder:'请输入金额',value:f.amount,onChange:function(e){sF('amount',e.target.value)}})),
        h('div',{className:'pub3-row'},h('div',{className:'pub3-label'},'收款方式 *'),h('div',{className:'pub3-tiertabs'},ACC_TYPES.map(function(t){return h('div',{key:t.v,className:'pub3-tiertab'+(f.accountType===t.v?' active':''),onClick:function(){sF('accountType',f.accountType===t.v?'':t.v)}},t.l)}))),
        h('div',{className:'pub3-row'},h('div',{className:'pub3-label'},'收款姓名 *'),h('input',{className:'pub3-input',placeholder:'请输入真实姓名',value:f.accountName,onChange:function(e){sF('accountName',e.target.value)}})),
        h('div',{className:'pub3-row'},h('div',{className:'pub3-label'},'收款账号 *'),h('input',{className:'pub3-input',placeholder:'请输入账号',value:f.accountNo,onChange:function(e){sF('accountNo',e.target.value)}})),
        h('div',{className:'pub3-row'},h('div',{className:'pub3-label'},'备注'),h('textarea',{className:'pub3-textarea',placeholder:'选填',value:f.remark,onChange:function(e){sF('remark',e.target.value)},rows:2})),
        er ? h('div',{style:{color:'#ff4d4f',fontSize:13,marginBottom:8}},er) : null
      ),
      h('div',{className:'pub3-bottom-bar'},h('button',{className:'pub3-btn primary',onClick:submit,disabled:ld},ld?'提交中...':'提交提现申请'))
    )
  );
}
window.NK = window.NK || {}; NK.WithdrawPage = WithdrawPage;