@extends('admins.layouts.main')
@section('content')

    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-bordered">
                {{--                <div class="panel-heading">--}}
                {{--                    <h3 class="panel-title">{{ $title }}</h3>--}}
                {{--                </div>--}}
                <div class="example table-responsive">
                    <div class="panel p-4 form-title-right">
                        <form id="Form" action="{{$Urls['postUpdateSystemInfo']}}">
                            @csrf
                            <input type="hidden" name="_method" value="put">
                            <div class="row">
                                <div class="col-12">
                                    <h4 class="example-title">{{$title}}</h4>
                                </div>
                                <hr style="width:0%" ;/>
                                <div class="col-md-6 col-xl-6">
                                    <div class="">
                                        <div class="example-wrap">
                                            <div class="example">
                                                <div class="form-group row">
                                                    <label class="col-md-4 col-form-label"><span
                                                            class="txt-red">*</span>網站名稱：</label>
                                                    <div class="col-md-8">
                                                        <input type="text" class="form-control" name="name"
                                                               placeholder="網站名稱" autocomplete="off" required value="{{$systemInfo->name ?? ''}}"
                                                        />
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-md-4 col-form-label"><span
                                                            class="txt-red">*</span>版權訊息：</label>
                                                    <div class="col-md-8">
                                                        <input type="text" class="form-control" name="copyright_information"
                                                               placeholder="版權訊息" autocomplete="off" required value="{{$systemInfo->copyright_information ?? ''}}"
                                                        />
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-md-4 col-form-label"><span
                                                            class="txt-red">*</span>電子郵件：</label>
                                                    <div class="col-md-8">
                                                        <input type="text" class="form-control" name="email"
                                                               placeholder="電子郵件" autocomplete="off" required  value="{{$systemInfo->email ?? ''}}"
                                                        />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>

                    </div> <!-- End Panel  -->
                    <div class="col-lg-12 p-4 text-center">
                        <button class="btn btn-danger btn-lg waves-effect waves-classic"
                                type="button" onclick="parent.history.back();">
                            <i class="icon md-undo" aria-hidden="true"></i>返回
                        </button>&nbsp;&nbsp;
                        <button class="btn btn-success btn-lg waves-effect waves-classic " type="button" id="submit_button">
                            <i class="icon md-check" aria-hidden="true"></i>儲存</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{--    <div class="col-lg-12">--}}
    {{--        {!! $Paginate !!}--}}
    {{--    </div>--}}


    <script>
        $(document).ready(function () {

            var Form = $('#Form');

            $('#submit_button').click(function (){

                var rules_obj = {
                    email:VALIDATOR_Email,
                }
                var message = {}

                //驗證資料
                var validate_success = form_validate('Form', rules_obj, message);
                if (!validate_success) {
                    return false;
                }

                showConfirm('確認送出?');
            });


            var requestCache = {};
            var clickObj;
            $.ajaxPrefilter(function(options, originalOptions, jqXHR) {
        
                if (options.type.toLowerCase() === "post" || options.type.toLowerCase() === "put") {
                    var key = options.url ;
                    // 同url post時 ajax 中止
                    if (requestCache[key]&& (new Date() - requestCache[key]) < 5000) {
                        console.log('Ajax was repeat. abort url:'+key);
                        setTimeout(function(){clickObj.attr('disabled', false);}, 5000);
                        jqXHR.abort();
                        requestCache[key] = new Date();
                    } else {
                        // 一時的狀態保持
                        requestCache[key] = new Date();
                        
                        // ajax結束時解除狀態
                        jqXHR.always(function () {
                           // delete ongoingRequests[options.url];
                        });
                    }
                }
                console.log('Ajax type:'+options.type.toLowerCase()+' url:'+key);
            });
            
            //確定送出按鈕
            $('#modal-btn-si').click(function(){
                clickObj= $('#modal-btn-si');
                clickObj.attr('disabled', true);
                var Request = Form.serializeArray();

                // Request.push({
                //     "name":"content",
                //     "value":CKEDITOR.instances.content.getData()
                // });

                // $('#submit_button').attr('disabled', true);
                showLoading();
                $.post(Form.attr('action'), Request, function (Response){
                    console.log('確定送出按鈕');
                    // $('#submit_button').attr('disabled', false);
                    hideLoading();
                    setTimeout(function(){clickObj.attr('disabled', false);}, 1500);
                    if(Response.status == true){
                        notie.alert({type: 'success', text: Response.message, time: 2});
                        var mySubmitForm = document.createElement("FORM");
                        mySubmitForm.setAttribute("id", "mySubmitForm");
                        mySubmitForm.setAttribute("action", Response.url);
                        document.body.appendChild(mySubmitForm);
                        mySubmitForm.submit();;
                        return false;
                    }

                    notie.alert({type: 'error', text: Response.message, time: 2});

                }, 'json');

                return false;
            });
        });
    </script>

@endsection