@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
        {{--申請歷程start--}}
        @if(!empty($applyLsitCourse)&&$applyLsitCourse->count()>0)
        <div class="panel p-4">
            <div class="card-body alert-light alert-dismissible alert-check">
                <div class="col-lg-2">
                    <h3>申請歷程</h3>
                </div>
                <table class="table table-bordered">
                    <thead>
                    <th>日期</th>
                    <th>狀態</th>
                    <th>意見</th>
                    </thead>
                    <tbody>
                    @foreach($applyLsitCourse as $certificate_apply_course)
                        <tr>
                            <td>{{ $certificate_apply_course->updated_at }}</td>
                            <td>{{ $certificate_apply_course->status_chinese }}</td>
                            <td>{{ $certificate_apply_course->memo  }}</td>
                        <tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif
    {{--申請歷程end--}}
    <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">
                                <div class="col-12">
                                    <h3 class="example-title">基本資料</h3>
                                </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-lg-4 col-form-label">
                                                        <span class="txt-red">*</span>廠牌
                                                    </label>
                                                    <div class="col-lg-8">
                                                        <select id="supplier_id" class="form-control hadPlace" name="supplier_id">
                                                            <option value="0">請選擇廠牌{{$aed->supplier_id}}</option>
                                                            @foreach($suppliers as $supplier)
                                                                <option value="{{ $supplier->id }}" {{ $supplier->id == $aed->supplier_id ? 'selected' : null }}>{{ $supplier->name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        <span class="txt-red">*</span>型號
                                                    </label>
                                                    <div class="col-lg-8">
                                                        <div class="radio-custom radio-default radio-inline">
                                                            <input class="hadPlace" type="radio" id="model_action2" name="model_action" value="new_model" checked>
                                                            <label for="model_action2">新型號</label>
                                                        </div>
                                                        <input type="text" class="form-control" id="create_model" name="create_model" value="{{ $aed->name ?? ''}}">
                                                        <input type="hidden"  id="submit_mode" name="submit_mode" value="aed_model">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="col-lg-4 col-form-label">
                                                        <span class="txt-red">*</span>醫材許可證字號
                                                    </label>
                                                    <div class="col-lg-8">
                                                        <input type="text" id="license_number" class="form-control" name="license_number" value="{{$aed->license_number ?? '' }}">
                                                    </div>
                                                </div>
                                               
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <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-lg-4 col-form-label">
                                                        <span class="txt-red">*</span>醫材許可證書
                                                    </label>
                                                    @if (!empty($showAedModel))
                                                    <div class="col-lg-8">
                                                        <div class="input-group input-group-file"
                                                             data-plugin="inputGroupFile">
                                                            <img class="img-fluid w-full" src="{{ asset($aed->certificate) ?? '' }}" alt="...." width="660px">
                                                        
                                                        </div>
                                                    </div>
                                                    @else
                                                    
                                                    <div class="col-lg-8">
                                                        <div class="input-group input-group-file"
                                                             data-plugin="inputGroupFile">
                                                            <input type="text" class="form-control" id="certificate_path" name="certificate_path" required
                                                                   readonly="" value="{{$aed->certificate ?? ''}}">
                                                            <span class="input-group-append">
                                                          <span class="btn btn-success btn-file waves-effect waves-classic">
                                                            <i class="icon md-upload" aria-hidden="true"></i>
                                                            <input type="file" class="custom-file-input" name="certificate" accept="image/*" onchange="changeFileName(this)">
                                                          </span>
                                                        </span>
                                                        <p style="color: #ff9090">格式僅支援jpg, jpeg, png, pdf</p>
                                                        </div>
                                                    </div>

                                                        
                                                    @endif
                                                </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>@if (empty($showAedModel)) 取消 @else 返回 @endif  
                        </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 create_model').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
            },
            license_number: {
                required: true,
            },
            certificate_path: {
                required: true,
            },
            create_model:{
                required:true
            },
            // //電池使用期限
            // battery:{
            //     required:true
            // },
            // //電擊貼片使用期限
            // patch_date:{
            //     required:true
            // }
        }

        var messages = {
            supplier_id:{
                min:'請選擇廠牌'
            },
            license_number: {
                min:'請輸入醫材許可證字號'
            },
            certificate_path: {
                required:'請上傳醫材許可證書'
            },
            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