@extends('admins.layouts.main')
@section('content')
    <div class="panel">
        <script src="{{ asset('/js/admins/aed_management/aed_administrators/commonWords.js') }}"></script>
        <form id="Form">
            @method($forms['method'])
            <div class="card-body alert-warning alert-dismissible alert-check">
                <div class="col-lg-2"><span>狀態:</span>
                    <h3>{{ $certificateApply->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="col-lg-2"><span>證書備註:</span></div>
                <div class="form-group row"><label width="0" style="padding-right: 1.0715rem;padding-left: 1.0715rem;"></label><p style="color: #ff9090;font-size:0.8em">*此欄位審核通過後顯示</p>
                </div>
                <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="training_memo" id="training_memo" class="form-control review_field" placeholder="...輸入證書備註"
                                  rows="2"></textarea>
                    </div>
                </div>
                <div class="text-right">
                    <button class="btn btn-danger btn-lg waves-effect waves-classic submit_button" type="button" data-status="{{ App\Contracts\Others\ReviewStatusContract::RETURN }}" data-url="{{ $forms['action'] }}">
                        <i class="icon md-undo" aria-hidden="true"></i>退回資料補正
                    </button>&nbsp;&nbsp;
                    <button class="btn btn-success btn-lg waves-effect waves-classic submit_button" type="button" data-status="{{ App\Contracts\Others\ReviewStatusContract::PASS }}" data-url="{{ $forms['action'] }}">
                        <i class="icon md-check" aria-hidden="true"></i>執行核備作業
                    </button>
                </div>
            </div>
        </form>
    </div>
    {{--申請歷程start--}}
    @if($certificateApply->certificate_apply_course->isNotEmpty())
        <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($certificateApply->certificate_apply_course as $certificate_apply_course)
                        <tr>
                            <td>{{ $certificate_apply_course->course_time }}</td>
                            <td>{{ $certificate_apply_course->status_chinese }}</td>
                            <td>{{ $certificate_apply_course->memo }}</td>
                        <tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif
    {{--申請歷程end--}}
    <div class="panel p-4">
        <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="">
                    <ul class="list-group list-group-dividered list-group-full">
                        <li class="list-group-item">姓名：{{ $certificateApply->user->name }}</li>
                        <li class="list-group-item">身分證字號：{{ $certificateApply->user->idno }}</li>
                        <li class="list-group-item">帳號 | 電子信箱：{{ $certificateApply->user->email }}</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-6 col-xl-6">
                <div class="">
                    <ul class="list-group list-group-dividered list-group-full">
                        <li class="list-group-item">連絡電話：{{ $certificateApply->user->phone_number }}</li>
                        <li class="list-group-item">生日：{{ $certificateApply->user->birthday }}</li>
                        <li class="list-group-item">性別：{{ $certificateApply->user->gender_chinese }}</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="panel">
        <div class="panel-body">
            <div class="row row-lg">
                <h3 class="example-title col-md-12 p-4">證書資料</h3>
                <div class="col-md-6">
                    <ul class="list-group list-group-dividered list-group-full">
                        <li class="list-group-item">證書取得時間:{{ $certificateApply->acquired_date }}</li>
                        @if(empty($certificateApply->file) === false && $certificateApply->is_image === false)
                        <li class="list-group-item">
                            證明文件:<a href="{{ asset($certificateApply->file) }}" target="_blank">檢視證明文件</a>
                        </li>
                        @endif
                        @if(empty($certificateApply->file2) === false && $certificateApply->is_image2 === false)
                        <li class="list-group-item">
                            證書附件:<a href="{{ asset($certificateApply->file2) }}" target="_blank">檢視證書附件</a>
                        </li>
                        @endif
                    </ul>
                </div>
                <div class="col-md-6">
                    <!-- Example Thumbnails - Default -->
                    @if(empty($certificateApply->file) === false && $certificateApply->is_image === true)
                    <div class="example-wrap" id="exampleGallery">
                        <div class="row">
                            <div class="col-12 col-md-12">
                                <div class="" >
                                    <div class="example card" >
                                        <a class="inline-block"  target="_blank" href="{{ asset($certificateApply->file) }}" title="證書檔案">
                                            <img class="img-fluid w-full" src="{{ asset($certificateApply->file) }}" alt="證書檔案" width="660px">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    <!-- End Example Thumbnails - Default -->
                      <!-- Example Thumbnails - Default -->
                      @if(empty($certificateApply->file2) === false && $certificateApply->is_image2 === true)
                      <div class="example-wrap" id="exampleGallery">
                          <div class="row">
                              <div class="col-12 col-md-12">
                                  <div class="" >
                                      <div class="example card" >
                                          <a class="inline-block"  target="_blank" href="{{ asset($certificateApply->file2) }}" title="證書檔案2">
                                              <img class="img-fluid w-full" src="{{ asset($certificateApply->file2) }}" alt="證書檔案2" width="660px">
                                          </a>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                      @endif
                      <!-- End Example Thumbnails - Default -->
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            var status;
            var url ;
            var memo ;
            var training_memo ;

            $('.submit_button').click(function(){
                status = $(this).data('status');
                url = $(this).data('url');
                memo = $('#memo').val();
                training_memo = $('#training_memo').val();

                //退回
                if(status == {{App\Contracts\Others\ReviewStatusContract::RETURN}} && empty(memo) ){

                    notie.alert({type: 'error', text: '請輸入退件原因', time: 2});
                    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 params = {
                    _method:'put',
                    status:status,
                    memo:memo,
                    training_memo:training_memo
                }

                showLoading();

                $.post(url, params, function(response){
                    hideLoading();
                    if(response.status == true){
                        notie.alert({type: 'success', text: response.message, time: 15});
                        setTimeout(function(){
                            var mySubmitForm = document.createElement("FORM");
                            mySubmitForm.setAttribute("id", "mySubmitForm");
                            mySubmitForm.setAttribute("action", response.url);
                            document.body.appendChild(mySubmitForm);
                            mySubmitForm.submit();;
                        }, 2000)
                        return false;
                    }
                    setTimeout(function(){clickObj.attr('disabled', false);}, 1500);
                    notie.alert({type: 'error', 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();;

                }, 'json');
                return false;
            });
        });

    </script>

@endsection