@extends('admins.layouts.main')
@section('content')
    <script>
        var getAedModelUrl = "{{ route('admin.aed_management.aeds.get_aed_model_by_supplier_id') }}"
        var place = {{ $hadPlace ?? "undefined" }}
    </script>
    <link href="{{ asset('/js/jquery-ui-1.12.1/jquery-ui.css') }}" rel="stylesheet" type="text/css"></link>
    <link rel="stylesheet" href="{{ asset('/js/jQuery-Timepicker-Addon/jquery-ui-timepicker-addon.css') }}">
    <script src="{{ asset('/js/jquery-ui-1.12.1/jquery-ui.js') }}"></script>
    <script src="{{ asset('/js/jQuery-Timepicker-Addon/jquery-ui-timepicker-addon.js') }}"></script>
    <script src="{{ asset('/js/admins/aed_management/aeds/edit.js') }}"></script>
    @if (!empty($showReviewResult))
    <div class="panel">
        <form id="Form2">
            <input type="hidden" id="next_status" name="next_status" value=""/>
            <input type="hidden" id="aed_models_course_id" name="aed_models_course_id" value="{{$aed->id ?? ''}}"/>
            @method($forms['method'])
            <div class="card-body alert-warning alert-dismissible alert-check">
                <div class="col-lg-2"><span>狀態:</span>
                    <h3>{{ $aed->status_chinese??'' }}</h3>
                </div>
                {{--include('admins.share_block._common_words_block')--}}
                <div class="form-group row">
                    <label class="col-sm-3 col-md-2 col-lg-2 col-xl-2 col-xxl-2 form-control-label"></label>
                    <div class="col-sm-9 col-md-9">
                        <textarea name="memo" id="memo" class="form-control review_field" placeholder="...輸入退件原因"
                            rows="6"></textarea>
                    </div>
                </div>
                <div class="text-right">
                    <button id="edit_fail" class="btn btn-danger btn-lg waves-effect waves-classic " onclick="reviewResult(3)"type="button" data-type="fail" data-url="{{ $forms['verify_fail'] }}">
                        <i class="icon md-undo" aria-hidden="true"></i>退回資料補正
                    </button>&nbsp;&nbsp;
                    <button id="edit_success" class="btn btn-success btn-lg waves-effect waves-classic "onclick="reviewResult(9)" type="button" data-type="success" data-url="{{ $forms['verify_success'] }}">
                        <i class="icon md-check" aria-hidden="true"></i>執行核備作業
                    </button>
                </div>
            </div>
        </form>
    </div>
    @endif

    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-bordered">
                <div class="example table-responsive">
                    <div class="panel p-4 form-title-right">
                        <form id="Form" action="{{ $forms['action'] }} " enctype="multipart/form-data">
                            @method($forms['method'])
                            <div class="row">
                                <input class="review_field" type="hidden" name="courseCode_id" value="{{$courseCode->id ?? ''}}">
                                <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-3 col-form-label">課程名稱：</label>
                                                    <div class="col-md-9 ">
                                                        <input type="text" class="form-control" name="name" value="{{$courseCode->name ?? ''}}" autocomplete="off"/>
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-md-3 col-form-label">課程編號：</label>
                                                    <div class="col-md-9 ">
                                                        <input type="text" class="form-control" name="value" value="{{$courseCode->value ?? ''}}" autocomplete="off"/>
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-md-3 col-form-label">課程描述：</label>
                                                    <div class="col-md-9 ">
                                                    <textarea name="description" cols="60" rows="3" class="chinese textarea-w100" id="description"
                                                              placeholder="">{{$courseCode->description ?? ''}}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                        <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>
                        @if (empty($showAedModel))
                        &nbsp;&nbsp;
                            <button class="btn btn-success btn-lg waves-effect waves-classic" type="button" id="submit_button2">
                                <i class="icon md-check" aria-hidden="true"></i>儲存
                            </button>
                         @endif   
                        </div>
                </div>
            </div>
        </div>
                <!-- 客製化confirm視窗 -->
                <div class="modal fade" tabindex="-1" role="dialog"  aria-hidden="true" id="confirmPlaceDelView2">
                    <div class="modal-dialog modal-sm">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="check_place_title">確定送出?</h4>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-primary" id="modal-btn-si-check-place">確定</button>
                                <button type="button" class="btn btn-danger" id="modal-btn-no2">取消</button>
                            </div>
                        </div>
                    </div>
                </div>
                 <!-- 客製化confirm視窗 -->
                 <div class="modal fade" tabindex="-1" role="dialog"  aria-hidden="true" id="confirmPlaceDelView1">
                    <div class="modal-dialog modal-sm">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="check_place_title">確定送出?</h4>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-primary" id="modal-btn-si-check1">確定</button>
                                <button type="button" class="btn btn-danger" id="modal-btn-no1">取消</button>
                            </div>
                        </div>
                    </div>
                </div>
    </div>
    <script>
         @if (!empty($showAedModel))
         setInterval(function(){

         $('#Form input').attr('disabled', true);
                $('#Form select').attr('disabled', true);
                $('#Form textarea').attr('disabled', true);
                $('#Form text').attr('disabled', true);
                $('#Form button').attr('disabled', true);
                $('#Form .review_field').attr('disabled', false);
                $('#backBtn').attr('disabled', false);
            }, 1000);       
         @endif
         @if (!empty($showReviewResult))
         var formUrl;

         
        $('.commonWords').click(function () {
            var memo = $('#memo').val();
            $('#memo').val(memo + '' + $(this).text());
        })

         function reviewResult(status) {
            console.log(status);
            $('#next_status').val(status);
           
            var memo ;
                
                memo = $('#memo').val();
                if(status == {{App\Contracts\Others\ReviewStatusContract::RETURN}} ){
                    formUrl = "{{ $forms['verify_fail'] }}";
                }else{
                    formUrl = "{{ $forms['verify_success'] }}";
                }
                //退回
                if(status == {{App\Contracts\Others\ReviewStatusContract::RETURN}} && empty(memo) ){

                    notie.alert({type: 'error', text: '請輸入退件原因', time: 2});
                    return false;
                }
                $("#confirmPlaceDelView1").modal('show');

            }
        $('#modal-btn-no1').click(function (){
           
           $("#confirmPlaceDelView1").modal('hide');
        });
            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-check1').click(function () {
                clickObj= $('#modal-btn-si-check1');
                clickObj.attr('disabled', true);
                let formData;
                formData = new FormData($('#Form2')[0]);
              
                $.ajax({
                    type: 'post',
                    url: formUrl,
                    data: formData,
                    cache: false,
                    processData: false,
                    contentType: false,
                    enctype: 'multipart/form-data',
                    success: function (Response) {
                        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});
                        setTimeout(function(){clickObj.attr('disabled', false);}, 1500);
                    }
                });
                showLoading();
                return false;
            });


         @endif   
        function changeFileName(obj){
            $('#certificate_path').val(obj.value);
            
        }
        //點擊送出
        $('#submit_button2').click(function (){

        var rules_obj = {
            supplier_id:{
                min:1
            },
            
            create_model:{
                required:true
            },
            certificate_path:{
                required:false
            }
            // //電池使用期限
            // battery:{
            //     required:true
            // },
            // //電擊貼片使用期限
            // patch_date:{
            //     required:true
            // }
        }

        var messages = {
            supplier_id:{
                min:'請選擇廠牌'
            },
            create_model:{
                min:'請輸入型號'
            }
        }

        //驗證資料
        var validate_success = form_validate('Form', rules_obj, messages);

        if (!validate_success) {
            return false;
        }

        $("#confirmPlaceDelView2").modal('show');
        });
      
        $('#modal-btn-no2').click(function (){
           
           $("#confirmPlaceDelView2").modal('hide');
        });
          //確定送出按鈕
          $('#modal-btn-si-check-place').click(function () {
            clickObj= $('#modal-btn-si-check-place');
            clickObj.attr('disabled', true);
                let formData;
                formData = new FormData($('#Form')[0]);
               
                $.ajax({
                    type: 'post',
                    url: '{{ $forms['action'] }}',
                    data: formData,
                    cache: false,
                    processData: false,
                    contentType: false,
                    enctype: 'multipart/form-data',
                    success: function (Response) {
                        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;
                        }
                        setTimeout(function(){clickObj.attr('disabled', false);}, 1500);
                        notie.alert({type: 'error', text: Response.message, time: 2});
                    }
                });
                showLoading();
                return false;
            });
    </script>
@endsection