@extends('admin/layout')
@section('header')
    <link href="{{asset('css/plugins/chosen/chosen.css')}}" rel="stylesheet">
    <link href="{{asset('css/plugins/switchery/switchery.css')}}" rel="stylesheet">
    {{--<link href="{{asset('js/plugins/bootstrap-select-1.13.5/css/bootstrap-select.min.css')}}" rel="stylesheet">--}}

    <link rel="stylesheet"
          href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css">
@endsection
@section('content')
    <body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <form method="get" class="form-horizontal" id="form">
                            <input type="hidden" name="siteId" id="siteId" value="{{$siteId}}">
                            <div class="form-group">
                                <label class="col-sm-2 control-label" for="page"><span
                                        class="red">* </span>页面:</label>
                                <div class="col-sm-6">
                                    <input type="text" class="form-control" id="page" name="page" autocomplete="off"
                                           value="{{$info->page??''}}">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label" for="style_path"><span class="red">* </span>
                                    样式参考:</label>
                                <div class="col-sm-6">
                                    <input type="text" class="form-control" id="style_path" name="style_path"
                                           value="{{$info->style_path??''}}" autocomplete="off">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label" for="data_memo"><span class="red">* </span>
                                    替换资料要求:</label>
                                <div class="col-sm-6">
                                    <textarea name="data_memo" id="data_memo"
                                              style="width: 100%;height: 100px ;border: 1px solid #e5e6e7;">{{$info->data_memo??''}}</textarea>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label" for="deadline"><span class="red">* </span>
                                    提交资料deadline:</label>
                                <div class="col-sm-6">
                                    <input type="text" style="width: 200px" class="form-control my-date deadline"
                                           name="deadline" id="deadline"
                                           value="{{$info->deadline??''}}" autocomplete="off">
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-sm-4 col-sm-offset-2">
                                    <button class="btn btn-primary" type="button" data-id="{{$info->id??0}}"
                                            id="save">
                                        保存
                                    </button>
                                    <button class="btn btn-white" type="button" id="cancel">取消</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </body>
@endsection

@section('footer')
    <script src="{{asset('js/plugins/switchery/switchery.js')}}"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js"></script>
    <script src="{{asset('js/plugins/layDate-v5.0.9/laydate/laydate.js')}}"></script>
    <script>
        //同时绑定多个
        lay('.deadline').each(function () {
            laydate.render({
                elem: this
                , trigger: 'click'
            });
        });

        $(document).on('click', '#cancel', function () {
            tips.closeParentLayer();
        });

        $(document).on('click', '#save', function () {
            var data = tips.getFormValues('#form');
            var id = $(this).data('id');
            var url = '/admin/flow/clientAdd/' + id + '/' + data.siteId;
            var type = 'post';
            var ajaxConfig = {
                url: url,
                type: type,
                data: data,
                success: function (result) {
                    layer.msg(result.message, {icon: 6, time: 1500}, function () {
                        tips.closeParentLayer();
                        window.parent.tips.tableRefresh('#table');
                    });
                }
            };
            tips.ajax(ajaxConfig);
        });

    </script>
@endsection