@extends('layouts.father')
@section('title', '付款单详情')
<style>
</style>
@section('body')
    <div class="wrap">
        <div class="x-nav">
      <span class="layui-breadcrumb">
        <a onclick="goindex()">首页</a>
        <a href="#">财务管理</a>
        <a>
          <cite>付款单详情</cite></a>
      </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
               onclick="location.reload()" title="刷新"><i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
        </div>
        <div class="x-body" id="outboundAddPrint">
            <form class="layui-form">
                {{csrf_field()}}
                <xblock class="">
                    <span class="status" style="float: left;line-height: 40px;margin-right: 20px;margin-left: 20px;">状态:</span>
                    <div class="putIn" style="float: left;">
                        <div class="find_id"></div>
                        <div id="putIn" class="inPut">
                            @if($payment->status == '未执行')
                                <a onclick="do_payment({{$payment->id}})" href="javascript:void(0)"><div class="layui-btn" id="do_vouchClass"><i class="layui-icon">&#xe608;</i>  执行</div></a>
                                <div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe9aa;</i>  撤销执行</div>
                            @elseif($payment->status == '已执行')
                                <div class="inputs">
                                    <div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe608;</i>  执行</div>
                                    <a onclick="back_payment({{$payment->id}})" href="javascript:void(0)"><div class="layui-btn" ><i class="layui-icon">&#xe9aa;</i>  撤销执行</div></a>
                                    {{--<a onclick="" href="javascript:void(0)"><div class="layui-btn aboutList" ><i class="layui-icon">&#xe655;</i>  快递单</div></a>--}}
                                </div>
                            @endif
                        </div>
                    </div>
                    <div class="operation" style="float: right;margin-right: 212px">
                        <button class="layui-btn" lay-filter="addd" lay-submit="" ><i class="layui-icon">&#x1005;</i>  保存</button>
                        <div class="layui-btn" onclick="del_payment({{$payment->id}})"><i class="layui-icon">&#xe640;</i>  删除</div>
                    </div>
                </xblock>
                <div class="info_container ">
                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">付款单编号:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="pay_num" value="{{$payment->pay_num}}" lay-verify="pay_num" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">关联单据:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="relevance" value="{{$payment->relevance}}"  lay-verify="relevance" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <div class="layui-form-item">
                                    <label class="layui-form-label" id="gys"><span class="x-red">*</span>供应商:</label>
                                    <div class="layui-input-inline li_input">
                                        <select name="supplier" lay-verify="required" lay-filter="search_type">
                                            @foreach($supplier as $s)
                                                <option value=""></option>
                                                <option value="{{$s}}" @if($payment->supplier == $s) selected @endif>{{$s}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label"><span class="x-red">*</span>应付总额:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="should_moneys" value="{{$payment->should_moneys}}"  lay-verify="relevance" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label"><span class="x-red">*</span>实付总额:</label>
                                <div class="layui-input-block">
                                    <input type="text" @if(empty($payment_detail)) id="real_money" @else id="real_moneys" @endif name="real_money"  value="{{$payment->real_money}}" lay-verify="relevance" autocomplete="off" placeholder="" class="layui-input li_input">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">供应商银行:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="supplier_bank" value="{{$payment->supplier_bank}}" lay-verify="arranger" autocomplete="off" placeholder="" class="layui-input li_input">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">供应商账号:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="supplier_account" value="{{$payment->supplier_account}}" lay-verify="creater" autocomplete="off" placeholder="" class="layui-input li_input" >
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">供应商户名:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="supplier_name" value="{{$payment->supplier_name}}" lay-verify="creater" autocomplete="off" placeholder="" class="layui-input li_input" >
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label"><span class="x-red">*</span>付款账号:</label>
                                <div class="layui-input-block li_input">
                                    <select name="pay_account" lay-verify="required">
                                        <option value=""></option>
                                        @foreach($banklist as $k => $s)
                                            <option value="{{$s.$k}}" @if($payment->pay_account == $s.$k) selected @endif>{{$s.$k}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">创建时间:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="created_at" value="{{$payment->created_at}}" lay-verify="created_at" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled" style="width: 52%">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">创建人:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="creater" value="{{$payment->creater}}" lay-verify="creater" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled" style="width: 52%">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">经办人:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="arranger" value="{{$payment->arranger}}" lay-verify="arranger" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled" style="width: 52%">
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="layui-form-item">
                                <label class="layui-form-label">执行时间:</label>
                                <div class="layui-input-block">
                                    <input type="text" name="affirm_time" value="{{$payment->affirm_time}}" lay-verify="affirm_time" autocomplete="off" placeholder="" class="layui-input li_input layui-btn-disabled" style="width: 52%">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">备注:</label>
                    <div class="layui-input-block">
                        <input type="text" name="remark" value="{{$payment->remark}}" lay-verify="remark" autocomplete="off" placeholder="" class="layui-input" style="width: 52%">
                    </div>
                </div>
                <input class="pay_id"  type="hidden" name="pay_id" value="{{$payment->id}}">

                <!--startprint1--><!--打印内容开始-->
                <table class="layui-table" id="inPuttable" lay-size="sm">
                    <thead>
                    <tr class="tr_head">
                        <th>序号</th>
                        <th style="width: 220px;">入库单编号</th>
                        <th>应付金额</th>
                        <th>实付金额</th>
                        <th>核销金额</th>
                        <th>操作</th>
                    </tr>
                    @if(!empty($payment_detail))
                        @foreach($payment_detail as $k=>$p)
                            <tr class="info_tr php_tr">
                                <td class="num layui-btn-disabled">{{$k}}</td>
                                <td class="td_padd">
                                    <input type="text" name="cargoTitle[{{$k}}]" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input" value="{{$p['num']}}" onchange="">
                                    <a class="layui-btn cargo_btn" onclick="payment_msg()"><i class="layui-icon">&#xe615;</i></a>
                                </td>
                                <input type="hidden" name="number[{{$k}}]" value="{{$p['num']}}" class="num_val">
                                <td class="info_name td_padd" >
                                    <input type="text" name="should_money[{{$k}}]" lay-verify="title" autocomplete="off" placeholder="" class="layui-input layui-btn-disabled" value="{{$p['should_money']}}">
                                </td>{{--应付金额--}}
                                <td class="td_padd">{{--实付金额--}}
                                    <input type="text" name="money[{{$k}}]" lay-verify="title" autocomplete="off" placeholder="" class="layui-input" value="{{$p['money']}}" onchange="moneyval(this)">
                                </td>
                                <td class="td_padd">{{--核销金额--}}
                                    <input type="text" name="hx_money[{{$k}}]" lay-verify="title" autocomplete="off" placeholder="" class="layui-input" value="{{$p['hx_money']}}">
                                </td>
                                {{--<input type="hidden" name="money_val[{{$k}}]" value="" class="money_val">--}}
                                <td class="td-manage">
                                    <a title="删除" onclick="normsType_del(this)" href="javascript:;">
                                        <div class="layui-btn">删除</div>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    @endif
                    </thead>
                    <tbody id="x-img">
                    <div class="intr"></div>
                    <tr class="info_tr addTr">
                        <td class="layui-btn-disabled"></td>
                        <td class="td_padd">
                            <input type="text" name="cargoTitle" id="ArtNoNum" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input cargoTitle repeat_cargo" onchange="getVal(this)">
                            <div class="layui-btn cargo_btn addClick" onclick="payment_msg()"><i class="layui-icon">&#xe615;</i></div>
                        </td>
                        <td class="info_name layui-btn-disabled"></td>
                        <td class="td_padd">
                            <input type="text" name="" type="number" lay-verify="" id="input1" autocomplete="off" placeholder="" class="layui-input">
                        </td>
                        <td class="td_padd">
                            <input type="text" name="" type="number" lay-verify="" id="input1" autocomplete="off" placeholder="" class="layui-input">
                        </td>
                        <td class="td-manage">
                            <a title="删除" href="javascript:;" class="">
                                <div class="layui-btn">删除</div>
                            </a>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <!--打印内容结束--><!--endprint1-->
            </form>
        </div>
    </div>
    <script>
        $("#input1").bind("input propertychange",function(event){
            ArtNoNumIf("#input1")
        });
        function ArtNoNumIf(inputId){//判断货号是否为空
            if($("#ArtNoNum").val() === ''){
                $(inputId).val('')
                layer.tips('请填写入库单编号', "#ArtNoNum", {
                    tips: 1
                });
            }
        }
        function get_should_money(data) {//应付总额
            $("input[name='should_moneys']").val(data)
        }
        function get_real_money(data) {//实付总额
            $("input[id='real_moneys']").val(data)
        }
        var supplierIndex = $("select[name='supplier']").find("option:selected").text()//供应商值
        var dataToo = {} //fatherjs取到的数据是否有重复
        var moneyAll = 0 //应付总额
        var money = 0 //实付总额
        get_should_money(moneyAll)
        get_real_money(money)
        var info_tr_obj = $('.php_tr')
        info_tr_obj.each(function(i, btn) {
            moneyAll += parseFloat($(btn).children("td:eq(2)").find("input").val())
            money += parseFloat($(btn).children("td:eq(3)").find("input").val())
            get_should_money(moneyAll)
            get_real_money(money)
            if($(btn).children("td:eq(0)").text()){
                dataToo[$(btn).children("td:eq(1)").find("input").val()] = {
                    0:$(btn).children("td:eq(1)").find("input").val(),
                    1:$(btn).children("td:eq(2)").text()
                }
                dataToo = JSON.parse(JSON.stringify(dataToo))
            }
        });
        //监听提交
        layui.use(['layer','form'], function(){
            $ = layui.jquery;//jquery
            form = layui.form;
            form.verify({
                noChinese: function(value, item){ //value：表单的值、item：表单的DOM对象
                    if(/[\u4E00-\u9FA5]/.test(value)){
                        return '批次或卷号请输入数字或英文';
                    }
                }
            });
            form.on('select(search_type)', function(data){
                $.get("/admin/supplier_pay?supplier="+data.value, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        console.log(res.data[0].bank)
                        $("input[name='supplier_bank']").val(res.data[0].bank)
                        $("input[name='supplier_name']").val(res.data[0].bank_name)
                        $("input[name='supplier_account']").val(res.data[0].bank_access)
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }
                });
                if(supplierIndex !== data.value){
                    $('.php_tr').remove()
                    supplierIndex = data.value
                    dataToo = {}
                    get_real_money('')
                    get_should_money('')
                }
            });
            //监听提交
            form.on('submit(addd)', function(data){
                //保存的时候判断中文
                var do_vouchClass = document.getElementById("do_vouchClass");
                if(do_vouchClass){
                    do_vouchClass.classList.remove("layui-btn-disabled");
                }
                var loadIndex = layer.load(); //打开加载loading
                var id = $("input[name=pay_id]").val()
                if(id == ''){
                    url = "/admin/paymentAdd";
                }else{
                    url = "/admin/paymentEdit";
                }
                //发异步，把数据提交给php
                $.post(url, data.field, function (res) {
                    layer.close(loadIndex); //关闭加载loading
                    //发异步，把数据提交给php
                    if(res.status == 1) {
                        layer.alert(res.msg, {icon: 1}, function (index) {
                            layer.close(index);
                            location.href = '/admin/paymentAdd?id='+res.data.id;
                        });
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }
                }, "json");
                return false;
            });
        });
        function payment_msg () {
            var supplier = $("select[name='supplier']").find("option:selected").text()//供应商值
            if(supplier === ''){
                layer.tips('请填写供应商', $("#gys"), {
                    tips: 4
                });
                return
            }
            layer.open({
                type: 2,
                title:'入库单信息',
                area: ['900px', '650px'],
                content: `/admin/findVouch/${supplier}`,
                success: function(layero, index){
                }
            });
        }
        var cnt = {{$count}}+''
        //铺数据
        function fatherjs(data) {
            //判断数据是否已存在
            if(JSON.stringify(dataToo) === "{}"){
                dataToo = data
            }else{
                for(let o in data){
                    if(dataToo[o] === undefined){
                        dataToo[o] = data[o]
                    }else {
                        if(dataToo[o][0] === data[o][0]){
                            delete data[o]
                        }
                    }
                }
            }
            for (let i in data){
                //填充数据一行tr
                var html = '';
                html += '<tr class="info_tr php_tr">'
                html += `<td class="num layui-btn-disabled">${cnt}</td>`
                html += '  <td class="td_padd">'
                html += `<input type="text" name="cargoTitle" lay-verify="title" autocomplete="off" placeholder="" class="layui-input td_input repeat_cargo" value="${data[i][0]}" onchange="">`
                html += ' <div class="layui-btn cargo_btn" onclick="payment_msg()"><i class="layui-icon">&#xe615;</i></div>'
                html += ' </td>'
                html += `<input type="hidden" name="number[${cnt}]" value="${data[i][0]}" class="num_val">`
                html += `<td class="info_name td_padd"><input type="text" name="should_money[${cnt}]" lay-verify="title" autocomplete="off" placeholder="" class="layui-input layui-btn-disabled" value="${data[i][1]}"></td>`
                // html += `<input type="hidden" name="should_money[${cnt}]" value="${data[i][1]}" class="allmoney">`
                html += `<td class="td_padd"><input type="number" name="money[${cnt}]" lay-verify="" autocomplete="off" placeholder="" class="layui-input" onchange="moneyval(this)">`
                html += `<td class="td_padd"><input type="number" name="hx_money[${cnt}]" lay-verify="" autocomplete="off" placeholder="" class="layui-input">`
                // html += `<input type="hidden" name="money[${cnt}]" class="money_val">`
                html += '</td>'
                html += '  <td class="td-manage" style="padding: 0px;padding-left: 10px">'
                html += '  <a title="删除" onclick="normsType_del(this)" href="javascript:;">'
                html += ' <div class="layui-btn">删除</div>'
                html += '   </a> '
                html += '  </td>'
                html += "</tr>"
                cnt++;
                $('.addTr').before(html);
                moneyAll += parseFloat(data[i][1])
                get_should_money(moneyAll)
            }
            layer.closeAll();
        }
        /*表格-tr-删除*/
        function normsType_del(id) {
            layer.confirm('确认要删除吗？', function (index) {
                $(id).parents('.td-manage').parent('tr').remove();
                money= 0
                moneyAll = 0
                var trparms = id
                layer.close(index);
                //删除当前tr的去重校对值
                delete dataToo[$(trparms).parents('.td-manage').parent('tr').children("td:eq(1)").find("input").val()]
                $('.php_tr').each(function(i, btn) {
                    moneyAll += parseFloat($(btn).children("td:eq(2)").find("input").val()) || 0
                    money += parseFloat($(btn).children("td:eq(3)").find("input").val()) || 0
                    get_should_money(moneyAll)
                    get_real_money(money)
                });
                if($('.php_tr').length === 0){
                    money= 0
                    moneyAll = 0
                    get_should_money(moneyAll)
                    get_real_money(money)
                }
            });
        }
        function moneyval(data) {
            $(data.parentNode).find(".money_val").val($(data).val())
            money = 0
            $('.php_tr').each(function(i, btn) {
                money += parseFloat($(btn).children("td:eq(3)").find("input").val()) || 0
            });
            get_real_money(money)
        }
        //执行
        function do_payment(id){
            layer.confirm('确认要执行吗？',function(index){
                $.get("/admin/doPayment/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.href = '/admin/paymentAdd?id='+res.data.id;
                        });

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }

        //撤销执行
        function back_payment(id){
            layer.confirm('确认要撤销执行吗？',function(index){
                $.get("/admin/backPayment/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.href = '/admin/paymentAdd?id='+res.data.id;
                        });

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }

        //付款单删除
        function del_payment(id){
            layer.confirm('确认要删除吗？',function(index){
                $.get("/admin/delPayment/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            parent.location.href = '/admin/paymentList';
                        });

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }
    </script>
    <style>
        .td_padd{
            width: 400px;
        }
    </style>
@endsection