@extends('backend.layouts.app')

@section('content')

    <h2 class="title">書類管理（仕入）【編集】</h2>

    @include('backend.share.document._vehicle_info')

    @include('backend.layouts.flash-message')
    {{ Form::open(['route'=>"backend.{$department}.document.confirm_for_purchase", 'method'=>"post", "id"=>"submit_form"]) }}
    @if (isset($params))
        <input type="hidden" name="update" value="1">
    @endif
    <input type="hidden" name="vehicle_id" id="document_vehicle_id" value="{{ $vehicle_id }}">
    <h3 class="subtitle">仕入書類</h3>

    <table class="normal">
        <tr>
            <th>状態</th>
            <td>
                <div class="company">
                    <div class="select-wrap w150">
                        <label>
                            <select name="doc_purchase_status_id" id="doc_purchase_status_id">
                                @foreach (\App\Service\Masters\DocPurchaseStatusService::getAllStatus() as $key=>$item)
                                    <option value="{{ $key }}" {{ old('doc_purchase_status_id', isset($params->doc_purchase_status_id) && $params->doc_purchase_status_id ? $params->doc_purchase_status_id : 1) == $key ? "selected" : "" }}>{{ $item }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>

                    <div class="select-wrap w150">
                        <label>
                            <select name="doc_purchase_sub_status_id" id="doc_purchase_sub_status_id">
                                <option value="">--</option>
                                @foreach (\App\Service\Masters\DocPurchaseStatusService::getAllSubStatus() as $key=>$item)
                                    <option value="{{ $key }}" {{ old('doc_purchase_sub_status_id', isset($params->doc_purchase_sub_status_id) && $params->doc_purchase_sub_status_id? $params->doc_purchase_sub_status_id : 1) == $key ? "selected" : "" }}>{{ $item }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>
                </div>
                @error('doc_purchase_status_id')
                <span class="error_text">
                            <strong>{{ $message }}</strong>
                        </span>
                @enderror
                @error('doc_purchase_sub_status_id')
                <span class="error_text">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </td>
            </tr>
    </table>

    <table class="normal input-table" id="status_table">
        <tr id="tr_erasure_cert">
                <th class="red">抹消証</th>
                <td>
                    <div class="company w100per">

                        <div class="checkbtn-wrap">
                            <input name="erasure_cert" type="checkbox" id="erasure_cert" class="check_accept_document" value="1" {{ old('erasure_cert', isset($params->erasure_cert) ? $params->erasure_cert : "") == 1 ? "checked" : "" }}>
                            <label for="erasure_cert" class="check_label"></label>
                        </div>
                        <div class="w70" style="color: #323232 !important;">受取日：</div>
                        <div class="calendar-wrap w200">
                            <label>
                                <input type="text" name="erasure_cert_updated_at" id="erasure_cert_updated_at" class="status_update_value datepicker" value="{{ old('erasure_cert_updated_at', isset($params->erasure_cert_updated_at) ? $params->erasure_cert_updated_at : (isset($params->updated_at) ? $params->updated_at->format('Y-m-d') : '')) }}">
                            </label>
                        </div>

                        <div class="file-wrap dropzone" style="padding-left: 50px !important;" data-id="100" id="dropZoneBox100">
                            <label id="addition_file_upload100">PDF取り込み</label>
                            @if(!empty(old('erasure_file_path', isset($params->erasure_file_path) ? $params->erasure_file_path : '')) && Storage::disk('temp')->has(old('erasure_file_path', isset($params->erasure_file_path) ? $params->erasure_file_path : '')))
                                <a target="_blank" href="{{ asset('storage/temp') }}/{{ old('erasure_file_path', isset($params->erasure_file_path) ? $params->erasure_file_path : '') }}" id="addition_file_link100" data-id="100">{{ old('erasure_file_name', isset($params->erasure_file_name) ? $params->erasure_file_name : '') }}</a>
                            @elseif(!empty(old('erasure_file_path', isset($params->erasure_file_path) ? $params->erasure_file_path : '')) && Storage::disk('vehicle_document')->has($params->vehicle_id.'/'.old('erasure_file_path', isset($params->erasure_file_path) ? $params->erasure_file_path : '')))
                                <a target="_blank" href="{{ asset('storage/vehicle/document') }}/{{ $vehicle_id }}/{{ old('erasure_file_path', isset($params->erasure_file_path) ? $params->erasure_file_path : '') }}" id="addition_file_link100" data-id="100">{{ old('erasure_file_name', isset($params->erasure_file_name) ? $params->erasure_file_name : '') }}</a>
                            @else
                                <a target="_blank" href="#" id="addition_file_link100" data-id="100"></a>
                            @endif
                            <input type="hidden" name="erasure_file_name" id="addition_file_name100" value="{{ old('erasure_file_name', isset($params->erasure_file_name) ? $params->erasure_file_name : '') }}">
                            <input type="hidden" name="erasure_file_path" id="addition_file_path100" value="{{ old('erasure_file_path', isset($params->erasure_file_path) ? $params->erasure_file_path : '') }}">
                            <div class="file-box">
                                <label class="delete-file minus" id="addition_file_delete100" data-file_path="{{ old('erasure_file_path', isset($params->erasure_file_path) ? $params->erasure_file_path : '') }}" data-id="100" style="display: {{ (!empty(old('erasure_file_path', isset($params->erasure_file_path) ? $params->erasure_file_path : ''))) ? 'inline-block' : 'none' }}">削除</label>
                            </div>
                        </div>
                    </div>
            </td>
        </tr>

        <tr id="tr_inspection_cert">
            <th class="red">車検証</th>
            <td>
                <div class="company w100per">
                    <div class="checkbtn-wrap">
                        <input name="inspection_cert" class="check_accept_document" type="checkbox" id="inspection_cert" value="1" {{ old('inspection_cert', isset($params->inspection_cert) ? $params->inspection_cert : "") == 1 ? "checked" : "" }}>
                        <label for="inspection_cert" class="check_label"></label>
                    </div>
                    <div class="w70" style="color: #323232 !important;">受取日：</div>
                    <div class="calendar-wrap w200">
                        <label>
                            <input type="text" name="inspection_cert_updated_at" id="inspection_cert_updated_at" class="status_update_value datepicker" value="{{ old('inspection_cert_updated_at', isset($params->inspection_cert_updated_at) ? $params->inspection_cert_updated_at : (isset($params->updated_at) ? $params->updated_at->format('Y-m-d') : '')) }}">
                        </label>
                    </div>

                    <div class="file-wrap dropzone" style="padding-left: 50px !important;" data-id="99" id="dropZoneBox99">
                        <label id="addition_file_upload99">PDF取り込み</label>
                        @if(!empty(old('pdf_file_path', isset($params->pdf_file_path) ? $params->pdf_file_path : '')) && Storage::disk('temp')->has(old('pdf_file_path', isset($params->pdf_file_path) ? $params->pdf_file_path : '')))
                            <a target="_blank" href="{{ asset('storage/temp') }}/{{ old('pdf_file_path', isset($params->pdf_file_path) ? $params->pdf_file_path : '') }}" id="addition_file_link99" data-id="99">{{ old('pdf_file_name', isset($params->pdf_file_name) ? $params->pdf_file_name : '') }}</a>
                        @elseif(!empty(old('pdf_file_path', isset($params->pdf_file_path) ? $params->pdf_file_path : '')) && Storage::disk('vehicle_document')->has($params->vehicle_id.'/'.old('pdf_file_path', isset($params->pdf_file_path) ? $params->pdf_file_path : '')))
                            <a target="_blank" href="{{ asset('storage/vehicle/document') }}/{{ $vehicle_id }}/{{ old('pdf_file_path', isset($params->pdf_file_path) ? $params->pdf_file_path : '') }}" id="addition_file_link99" data-id="99">{{ old('pdf_file_name', isset($params->pdf_file_name) ? $params->pdf_file_name : '') }}</a>
                        @else
                            <a target="_blank" href="#" id="addition_file_link99" data-id="99"></a>
                        @endif
                        <input type="hidden" name="pdf_file_name" id="addition_file_name99" value="{{ old('pdf_file_name', isset($params->pdf_file_name) ? $params->pdf_file_name : '') }}">
                        <input type="hidden" name="pdf_file_path" id="addition_file_path99" value="{{ old('pdf_file_path', isset($params->pdf_file_path) ? $params->pdf_file_path : '') }}">
                        <div class="file-box">
                            <label class="delete-file minus" id="addition_file_delete99" data-file_path="{{ old('pdf_file_path', isset($params->pdf_file_path) ? $params->pdf_file_path : '') }}" data-id="99" style="display: {{ (!empty(old('pdf_file_path', isset($params->pdf_file_path) ? $params->pdf_file_path : ''))) ? 'inline-block' : 'none' }}">削除</label>
                        </div>
                    </div>
                </div>
            </td>
        </tr>

        <tr id="tr_transfer_cert">
            <th class="red">譲渡証</th>
            <td>
                <div class="company w100per">
                    <div class="checkbtn-wrap">
                        <input name="transfer_cert" class="check_accept_document" type="checkbox" id="transfer_cert" value="1" {{ old('transfer_cert', isset($params->transfer_cert) ? $params->transfer_cert : "") == 1 ? "checked" : "" }}>
                        <label for="transfer_cert" class="check_label"></label>
                    </div>
                    <div class="w70" style="color: #323232 !important;">受取日：</div>
                    <div class="calendar-wrap">
                        <label>
                            <input type="text" name="transfer_cert_updated_at" id="transfer_cert_updated_at" class="datepicker status_update_value" value="{{ old('transfer_cert_updated_at', isset($params->transfer_cert_updated_at) ? $params->transfer_cert_updated_at : (isset($params->updated_at) ? $params->updated_at->format('Y-m-d') : '')) }}">
                        </label>
                    </div>

                </div>

            </td>
        </tr>

        <tr id="tr_delegate_doc">
            <th class="red">委任状</th>
            <td>
                <div class="company w100per">
                    <div class="checkbtn-wrap">
                        <input name="delegate_doc" class="check_accept_document" type="checkbox" id="delegate_doc" value="1" {{ old('delegate_doc', isset($params->delegate_doc) ? $params->delegate_doc : "") == 1 ? "checked" : "" }}>
                        <label for="delegate_doc" class="check_label"></label>
                    </div>
                    <div class="w70" style="color: #323232 !important;">受取日：</div>
                    <div class="calendar-wrap">
                        <label>
                            <input type="text" name="delegate_doc_updated_at" id="delegate_doc_updated_at" class="datepicker status_update_value" value="{{ old('delegate_doc_updated_at', isset($params->delegate_doc_updated_at) ? $params->delegate_doc_updated_at : (isset($params->updated_at) ? $params->updated_at->format('Y-m-d') : '')) }}">
                        </label>
                    </div>
                </div>
            </td>
        </tr>

        <tr id="tr_seal_cert">
            <th class="red">印鑑証明書</th>
            <td>
                <div class="company w100per">
                    <div class="checkbtn-wrap">
                        <input name="seal_cert" class="check_accept_document" type="checkbox" id="seal_cert" value="1" {{ old('seal_cert', isset($params->seal_cert) ? $params->seal_cert : "") == 1 ? "checked" : "" }}>
                        <label for="seal_cert" class="check_label"></label>
                    </div>
                    <div class="w70" style="color: #323232 !important;">受取日：</div>
                    <div class="calendar-wrap w200">
                        <label>
                            <input type="text" name="seal_cert_updated_at" id="seal_cert_updated_at" class="datepicker status_update_value" value="{{ old('seal_cert_updated_at', isset($params->seal_cert_updated_at) ? $params->seal_cert_updated_at : (isset($params->updated_at) ? $params->updated_at->format('Y-m-d') : '')) }}">
                        </label>
                    </div>
                    <div class="w70 issue_date" style="color: #323232 !important;">発行日：</div>
                    <div class="calendar-wrap issue_date">
                        <label for="">
                            <input type="text" name="seal_cert_limited_at" class="datepicker"  id="seal_cert_limited_at" value="{{ old('seal_cert_limited_at', isset($params->seal_cert_limited_at) ? $params->seal_cert_limited_at : "")  }}">
                        </label>
                        <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                    </div>
                </div>

            </td>
        </tr>

        <tr id="tr_contact_book">
            <th class="red">事業用自動車連絡表</th>
            <td>
                <div class="company w100per">
                    <div class="checkbtn-wrap">
                        <input name="contact_book" class="check_accept_document" type="checkbox" id="contact_book" value="1" {{ old('contact_book', isset($params->contact_book) ? $params->contact_book : "") == 1 ? "checked" : "" }}>
                        <label for="contact_book" class="check_label"></label>
                    </div>
                    <div class="w70" style="color: #323232 !important;">受取日：</div>
                    <div class="calendar-wrap w200">
                        <label>
                            <input type="text" name="contact_book_updated_at" id="contact_book_updated_at" class="datepicker status_update_value" value="{{ old('contact_book_updated_at', isset($params->contact_book_updated_at) ? $params->contact_book_updated_at : (isset($params->updated_at) ? $params->updated_at->format('Y-m-d') : '')) }}">
                        </label>
                    </div>
                    <div class="w70 issue_date" style="color: #323232 !important;">発行日：</div>
                    <div class="calendar-wrap issue_date">
                        <label for="">
                            <input type="text" name="contact_book_limited_at" class="datepicker"  id="contact_book_limited_at" value="{{ old('contact_book_limited_at', isset($params->contact_book_limited_at) ? $params->contact_book_limited_at : "")  }}">
                        </label>
                        <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                    </div>

                </div>

            </td>
        </tr>

        <tr id="tr_personal_cert">
            <th>謄本or住民票</th>
            <td>
                <div class="company w100per">

                    <div class="checkbtn-wrap">
                        <input name="personal_cert" class="check_accept_document" type="checkbox" id="personal_cert" value="1" {{ old('personal_cert', isset($params->personal_cert) ? $params->personal_cert : "") == 1 ? "checked" : "" }}>
                        <label for="personal_cert" class="check_label"></label>
                    </div>
                    <div class="w70" style="color: #323232 !important;">受取日：</div>
                    <div class="calendar-wrap">
                        <label>
                            <input type="text" name="personal_cert_updated_at" id="personal_cert_updated_at" class="datepicker status_update_value" value="{{ old('personal_cert_updated_at', isset($params->personal_cert_updated_at) ? $params->personal_cert_updated_at : (isset($params->updated_at) ? $params->updated_at->format('Y-m-d') : '')) }}">
                        </label>
                    </div>
                </div>

            </td>
        </tr>

        <tr id="tr_recycle_doc">
            <th>リサイクル券</th>
            <td>
                <div class="company w100per">
                    <div class="checkbtn-wrap">
                        <input name="recycle_doc" class="check_accept_document" type="checkbox" id="recycle_doc" value="1" {{ old('recycle_doc', isset($params->recycle_doc) ? $params->recycle_doc : "") == 1 ? "checked" : "" }}>
                        <label for="recycle_doc" class="check_label"></label>
                    </div>
                    <div class="w70" style="color: #323232 !important;">受取日：</div>
                    <div class="calendar-wrap">
                        <label>
                            <input type="text" name="recycle_doc_updated_at" id="recycle_doc_updated_at" class="datepicker status_update_value" value="{{ old('recycle_doc_updated_at', isset($params->recycle_doc_updated_at) ? $params->recycle_doc_updated_at : (isset($params->updated_at) ? $params->updated_at->format('Y-m-d') : '')) }}">
                        </label>
                    </div>
                </div>

            </td>
        </tr>

        <tr  id="tr_insurance_doc" >
            <th class="red">自賠責</th>
            <td>
                <div class="company w100per">

                    <div class="checkbtn-wrap">
                        <input name="insurance_doc" class="check_accept_document" type="checkbox" id="insurance_doc" value="1" {{ old('insurance_doc', isset($params->insurance_doc) ? $params->insurance_doc : "") == 1 ? "checked" : "" }}>
                        <label for="insurance_doc" class="check_label"></label>
                    </div>
                    <div class="w70" style="color: #323232 !important;">受取日：</div>
                    <div class="calendar-wrap">
                        <label>
                            <input type="text" name="insurance_doc_updated_at" id="insurance_doc_updated_at" class="datepicker status_update_value" value="{{ old('insurance_doc_updated_at', isset($params->insurance_doc_updated_at) ? $params->insurance_doc_updated_at : (isset($params->updated_at) ? $params->updated_at->format('Y-m-d') : '')) }}">
                        </label>
                    </div>
                </div>

            </td>
        </tr>

        <tr id="tr_approval_doc">
            <th>承認請求書</th>
            <td>
                <div class="company w100per">

                    <div class="checkbtn-wrap">
                        <input name="approval_doc" class="check_accept_document" type="checkbox" id="approval_doc" value="1" {{ old('approval_doc', isset($params->approval_doc) ? $params->approval_doc : "") == 1 ? "checked" : "" }}>
                        <label for="approval_doc" class="check_label"></label>
                    </div>
                    <div class="w70" style="color: #323232 !important;">受取日：</div>
                    <div class="calendar-wrap">
                        <label>
                            <input type="text" name="approval_doc_updated_at" id="approval_doc_updated_at" class="datepicker status_update_value" value="{{ old('approval_doc_updated_at', isset($params->approval_doc_updated_at) ? $params->approval_doc_updated_at : (isset($params->updated_at) ? $params->updated_at->format('Y-m-d') : '')) }}">
                        </label>
                    </div>
                </div>

            </td>
        </tr>

        <tr id="tr_record_book">
            <th>記録簿</th>
            <td>
                <div class="company w100per">

                    <div class="checkbtn-wrap">
                        <input name="record_book" class="check_accept_document" type="checkbox" id="record_book" value="1" {{ old('record_book', isset($params->record_book) ? $params->record_book : "") == 1 ? "checked" : "" }}>
                        <label for="record_book" class="check_label"></label>
                    </div>
                    <div class="w70" style="color: #323232 !important;">受取日：</div>
                    <div class="calendar-wrap">
                        <label>
                            <input type="text" name="record_book_updated_at" id="record_book_updated_at" class="datepicker status_update_value" value="{{ old('record_book_updated_at', isset($params->record_book_updated_at) ? $params->record_book_updated_at : (isset($params->updated_at) ? $params->updated_at->format('Y-m-d') : '')) }}">
                        </label>
                    </div>
                </div>

            </td>
        </tr>

        <tr id="tr_number_plate">
            <th>ナンバープレート</th>
            <td>
                <div class="company w100per">

                    <div class="checkbtn-wrap">
                        <input name="number_plate" class="check_accept_document" type="checkbox" id="number_plate" value="1" {{ old('number_plate', isset($params->number_plate) ? $params->number_plate : "") == 1 ? "checked" : "" }}>
                        <label for="number_plate" class="check_label"></label>
                    </div>
                    <div class="w70" style="color: #323232 !important;">受取日：</div>
                    <div class="calendar-wrap">
                        <label>
                            <input type="text" name="number_plate_updated_at" id="number_plate_updated_at" class="datepicker status_update_value" value="{{ old('number_plate_updated_at', isset($params->number_plate_updated_at) ? $params->number_plate_updated_at : (isset($params->updated_at) ? $params->updated_at->format('Y-m-d') : '')) }}">
                        </label>
                    </div>
                </div>

            </td>
        </tr>

        <tr id="comment"></tr>

        @php
            $additions = old('additions', (isset($params->additions) && $params->additions->count() > 0) ? $params->additions->toArray() : null);
        @endphp
        @if (is_array($additions) && count($additions) > 0 )
            @foreach($additions as $i => $addition)
                @include('backend.share.document._addition_purchase_part', ['type'=>'purchase'])
            @endforeach
        @endif
    </table>

    <p class="add_fieldbtn ma0 mr10 f-left"><a id="btn_add_status" onclick="addAdditions(4)">書類追加</a></p>

    <br/>
    <br/>
    <table class="normal">
        <tr>
            <th>備考</th>
            <td>
                <textarea name="status_note">{{ old('status_note', isset($params->status_note) ? $params->status_note : "") }}</textarea>
            </td>
        </tr>
    </table>
    <div class="center-submit">
        <input type="submit" value="保存">
        <input type="hidden" name="update_status" value="{{ (isset($params->update_status) ? $params->update_status : null) }}">
        <input type="button" id="{{ (isset($params->update_status) && $params->update_status == config('const.document_update_status.finish')) ? 'reset_all_doc_check' : 'finish_all_doc_check' }}" value="全受領済み" class="{{ (isset($params->update_status) && $params->update_status == config('const.document_update_status.finish')) ? 'gray' : '' }}" >
    </div>
    <br/>
    <div id="addition_status_wrap">
        @php
            $addition_status = old('addition_status', (isset($addition_status) && is_object($addition_status)) ? $addition_status->toArray() : null);
            $count = is_array($addition_status) ? count($addition_status) : 0;
        @endphp
        @if(is_array($addition_status) && count($addition_status) > 0)
            @while($count)
                @include('backend.share.document._purchase_addition_status', ['status'=>$addition_status[--$count], 'key'=>$count])
            @endwhile
        @else
            @include('backend.share.document._purchase_addition_status', ['status'=>null, 'key'=>0])
        @endif
    </div>
    <p class="add_fieldbtn"><a href="#" id="add_addition_status_btn">状態更新追加</a></p>
    {{ Form::close() }}
@endsection

@section('page_css')
    <link href="{{ asset('vendor/select2/css/select2.min.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/timepicker/css/timepicker.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/timepicker/css/jquery.timepicker.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/datetimepicker/jquery.datetimepicker.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/dropzone/dropzone.css') }}?20220616" rel="stylesheet">
    <style>
        .dropzone {
            border: none !important;
        }
        .dropzone .dz-message {
            display: none !important;
        }
        .dz-drag-hover {
            background-color: #b2b2b2 !important;
        }
        .update_date_tr {
            color: #4777ba !important;
        }
        .company .checkbtn-wrap {
            width: 50px !important;
        }
        .addition_doc_update {
            width: 200px !important;
        }
    </style>
@endsection

@section('page_js')
    <script src="{{ asset('vendor/select2/js/select2.min.js') }}"></script>
    <script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>
    <script src="{{ asset('vendor/ajaxupload/jquery.ajaxupload.js') }}"></script>
    <script src="{{ asset('vendor/timepicker/js/timepicker.js') }}"></script>
    <script src="{{ asset('vendor/timepicker/js/jquery.timepicker.js') }}"></script>
    <script>
        var add_docs_index = 1000 + {{ old('additions', []) ?  max(array_keys(old('additions', []))) : 0 }};
        var add_doc_url = '{{ route("backend.{$department}.document.ajax_add_additions") }}';
        var delete_addition_doc_url = '{{ route("backend.{$department}.document.delete_addition_purchase_doc") }}';
        var get_status_docs_url = '{{ route("backend.{$department}.document.get_purchase_status_docs") }}';
        var get_purpose_docs_url = '{{ route("backend.{$department}.document.get_purchase_purpose_docs") }}';
        var _token = '{{ csrf_token() }}';
    </script>
    <script src="{{ asset('vendor/dropzone/dropzone.js') }}?20220616"></script>
    <script src="{{ asset('assets/backend/js/page/document_purchase.js') }}?{{ Carbon::now()->format('YmdHis') }}"></script>
    <script>
        Dropzone.autoDiscover = false;
        let doc_purchase_field = [];
        @foreach ((config('const.doc_purchase_check_field')) as $key => $field)
            doc_purchase_field["{{ $key }}"] = "{{ $field }}"
        @endforeach
        $(function () {
            let index = parseInt("{{ (isset($addition_status) && is_array($addition_status) && count($addition_status) > 0) ? count($addition_status) : 1 }}");
            $(document).ready(function () {
                let update_status = "{{ isset($params->update_status) ? $params->update_status : 0 }}";
                if($("#doc_purchase_status_id").val() == 3){//書類無し
                    $("#finish_all_doc_check").prop('disabled', true);
                    if(!$("#finish_all_doc_check").hasClass('gray')) {
                        $("#finish_all_doc_check").addClass('gray');
                    }
                }
                $("#doc_purchase_status_id").change(function () {
                    if($("#doc_purchase_status_id").val() == 3){//書類無し
                        $("#finish_all_doc_check").prop('disabled', true);
                        if(!$("#finish_all_doc_check").hasClass('gray')) {
                            $("#finish_all_doc_check").addClass('gray');
                        }
                    } else {
                        if (update_status != "{{ config('const.document_update_status.finish') }}") {
                            $("#finish_all_doc_check").removeClass('gray');
                            $("#finish_all_doc_check").prop('disabled', false);
                        }
                    }
                });

                $('.addition_status_finish_btn').each(function () {
                    if(!$(this).hasClass('gray')) {
                       $('#add_addition_status_btn').hide();
                    }
                });

                $('.check_accept_document').each(function () {
                    if(!$(this).prop('checked')) {
                        $("#" + $(this).attr('id') + '_updated_at').val('');
                        $("#" + $(this).attr('id') + '_updated_at').prop('disabled', true);
                    }
                });
                $("#finish_all_doc_check").click(function () {
                    $('input[name="update_status"]').val("{{ config('const.document_update_status.finish') }}");
                    $("#submit_form").submit();
                });
                $("#reset_all_doc_check").click(function () {
                    $('input[name="update_status"]').val("{{ config('const.doc_receipt_status_code.not_yet') }}");
                    $("#submit_form").submit();
                });
                @if(isset($params->addition_status[0]->update_status) && !empty($params->addition_status[0]->update_status))
                $("#document_vehicle_id").after($("#addition_status_wrap"));
                @endif
                $("#dropZoneBox99").dropzone({
                    autoProcessQueue : true,
                    acceptedFiles : ".pdf",
                    clickable:"#addition_file_upload99",
                    //maxFilesize:1,
                    maxFiles:1,
                    url:"{{ route("backend.{$department}.document.upload_file") }}",
                    params:{
                        "_token":"{{ csrf_token() }}"
                    },
                    dictDefaultMessage:"",
                    dictRemoveFileConfirmation:1,
                    addRemoveLinks:false,
                    init:function(){
                        myDropzone = this;
                        this.on("complete", function(){
                            if(this.getQueuedFiles().length == 0 && this.getUploadingFiles().length == 0)
                            {
                                var _this = this;
                                _this.removeAllFiles();
                            }
                        });

                    },
                    success: function success(file) {
                        let data = JSON.parse(file.xhr.response);
                        let src = "{{ asset('storage/temp') }}" + "/" + data.file_path;
                        $("#addition_file_name99").val(data.file_name);
                        $("#addition_file_path99").val(data.file_path);
                        $("#addition_file_link99").attr('href', src);
                        $("#addition_file_link99").empty().html(data.file_name);
                        $("#addition_file_delete99").data('file_path', data.file_path);
                        $("#addition_file_delete99").css('display', 'inline-block');
                    }
                });
                $("#dropZoneBox100").dropzone({
                    autoProcessQueue : true,
                    acceptedFiles : ".pdf",
                    clickable:"#addition_file_upload100",
                    //maxFilesize:1,
                    maxFiles:1,
                    url:"{{ route("backend.{$department}.document.upload_file") }}",
                    params:{
                        "_token":"{{ csrf_token() }}"
                    },
                    dictDefaultMessage:"",
                    dictRemoveFileConfirmation:1,
                    addRemoveLinks:false,
                    init:function(){
                        myDropzone = this;
                        this.on("complete", function(){
                            if(this.getQueuedFiles().length == 0 && this.getUploadingFiles().length == 0)
                            {
                                var _this = this;
                                _this.removeAllFiles();
                            }
                        });

                    },
                    success: function success(file) {
                        let data = JSON.parse(file.xhr.response);
                        let src = "{{ asset('storage/temp') }}" + "/" + data.file_path;
                        $("#addition_file_name100").val(data.file_name);
                        $("#addition_file_path100").val(data.file_path);
                        $("#addition_file_link100").attr('href', src);
                        $("#addition_file_link100").empty().html(data.file_name);
                        $("#addition_file_delete100").data('file_path', data.file_path);
                        $("#addition_file_delete100").css('display', 'inline-block');
                    }
                });
                $(".delete-file").click(function () {
                    let file_path = $(this).data('file_path');
                    let vehicle_id = "{{ $vehicle_id }}";
                    let i = $(this).data('id');
                    helper_confirm("dialog-confirm", "削除", "PDFファイルを削除します。<br />よろしいですか？", 300, "確認", "閉じる", function(){

                        $.ajax({
                            type: 'post',
                            url: "{{ route("backend.{$department}.document.delete_file") }}",
                            data: {
                                'vehicle_id':vehicle_id,
                                'file_path':file_path,
                                _token: _token,
                            },
                            success: function() {
                                $("#addition_file_name" + i).val('');
                                $("#addition_file_path" + i).val('');
                                $("#addition_file_link" + i).attr('href', '#');
                                $("#addition_file_link" + i).empty();
                                $("#addition_file_delete" + i).data('file_path', '');
                                $("#addition_file_delete" + i).css('display', 'none');
                            }
                        });
                    });
                });
                $("#add_addition_status_btn").click(function () {
                    $("#add_addition_status_btn").hide();
                    let last_index = 0;
                    $(".addition_status_box").each(function () {
                        if(parseInt($(this).data('id')) > last_index){
                            last_index = parseInt($(this).data('id'));
                        }
                    });
                    $.ajax({
                        type: 'post',
                        url: "{{ route("backend.{$department}.document.ajax_addition_status") }}",
                        data: {
                            'last_index':last_index,
                            'vehicle_id':"{{ $vehicle_id }}",
                            _token: _token,
                        },
                        success: function(response) {
                            $(".addition_status_box").first().before(response);
                        }
                    });
                });
                setOrder(1);
                $(".datepicker").each(function () {
                    if(isNaN((new Date($(this).val())).getTime())){
                        $(this).val('');
                    }
                });

            }) ;
        });
        function setOrder(first = 0) {
            $(".update_date_tr").remove();
            let value = 0;
            let append = 0;
            let current_date = 0;
            doc_purchase_field.forEach(function (element) {
                value = ($('input[name="'+ element +'"]').prop('checked') ? 1 : 0);
                append = 0;
                if($("#"+element+"_updated_at").val()){
                    current_date = new Date($("#"+element+"_updated_at").val());
                    current_date = current_date.getTime();
                }
                if(value){
                    if($(".checked_tr").length === 0){
                        $("#status_table").prepend($("#tr_"+element));
                        $("#tr_"+element).addClass('checked_tr');
                    } else {
                        $(".checked_tr").each(function () {
                            let ele_date = $(this).find('.status_update_value').val() == '' ? 0 : (new Date($(this).find('.status_update_value').val())).getTime();

                            if(ele_date > current_date) {
                                $(this).before($("#tr_"+element));
                                append = 1;
                                return false;
                            }
                        });
                        if(!append){
                            $(".checked_tr").last().after($("#tr_"+element));
                        }
                        $("#tr_"+element).addClass('checked_tr');
                    }
                } else {
                    $("#tr_"+element).addClass('unchecked_tr');
                    $("#tr_"+element).removeClass('checked_tr');
                    if($(".unchecked_tr").length === 1){
                        $("#document_info_body").append($("#tr_"+element));
                    } else {
                        $(".unchecked_tr").last().after($("#tr_"+element));
                    }
                }
            });
            let addition_doc_count = $(".addition-wrap").length;
            if (addition_doc_count > 0){
                $(".addition-wrap").each(function () {
                    let i = $(this).data('index');
                    if($("#tr_addition_" + i).length > 0){
                        value = $("#additions_" + i).prop('checked') ? 1 : 0;
                        append = 0;
                        if($("#additions_"+ i +"_updated_at").val()){
                            current_date = new Date($("#additions_"+ i +"_updated_at").val());
                            current_date = current_date.getTime();
                        }
                        if(value){
                            if($(".checked_tr").length === 0){
                                $("#status_table").prepend($("#tr_addition_" + i));
                                $("#tr_addition_" + i).addClass('checked_tr');
                            } else {
                                $(".checked_tr").each(function () {
                                    let ele_date = $(this).find('.status_update_value').val() == '' ? 0 : (new Date($(this).find('.status_update_value').val())).getTime();

                                    if(ele_date > current_date) {
                                        $(this).before($("#tr_addition_" + i));
                                        append = 1;
                                        return false;
                                    }
                                });
                                if(!append){
                                    $(".checked_tr").last().after($("#tr_addition_" + i));
                                }
                                $("#tr_addition_" + i).addClass('checked_tr');
                            }
                        } else {
                            $("#tr_addition_" + i).addClass('unchecked_tr');
                            $("#tr_addition_" + i).removeClass('checked_tr');
                            $("#tr_addition_" + i).find('.calendar-wrap').show();
                            $("#tr_addition_" + i).find('.w70').show();
                            if($(".unchecked_tr").length === 1){
                                $("#status_table").append($("#tr_addition_" + i));
                            } else {
                                $(".unchecked_tr").last().after($("#tr_addition_" + i));
                            }
                        }
                    }
                });
            }

            let comment_date = $(".checked_tr").first().find('.status_update_value').val();
            $(".checked_tr").each(function (count) {
                if($(this).find('.status_update_value').val() != '' && first) {
                    //$(this).find('.calendar-wrap').hide();
                    //$(this).find('.w70').hide();
                    $(this).find('.calendar-wrap.issue_date').show();
                    $(this).find('.w70.issue_date').show();
                }
                if($(this).find('.status_update_value').val() != '' && $(this).find('.status_update_value').val() !== comment_date){
                    if(comment_date !== '' && getShowCount(comment_date)){
                        $(this).before('<tr><td colspan="2" class="num update_date_tr">'+ comment_date.replace(/-/gi, '/')+ '受け取り済み' +'</td></tr>')
                    }
                    comment_date = $(this).find('.status_update_value').val();
                }
                if(count === ($(".checked_tr").length - 1)){
                    if(getShowCount(comment_date) && comment_date != ''){
                        $(".checked_tr").last().after('<tr><td colspan="2" class="num update_date_tr">'+ comment_date.replace(/-/gi, '/') + '受け取り済み' +'</td></tr>');
                    }
                }
            });
        }
        function getShowCount(date) {
            let count = 0;
            $(".checked_tr").each(function () {
                if($(this).find('.status_update_value').val() === date && $(this).css('display') != 'none' && $(this).find('input[type=checkbox]:checked').length > 0){
                    count++;
                }
            });
            return count;
        }
        function getFormatDate(date){
            var year = date.getFullYear();
            var month = (1 + date.getMonth());
            month = month >= 10 ? month : '0' + month;
            var day = date.getDate();
            day = day >= 10 ? day : '0' + day;
            return year + '-' + month + '-' + day;
        }

        $(document).on('change', ".calendar-wrap input", function () {
            if($(this).prop('disabled')) {
                $(this).val('');
            }
        });

        $(document).on('change', ".status_update_value", function () {
            setOrder();
        });
        $(document).on('click', '.check_accept_document', function () {
            let now_date = getFormatDate(new Date());
            let id = $(this).attr('id') + '_updated_at';

            if($(this).prop('checked')) {
                $("#" + id).val(now_date);
                $("#" + $(this).attr('id') + '_updated_at').prop('disabled', false);
            } else {
                $("#" + id).val('');
                $("#" + $(this).attr('id') + '_updated_at').val('');
                $("#" + $(this).attr('id') + '_updated_at').prop('disabled', true);
            }
            setOrder();
        });
    </script>
@endsection