@extends('layouts.father')
@section('title', '月结账')
@section('body')
    {{--<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="/admin/setDetail?id={{$custom->id}}" title="刷新">
        <i class="layui-icon" style="line-height:30px">&#xe669;</i></a>--}}
    <div class="x-body">
        <form class="layui-form" enctype="multipart/form-data">
            {{csrf_field()}}
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    <span class="x-red">*</span>结账日期1：
                </label>
                <div class="layui-input-inline">
                    <input name="closing_date" type="text" value="" placeholder="选择日期范围" autocomplete="off"
                           class="layui-input" id="start" >
                </div>
                <input type="hidden" name="id" value="">
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">会计期:</label>
                <div class="layui-input-inline">
                    <select name="accounting_period" lay-verify="">
                        <option></option>
                        <option >1月</option>
                        <option >2月</option>
                        <option >3月</option>
                        <option >4月</option>
                        <option >5月</option>
                        <option >6月</option>
                        <option >7月</option>
                        <option >8月</option>
                        <option >9月</option>
                        <option >10月</option>
                        <option >11月</option>
                        <option >12月</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">

                <button  id="add" class="layui-btn" lay-filter="add" lay-submit="">
                    保存
                </button>
            </div>
        </form>
    </div>
    <script>
      // layui.use('laydate', function(){

      // });
      let time = "{{$date}}";
      function getTimeMax(time){
        {{--let time = "{{$date}}"; // 结账日期--}}
        let timeArray = time.split(' ')[0].split('-')
        let timeObj = {
          year:timeArray[0],
          month:timeArray[1],
          day:timeArray[2]
        }
        let contingency = Number(timeObj.month) + 4;
        if(contingency > 12){
          timeObj.year = Number(timeObj.year) + 1;
          timeObj.month = (contingency - 12) < 10 ? '0' + (contingency - 12) : contingency - 12 ;
        }else{
          timeObj.month = contingency < 10 ? '0' + contingency : contingency;
        }
        let returnTimeArray = []
        for(let key in timeObj){
          returnTimeArray.push(timeObj[key])
        }

        let timeStr = returnTimeArray.join('-') + " 00:00:00";
        return timeStr
      }




      function padLeftZero(str) {
        return ("00" + str).substr(str.length); //是否加00
      }

      // 时间格式化  第一个参数date对象 第二个参数格式 yyyy-MM-dd hh:mm:ss
      function formatDate(date, fmt) {
        if (/(y+)/.test(fmt)) {
          fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
        }

        let o = {
          "M+": date.getMonth() + 1,
          "d+": date.getDate(),
          "h+": date.getHours(),
          "m+": date.getMinutes(),
          "s+": date.getSeconds()
        };

        for (let k in o) {
          if (new RegExp(`(${k})`).test(fmt)) {
            let str = o[k] + "";
            fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? str : padLeftZero(str));
          }
        }

        return fmt;
      }

    let tag = true

      layui.use(['layer','form' , 'laydate'], function(){
            $ = layui.jquery;//jquery
            upload = layui.upload;
            var form = layui.form
                ,layer = layui.layer;
          var laydate = layui.laydate;
          //日期范围
          laydate.render({
            elem: '#day1',
            type: 'datetime'
          });
          laydate.render({
            elem: '#start',
            type: 'datetime',
            max: getTimeMax(time),
            change:function(value , date , endDate){
              tag = true;
              let time = formatDate(new Date(), 'yyyy-MM-dd') + " 00:00:00";
              if(value == time){
                layer.alert("结账日期不能选当天" , {icon:5})
                tag = false
              }
            }
          });
          laydate.render({
            elem: '#end',
            type: 'datetime'
          });
          laydate.render({
            elem: '#tx_time',
            type: 'datetime'
          });
            //监听提交
            form.on('submit(add)', function(data){
                // var index = parent.layer.getFrameIndex(window.name);
                // console.log(index)
                if(!tag){
                  layer.alert("结账日期不能选当天",{icon:5})
                  return;
                }
                var loadIndex = layer.load(); //打开加载loading
                var id = $("input[name=id]").val()
                // if(id == ''){
                //     url = "/admin/setDetail";
                // }else{
                //     url = "/admin/setEdit";
                // }
                url = "/admin/monthAdd";
                //发异步，把数据提交给php
                $.post(url, data.field, function (res) {

                    layer.close(loadIndex); //关闭加载loading
                    //发异步，把数据提交给php
                    if(res.status == 1) {

                        layer.alert(res.msg, {icon: 1},function () {
                            // 关闭当前frame
                            location.href = '/admin/monthList';
                            // parent.layer.close(index);
                          //layer.closeAll()
                        });

                    } else {

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

                    }

                }, "json");

            });

        });

        document.getElementById('add').addEventListener("click" , function(e){
          event = e || window.event;
          event.preventDefault()
        })

    </script>
    <style>
        .layui-form-label{
            width: 100px;
        }
    </style>
@endsection