@extends('backend.layouts.app')

@section('content')
    {{ Form::open(['route' => "backend.{$department}.wrecker.confirm_detail", 'id' => 'frm_wrecker_printer', 'name' => 'frm_wrecker_printer', 'method' => 'POST', 'files'=>true]) }}

	    <h2 class="title">レッカー作業依頼書</h2>
        @include('backend.layouts.flash-message')
        <input type="hidden" name="wrecker_request_id" value="{{ $params->id }}">
        <input type="hidden" name="wrecker_request_doc_id" value="{{ isset($wrecker_doc->id) ? $wrecker_doc->id : '' }}">
        <input type="hidden" name="wrecker_vehicle_id" value="{{ $wrecker_vehicle->id }}">
        <table class="normal half_table single_line">
            <tr>
                <th>受付番号</th>
                <td>{{ $params->request_no }}</td>
            </tr>
            <tr>
                <th>受付日</th>
                <td>
                    <input type="text" value="{{ $params->reception_date }}" readonly class="input-text" >
                </td>

                <th>レッカー担当</th>
                <td>
                    <input type="text" readonly value="{{ isset($wrecker_report->charge_user) ? \App\Service\UserService::getUserName($wrecker_report->charge_user) : "" }}" class="input-text" >
                </td>

                <th>依頼者</th>
                <td><input type="text" readonly value="{{ $params->requester }}" class="input-text"></td>

                <th>ユーザー</th>
                <td><input type="text" value="{{ $params->client_name }}" readonly class="input-text"></td>

                <th>引取先<span class="require">※</span></th>
                <td>
                    <input type="text" name="takeover" value="{{ old('takeover', isset($wrecker_doc->takeover) ? $wrecker_doc->takeover : (isset($params->stop_location) ? $params->stop_location : '')) }}" class="input-text">
                    @error('takeover')
                        <span class="error_text">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </td>
                <th>搬入先</th>
                <td><input type="text" value="{{ $params->back_dest }}" readonly class="input-text"></td>

            </tr>
        </table>

    <table class="normal half_table single_line mt30">
        <tr>
            <th>登録番号</th>
            <td><input type="text" value="{{ $wrecker_vehicle->register_no }}" readonly class="input-text"></td>

            <th>車台番号</th>
            <td>
                <input type="text" name="chassis_no" value="{{ old('chassis_no', isset($wrecker_doc->chassis_no) ? $wrecker_doc->chassis_no : '') }}" class="input-text">
                @error('chassis_no')
                <span class="error_text">
                            <strong>{{ $message }}</strong>
                        </span>
                @enderror
            </td>
        </tr>
        <tr>
            <th>形状</th>
            <td>
                <input type="text" name="vehicle_shape" class="input-text" value="{{ old('vehicle_shape', isset($wrecker_doc->vehicle_shape) ? $wrecker_doc->vehicle_shape : '') }}">
                @error('vehicle_shape')
                <span class="error_text">
                            <strong>{{ $message }}</strong>
                        </span>
                @enderror
            </td>
        </tr>
    </table>
    <table class="normal half_table single_line">
        <tr>
            <th>出動時刻</th>
            <td>{{ isset($params->report->dispatch_date) ? ("{$params->report->dispatch_hour}時{$params->report->dispatch_minute}分"): ""  }}</td>
            <th>作業開始時刻</th>
            <td>{{ (isset($params->report->work_start_hour) && isset($params->report->work_start_minute)) ? sprintf('%02d時%02d分', $params->report->work_start_hour,$params->report->work_start_minute) : "" }}</td>
            <th>作業完了時刻</th>
            <td>{{ (isset($params->report->work_finish_hour) && isset($params->report->work_finish_minute)) ? sprintf('%02d時%02d分', $params->report->work_finish_hour,$params->report->work_finish_minute) : "" }}</td>

            <th>帰着時刻</th>
            <td>{{ isset($params->report->comeback_dispatch_date) ? ("{$params->report->comeback_dispatch_hour}時{$params->report->comeback_dispatch_minute}分"): ""  }}</td>
        </tr>
    </table>
    <table class="normal">
        <tr>
            <th class="w200">備考</th>
            <td>
                <textarea name="request_doc_note">{{ old('request_doc_note', isset($wrecker_doc->request_doc_note) ? $wrecker_doc->request_doc_note : '') }}</textarea>
                @error('request_doc_note')
                <span class="error_text">
                            <strong>{{ $message }}</strong>
                        </span>
                @enderror
            </td>
        </tr>
    </table>
        <table class="normal half_table">
            <tr>
                <th>リアシャフト</th>
                <td>

                    @include('backend.share.vehicle.form._s_check_options', ['element_id' => 'wrecker_rear_shaft_type','element_name'=>'options[rear_shaft_type]', 'options_value'=>config('const.rear_shaft_type'),  'selected_options' => old('options.rear_shaft_type', isset($wrecker_doc->rear_shaft_type) ? $wrecker_doc->rear_shaft_type : (isset($wrecker_report->rear_shaft_type) ? $wrecker_report->rear_shaft_type : ''))])

                </td>
                <th>ブレーキ解除</th>
                <td>
                    @foreach(config('const.brake_release') as $key => $item)
                        <div class="company">
                            <div class="radiobtn-wrap">
                                <input type="radio" name="is_brake_release" id="is_brake_release{{ $key }}" value="{{ $key }}" {{ old('is_brake_release', isset($wrecker_doc->is_brake_release) ? $wrecker_doc->is_brake_release : (isset($wrecker_report->is_brake_release) ? $wrecker_report->is_brake_release : '')) == $key ? 'checked' : '' }}>
                                <label for="is_brake_release{{ $key }}">{{ $item }}</label>
                            </div>
                            @if($key == 2)
                                <div id="brake_type_box" style="margin-bottom: -12px;display: {{ old('is_brake_release', isset($wrecker_doc->is_brake_release) ? $wrecker_doc->is_brake_release : '') == config('const.brake_release_code.brake_release') ? 'block' : 'none' }};">
                                    @include('backend.share.vehicle.form._s_check_options', ['element_id' => 'wrecker_brake_release_type','element_name'=>'options[brake_release_type]', 'options_value'=>config('const.brake_release_type'),  'selected_options' => old('options.brake_release_type', isset($wrecker_doc->brake_release_type) ? $wrecker_doc->brake_release_type : (isset($wrecker_report->brake_release_type) ? $wrecker_report->brake_release_type : ''))])
                                </div>
                            @endif
                        </div>
                    @endforeach

                </td>
                <th>荷物あり</th>
                <td>
                    <div class="checkbtn_wrap">
                        <input type="checkbox" name="is_sound" id="is_sound" value="1" {{ old('is_sound', isset($wrecker_doc->is_sound) ? $wrecker_doc->is_sound : (isset($wrecker_report->is_sound) ? $wrecker_report->is_sound : '')) == 1 ? 'checked' : '' }}>
                        <label for="is_sound" class="check_label"></label>
                    </div>
                </td>
                <th>プロペラシャフト切り離し</th>
                <td>
                    <div class="checkbtn_wrap">
                        <input type="checkbox" name="is_propeller_shaft" id="is_propeller_shaft" value="1" {{ old('is_propeller_shaft', isset($wrecker_doc->is_propeller_shaft) ? $wrecker_doc->is_propeller_shaft : (isset($wrecker_report->is_propeller_shaft) ? $wrecker_report->is_propeller_shaft : '')) == 1 ? 'checked' : '' }}>
                        <label for="is_propeller_shaft" class="check_label"></label>
                    </div>
                </td>
                <th>後部つり上げ</th>
                <td>
                    <div class="checkbtn_wrap">
                        <input type="checkbox" name="is_rear_lift" id="is_rear_lift" value="1" {{ old('is_rear_lift', isset($wrecker_doc->is_rear_lift) ? $wrecker_doc->is_rear_lift : (isset($wrecker_report->is_rear_lift) ? $wrecker_report->is_rear_lift : '')) == 1 ? 'checked' : '' }}>
                        <label for="is_rear_lift" class="check_label"></label>
                    </div>
                </td>
                <th>トレーラーセットけん引</th>
                <td>
                    <div class="checkbtn_wrap">
                        <input type="checkbox" name="is_trailer_set" id="is_trailer_set" value="1" {{ old('is_trailer_set', isset($wrecker_doc->is_trailer_set) ? $wrecker_doc->is_trailer_set : (isset($wrecker_report->is_trailer_set) ? $wrecker_report->is_trailer_set : '')) == 1 ? 'checked' : '' }}>
                        <label for="is_trailer_set" class="check_label"></label>
                    </div>
                </td>
            </tr>
        </table>
        <div class="sign mt30">
                <h3 class="subtitle">引渡者サイン欄</h3>
                <div id="requester_canvas">
                    Canvas is not supported.
                </div>
                <div style="border: none !important;vertical-align: top; height: 250px;">
                    <span style="vertical-align: top;margin-left: 10px;" id="requester_img_title">サイン結果 ：</span>
                    @if(old('requester_sign', isset($wrecker_doc->requester_sign) ? $wrecker_doc->requester_sign : ''))
                        <img class="img-sign" id="requester_img"  src="{{ old('requester_sign', isset($wrecker_doc->requester_sign) ? $wrecker_doc->requester_sign : '') }}"/>
                    @else
                        <img class="img-sign" id="requester_img"  src="" style="display: none"/>
                    @endif
                </div>
        </div>
        @error('requester_sign')
            <span class="error_text">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
        <div class=" sign_btn">
            <input type="button" id="requester_confirm_sign" class="btn-confirm-chassis" value="サイン確認" >
            <input type="button" id="requester_reset_sign" value="リセット" class="btn-confirm-chassis-danger">
        </div>

        <div class="sign mt30 company">
            <h3 class="subtitle">受領者サイン欄</h3>

                <div id="recipient_canvas">
                    Canvas is not supported.
                </div>
                <div style="border: none !important;height: 250px;">
                    <span style="vertical-align: top;margin-left: 10px;" id="recipient_img_title">サイン結果 ：</span>
                    @if(old('takeover_sign', isset($wrecker_doc->takeover_sign) ? $wrecker_doc->takeover_sign : ''))
                        <img class="img-sign" id="recipient_img" src="{{ old('takeover_sign', isset($wrecker_doc->takeover_sign) ? $wrecker_doc->takeover_sign : '') }}"/>
                    @else
                        <img class="img-sign" id="recipient_img" src="" style="display: none"/>
                    @endif
                </div>
            <script>
                zkSignature.capture('requester');
                zkSignature.capture('recipient');
            </script>

            <input id="requester_save" type="hidden" name="requester_sign" value="{{ old('requester_sign', isset($wrecker_doc->requester_sign) ? $wrecker_doc->requester_sign : '') }}" alt="Saved image png"/>
            <input id="recipient_save" type="hidden" name="takeover_sign" value="{{ old('takeover_sign', isset($wrecker_doc->takeover_sign) ? $wrecker_doc->takeover_sign : '') }}" alt="Saved image png"/>

        </div>

        @error('takeover_sign')
            <span class="error_text">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
        <div class=" sign_btn">
            <input type="button" id="confirm_sign" class="btn-confirm-chassis" value="サイン確認" >
            <input type="button" id="reset_sign" value="リセット" class="btn-confirm-chassis-danger">
        </div>
        <div class="center-submit">
            <input type="button" id="print_wrecker_doc" value="確認" >
            @if(isset($params) && is_object($params) && isset($wrecker_doc) && is_object($wrecker_doc))
                <input type="button" value="出力" onclick='window.open("{{ route("backend.{$department}.wrecker.export_wrecker", ["wrecker"=>$params->id]) }}")'>
            @endif
        </div>
    {{ Form::close() }}
@endsection

@section('page_css')
    <link href="{{ asset('vendor/html5-qrcode/css/html5-qrcode.css') }}?20200918" rel="stylesheet">
    <style>
        .sign div {
            display: inline-block;
            border: 1px solid #999;
        }
        .img-sign {
            width: 480px;
            height: 250px;
        }
        .sign_btn input {
            margin: 10px 0 !important;
            height: 40px !important;
            width: 200px !important;
            display: inline-block;
        }
    </style>
@endsection

@section('page_js')
    <script src="{{ asset('assets/backend/js/sign.js') }}?20201012"></script>
    <script>
        $(document).ready(function() {
            $('#print_wrecker_doc').click(function (e) {
                e.preventDefault();
                $('#frm_wrecker_printer').submit();
                return true;
            });

            $('#confirm_sign').click(function (e) {
                zkSignature.save('recipient');
            });
            $('#reset_sign').click(function (e) {
                helper_confirm("dialog-confirm", "リセット", 'リセットしますか？', 300, "確認", "閉じる", function(){
                    zkSignature.clear('recipient');
                    resetSign('recipient');
                    $("#recipient_save").val('');
                    $("#recipient_img").attr('src', '');
                    $("#recipient_img").css('display', 'none');
                });
            });
            $('#requester_confirm_sign').click(function(e){
                zkSignature.save('requester');
            });
            $('#requester_reset_sign').click(function(e){
                helper_confirm("dialog-confirm", "リセット", 'リセットしますか？', 300, "確認", "閉じる", function(){
                    zkSignature.clear('requester');
                    resetSign('requester');
                    $("#requester_save").val('');
                    $("#requester_img").attr('src', '');
                    $("#requester_img").css('display', 'none');
                });
            });

            $("input[name=is_brake_release]").click(function () {
                if($("input[name=is_brake_release]:checked").val() == "{{ config('const.brake_release_code.brake_release') }}"){
                    $("#brake_type_box").css('display', 'block');
                } else {
                    $("#brake_type_box").css('display', 'none');
                    $("#brake_type_box input").removeAttr('checked');
                }
            });

            function resetSign(element) {
                $.ajax({
                    type: 'post',
                    url: '{{ route("backend.{$department}.wrecker.reset_sign") }}',
                    data: {
                        'sign_type':element,
                        'wrecker_request_id':"{{ $params->id }}",
                        _token: '