{extend name="Public/base" /}

{block name="css"}
<!--<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css?v={$Think.const.APP_VERSION}">-->
<link rel="stylesheet" href="__PUBLIC__/css/customer.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
{/block}

{block name="main"}

<div class="if_wrap">
    <div class="cus-con">

        <div class="set_tit" style="float:left;"><span>假期</span></div>

        <style type="text/css">
            .layui-input-inline{width:200px !important;}
        </style>

        <form class="layui-form">

            {if condition="$details"}
                <input type="hidden" name="id" value="{$details['id']}">
            {else /} 
                <!-- <input type="hidden" name="id" value="{$details['id']}"> -->
            {/if}


            <div class="layui-form-item">
                <label class="layui-form-label">假期</label>
                <div class="layui-input-inline" style="width:300px">
                    <input class="layui-input" name="name" value="{$details['name']}">
                </div>
                <!-- <input class="layui-btn" type="button" value="+假期"> -->
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">日期</label>

                <div id="list">
                    <div class="layui-input-inline" style="width:100px !important;">
                        <input type="text" name="days[]" class="layui-input date">
                    </div>
                </div>

                <input type="button" value="+" id="jia" class="layui-btn">
                <input type="button" value="-" id="jian" class="layui-btn layui-btn-danger">
            </div>


            <div style="height:100px"></div>
           
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <input type="button" id="submit" value=" 确定 " class="layui-btn">
                </div>
            </div>

        </form>


        <!-- <div class="remind-tit"><span style="color: #ff0000">*</span>温馨提示：</div>
        <div class="remind-tip">
            1.集团信息仅有一条 <br>
            2.后续修改提醒天数，请输入天数后点击开关，这时候天数已修改，需要重新开启开关
        </div> -->

    </div>
</div>

<script>
    layui.use(['jquery','form','layer','laydate'], function(){
        var $=layui.jquery
        var form = layui.form;
        var layer = layui.layer;
        var laydate = layui.laydate;

        function date_init()
        {
            $('.date').each(function(){
                laydate.render({
                    elem: this,
                    type:'date',
                });
            })
        }

        // 假期 + 点击事件
        $('#jia').click(function(){
            var html='';
            html+='<div class="layui-input-inline" style="width:100px !important;">'
                html+='<input type="text" name="days[]" class="layui-input date">'
            html+='</div>'
            $('#list').append(html)
            date_init()
        })

        // 假期 - 点击事件
        $('#jian').click(function(){
            $('#list>div:last-child').remove()
        })

        // 提交按钮点击事件
        $('#submit').click(function(){

            // 获取提交数据
            console.log('提交数据');
            var form=$(this).parents('form.layui-form')
            var post_data=form.serialize()

            // console.log(post_data);return false;

            $.ajax({
                url:'{:url('save')}', 
                type:'post',
                data:post_data,
                dataType:'json',
                success:function(res)
                {
                    // console.log(res);
                    // return false;

                    if(res.code===200)
                    {
                        layer.alert('操作成功');
                        setTimeout(function(){
                            location.href='{:url('index')}'
                        },1500);
                    }else if(res.code===201)
                    {
                        layer.alert(res.msg);
                    }
                }         
            })
        })

        // ---------------------------
        function init()
        {
            date_init()
        }
        init()        

    });
</script>
{/block}