@extends('backend.layouts.app')

@section('content')

    @if (isset($report) && is_object($report))
        <h2 class="title">レッカー作業報告【確認】</h2>
    @else
        <h2 class="title">レッカー作業報告【確認】</h2>
    @endif
    {{ Form::open(["route"=>"backend.{$department}.wrecker.update", "method"=>"post"]) }}
    <input type="hidden" name="wrecker_request_id" value="{{ $request->id }}">
    @if (isset($report->id) && $report->id)
        <input type="hidden" name="id" value="{{ $report->id}}">
    @endif
    <input type="hidden" name="wrecker_vehicle_id" value="{{ isset($report->wrecker_vehicle_id) ? $report->wrecker_vehicle_id : (isset($wrecker_vehicle_id) ? $wrecker_vehicle_id : '') }}">
    <table class="normal half_table single_line">
        <tr>
            @if(isset($request->request_no))
                <th>受付番号</th>
                <td>{{ $request->request_no }}</td>
            @endif
            <th>依頼者</th>
            <td>
                {{ (isset($request) && is_object($request)) ? $request->requester : "" }}
            </td>
            <th>ユーザー名</th>
            <td>
                {{ (isset($request) && is_object($request)) ? $request->client_name : "" }}
            </td>
            <th>登録番号</th>
            <td>{{ isset($request->target_vehicle[0]->register_no) ? $request->target_vehicle[0]->register_no : '' }}</td>
            <th>車台番号</th>
            <td>{{ isset($request->target_vehicle[0]->wrecker_doc->chassis_no) ? $request->target_vehicle[0]->wrecker_doc->chassis_no : '' }}</td>
            <th>形状</th>
            <td>{{ isset($request->target_vehicle[0]->wrecker_doc->vehicle_shape) ? $request->target_vehicle[0]->wrecker_doc->vehicle_shape : '' }}</td>
            <th>作業日<span class="require">※</span></th>
            <td>
                {{ old('working_date', isset($report->working_date) ? $report->working_date : '') }}
            </td>
            <th>メイン担当<span class="require">※</span></th>
            <td>
                {{ isset($report->charger->name_kanji) ? $report->charger->name_kanji : '' }}
            </td>
            <th>補助担当</th>
            <td id="assist_box_td">
                <div>
                   {{ \App\Service\UserService::getUserName(isset($report->assist_charge_user) ? $report->assist_charge_user : '') }}
                </div>
                @foreach(range(2, 4) as $index)
                    @php
                        $field_name = 'assist_charge_user'.$index;
                    @endphp
                    <div class="assist_charge_wrap {{ empty(old($field_name, isset($report->$field_name) ? $report->$field_name : '')) ? 'hidden' : '' }}" id="assist_charge_box{{ $index }}" data-id="{{ $index }}">
                        {{ \App\Service\UserService::getUserName(isset($report->$field_name) ? $report->$field_name : '') }}
                    </div>
                @endforeach
            </td>
            <th>天気</th>
            <td>
                {{ config('const.weather_status.'.(isset($report->weather_status) ? $report->weather_status : '')) }}
            </td>
        </tr>
    </table>


    <table class="normal">
        <tr>
            <th class="w10per st_blue">出動</th>
            <td class="w20per st_blue">
                {{ (isset($report->dispatch_date) ? $report->dispatch_date.'　' : '') }}{{ isset($report->dispatch_hour) ? $report->dispatch_hour.'時' : '' }}{{ isset($report->dispatch_minute) ? $report->dispatch_minute.'分' : '' }}
            </td>
            <th class="w10per st_blue">★メーター</th>
            <td class="w10per st_blue">
                {{ (isset($report->wrecker_meta1) && $report->wrecker_meta1) ? number_format($report->wrecker_meta1).'km' : '' }}
            </td>
            <th class="w10per">高速入</th>
            <td colspan="3">
                {{ (isset($report->high_speed_start_date) ? $report->high_speed_start_date.'　' : '') }}{{ isset($report->high_speed_start_hour) ? $report->high_speed_start_hour.'時' : '' }}{{ isset($report->high_speed_start_minute) ? $report->high_speed_start_minute.'分' : '' }}
            </td>
        </tr>
        <tr>
            <th class="w10per st_blue">現着</th>
            <td class="w20per st_blue">
                {{ (isset($report->arrive_date) ? $report->arrive_date.'　' : '') }}{{ isset($report->arrive_hour) ? $report->arrive_hour.'時' : '' }}{{ isset($report->arrive_minute) ? $report->arrive_minute.'分' : '' }}

            </td>
            <th class="w10per st_blue">★メーター</th>
            <td class="w10per st_blue">
                {{ (isset($report->wrecker_meta3) && $report->wrecker_meta3) ? number_format($report->wrecker_meta3).'km' : '' }}
            </td>
            <th class="w10per">レッキング</th>
            <td class="w20per" colspan="3">
                {{ (isset($report->wrecking_start_date) ? $report->wrecking_start_date.'　' : '') }}{{ isset($report->wrecking_start_hour) ? $report->wrecking_start_hour.'時' : '' }}{{ isset($report->wrecking_start_minute) ? $report->wrecking_start_minute.'分　～　' : '' }}
                {{ (isset($report->wrecking_finish_date) ? $report->wrecking_finish_date.'　' : '') }}{{ isset($report->wrecking_finish_hour) ? $report->wrecking_finish_hour.'時' : '' }}{{ isset($report->wrecking_finish_minute) ? $report->wrecking_finish_minute.'分' : '' }}
            </td>
        </tr>
        <tr>
            <th class="w10per">移動</th>
            <td class="w20per" colspan="3">
                {{ (isset($report->move_start_date) ? $report->move_start_date.'　' : '') }}
            </td>
            <th class="w10per">高速出</th>
            <td colspan="3">
                {{ (isset($report->high_speed_finish_date) ? $report->high_speed_finish_date.'　' : '') }}{{ isset($report->high_speed_finish_hour) ? $report->high_speed_finish_hour.'時' : '' }}{{ isset($report->high_speed_finish_minute) ? $report->high_speed_finish_minute.'分' : '' }}
            </td>
        </tr>
        <tr>
            <th class="w10per">切り離し作業</th>
            <td class="w20per">
                {{ (isset($report->work_start_date) ? $report->work_start_date.'　' : '') }}{{ isset($report->work_start_hour) ? $report->work_start_hour.'時' : '' }}{{ isset($report->work_start_minute) ? $report->work_start_minute.'分　～　' : '' }}
                {{ (isset($report->work_finish_date) ? $report->work_finish_date.'　' : '') }}{{ isset($report->work_finish_hour) ? $report->work_finish_hour.'時' : '' }}{{ isset($report->work_finish_minute) ? $report->work_finish_minute.'分' : '' }}
            </td>
            <th class="w10per">★メーター</th>
            <td class="w10per">
                {{ (isset($report->wrecker_meta2) && $report->wrecker_meta2) ? number_format($report->wrecker_meta2).'km' : '' }}
            </td>
            <th class="w10per st_blue">帰路出発</th>
            <td class="w20per st_blue">
                {{ (isset($report->comeback_dispatch_date) ? $report->comeback_dispatch_date.'　' : '') }}{{ isset($report->comeback_dispatch_hour) ? $report->comeback_dispatch_hour.'時' : '' }}{{ isset($report->comeback_dispatch_minute) ? $report->comeback_dispatch_minute.'分' : '' }}
            </td>
            <th class="w10per st_blue">★メーター</th>
            <td class="w10per st_blue">
                {{ (isset($report->wrecker_meta4) && $report->wrecker_meta4) ? number_format($report->wrecker_meta4).'km' : '' }}
            </td>
        </tr>
        @php
            $report_waits = ((isset($report_wait_arr) && is_object($report_wait_arr)) ? $report_wait_arr->toArray() : null);
        @endphp
        <tr>
            <th class="w10per ">帰路到着</th>
            <td class="w20per ">
                {{ (isset($report->comeback_arrive_date) ? $report->comeback_arrive_date.'　' : '') }}{{ isset($report->comeback_arrive_hour) ? $report->comeback_arrive_hour.'時' : '' }}{{ isset($report->comeback_arrive_minute) ? $report->comeback_arrive_minute.'分' : '' }}
            </td>
            <th class="w10per ">★メーター</th>
            <td class="w10per ">
                {{ (isset($report->wrecker_meta5) && $report->wrecker_meta5) ? number_format($report->wrecker_meta5).'km' : '' }}
            </td>
            <th class="w10per">高速代</th>
            <td colspan="3">
                {{ (!empty($report->hight_speed_fee) ? number_format($report->hight_speed_fee) : '') }}
            </td>
        </tr>
        <tr class="waiting_time_box" id="waiting_time_box0" data-id="0">
            <th class="w10per" rowspan="{{ (is_array($report_waits) && count($report_waits)) ? (count($report_waits) + 1) : 2 }}">待ち時間</th>
            <td class="w20per" colspan="3">
                {{ (isset($report_waits[0]['start_date']) ? $report_waits[0]['start_date'].'　' : '') }}{{ (isset($report_waits[0]['start_hour']) ) ? $report_waits[0]['start_hour'].'時' : '' }}{{ (isset($report_waits[0]['start_minute'])) ? $report_waits[0]['start_minute'].'分　～　' : '' }}
                {{ (isset($report_waits[0]['end_date']) ? $report_waits[0]['end_date'].'　' : '') }}{{ (isset($report_waits[0]['end_hour']) ) ? $report_waits[0]['end_hour'].'時' : '' }}{{ (isset($report_waits[0]['end_minute']) ) ? $report_waits[0]['end_minute'].'分' : '' }}
            </td>
            <th class="w10per">備考</th>
            <td colspan="3">{!! nl2br(isset($report->waiting_note) ? $report->waiting_note : '') !!}</td>
        </tr>
        @if(is_array($report_waits) && count($report_waits) > 1)
            @foreach($report_waits as $key => $report_wait)
                @if($key == 0)
                    @continue
                @endif
                <tr>
                    <td class="w20per" colspan="3">
                        {{ (isset($report_wait['start_date']) ? $report_wait['start_date'].'　' : '') }}{{ (isset($report_wait['start_hour']) ) ? $report_wait['start_hour'].'時' : '' }}{{ (isset($report_wait['start_minute'])) ? $report_wait['start_minute'].'分　～　' : '' }}
                        {{ (isset($report_wait['end_date']) ? $report_wait['end_date'].'　' : '') }}{{ (isset($report_wait['end_hour']) ) ? $report_wait['end_hour'].'時' : '' }}{{ (isset($report_wait['end_minute']) ) ? $report_wait['end_minute'].'分' : '' }}
                    </td>
                </tr>
            @endforeach
        @endif
        <tr>
            <td colspan="3" >
                待ち時間合計　:　{{ !empty($report->total_waiting_time) ? number_format($report->total_waiting_time).'分' : '' }}
            </td>
        </tr>
    </table>

    <table class="normal half_table">
        <tr>
            @foreach(range(1, 4) as $index)
                <th>写真{{ $index }}</th>
                <td>
                        @php
                            $f_name_field = 'file_name'.$index;
                            $f_path_field = 'file_path'.$index;
                            $file_path = isset($report->$f_path_field) ? $report->$f_path_field : '';
                        @endphp
                        @if(!empty($file_path) && Storage::disk('temp')->has($file_path))
                            <a href="{{ asset('storage/temp/').'/'.$file_path }}" id="imgLink{{ $index }}" target="_blank">
                                <img style="width: 100px;vertical-align: middle" src="{{ asset('storage/temp/').'/'.$file_path }}" id="imgSrc{{ $index }}">
                            </a>
                        @elseif(isset($report->id) && !empty($report->$f_path_field) && Storage::disk('wrecker')->has($report->id.'/'.$report->$f_path_field))
                            <a href="{{ asset('storage/wrecker/').'/'.$report->id.'/'.$report->$f_path_field }}" id="imgLink{{ $index }}" target="_blank">
                                <img style="width: 100px;vertical-align: middle" src="{{ asset('storage/wrecker/').'/'.$report->id.'/'.$report->$f_path_field }}" id="imgSrc{{ $index }}">
                            </a>
                        @else
                            <a href="#" id="imgLink{{ $index }}" target="_blank">
                                <img style="width: 100px;vertical-align: middle" src="" id="imgSrc{{ $index }}">
                            </a>
                        @endif
                </td>
            @endforeach
        </tr>
        <tr>
        </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($report->rear_shaft_type) ? $report->rear_shaft_type : ''), 'is_disabled'=>1])

            </td>
            <th>ブレーキ解除</th>
            <td>
                <div class="company">
                    <div>
                        {{ config('const.brake_release.'.($report->is_brake_release)) }}
                    </div>
                    @if($report->is_brake_release == 2)
                        <div id="brake_type_box" style="margin-bottom: -12px;display: {{ old('is_brake_release', isset($report->is_brake_release) ? $report->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($report->brake_release_type) ? $report->brake_release_type : ''), 'is_disabled'=>1])
                        </div>
                    @endif
                </div>

            </td>
            <th>荷物あり</th>
            <td>
                <div class="checkbtn_wrap">
                    <input type="checkbox" disabled name="is_sound" id="is_sound" value="1" {{ old('is_sound', isset($report->is_sound) ? $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" disabled name="is_propeller_shaft" id="is_propeller_shaft" value="1" {{ old('is_propeller_shaft', isset($report->is_propeller_shaft) ? $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" disabled name="is_rear_lift" id="is_rear_lift" value="1" {{ old('is_rear_lift', isset($report->is_rear_lift) ? $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" disabled name="is_trailer_set" id="is_trailer_set" value="1" {{ old('is_trailer_set', isset($report->is_trailer_set) ? $report->is_trailer_set : '') == 1 ? 'checked' : '' }}>
                    <label for="is_trailer_set" class="check_label"></label>
                </div>
            </td>
            <th>備考</th>
            <td>
                <textarea name="note" class="non-border">{{ old('note', isset($report->note) ? $report->note : '') }}</textarea>
            </td>
        </tr>
    </table>
    <div class="checkbtn-wrap" style="padding-left: 10px !important;">
        <input type="checkbox" disabled name="send_finish_mail" id="send_finish_mail" value="1" {{ ((isset($report->send_finish_mail) ? $report->send_finish_mail : '') ? 'checked' : '') }}>
        <label class="check_label" for="send_finish_mail">作業完了とする</label>
    </div>
    <div class="center-submit">
        @if (isset($report->id) && $report->id)
            <input type="button" onclick='location.href="{{ route("backend.{$department}.wrecker.edit", ["is_confirm"=>1, 'id'=>$report->id, 'wrecker_vehicle_id'=>$wrecker_vehicle_id]) }}"' value="戻る">
            <input type="submit" value="更新">
        @else
            <input type="button" onclick='location.href="{{ route("backend.{$department}.wrecker.report", ["is_confirm"=>1, 'request'=>$request->id, 'wrecker_vehicle_id'=>$wrecker_vehicle_id]) }}"' value="戻る">
            <input type="submit" value="登録">
        @endif
    </div>
    {{ Form::close() }}

@endsection

@section('page_css')


    <link href="{{ asset('vendor/select2/css/select2.min.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('assets/backend/css/page/wrecker.css') }}" rel="stylesheet">
    <style>
        .file-wrap a {
            text-decoration: none !important;
        }
        .hidden {
            display: none !important;
        }
        .datetime_wrap {
            display: flex;
            flex-wrap: wrap;
        }
        .datetime_wrap div {
            display: inline-block !important;
        }
        .input-half {
            text-align: right;
        }
    </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>
    <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">

    <script src="{{ asset('vendor/timepicker/js/jquery-timepicker.js') }}"></script>
    <script src="{{ asset('vendor/timepicker/js/jquery.timepicker.js') }}"></script>
    <script src="{{ asset('vendor/timepicker/js/timepicker.js') }}"></script>
    <script src="{{ asset('vendor/datetimepicker/jquery.datetimepicker.js') }}"></script>
    <script src="{{ asset('vendor/datetimepicker/jquery.datetimepicker.full.min.js') }}"></script>
    <script>

        $(function () {
            $(document).ready(function () {
                var real_wrecker_image;
                var selected_index;

                $("#invoice_amount").change(function () {
                    calTotal();
                });
                if(!isNaN(parseFloat($("#wrecker_meta4").val()) - parseFloat($("#wrecker_meta3").val()))){
                    $("#real_travel_distance").val(addCommaValue(parseFloat($("#wrecker_meta4").val()) - parseFloat($("#wrecker_meta3").val())));
                }

                $(".wrecker_meta").change(function () {
                    if(!isNaN(parseFloat($("#wrecker_meta4").val()) - parseFloat($("#wrecker_meta3").val()))){
                        $("#real_travel_distance").val(addCommaValue(parseFloat($("#wrecker_meta4").val()) - parseFloat($("#wrecker_meta3").val())));
                    }
                });

                $("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');
                    }
                });

                jQuery.datetimepicker.setLocale('ja');
                $("#registertion_time").datetimepicker({
                    onShow: function(ct) {
                        this.setOptions({
                            minTime: '09:00',
                            maxTime: '19:00',
                            format: 'Y-m-d H:i'
                        })
                    },
                });
                jQuery('#image_button').click(function() {
                    jQuery('#registertion_time').datetimepicker('show'); //support hide,show and destroy command
                });
                $('.select_file').click(function(){
                    selected_index = $(this).data('id');
                    $.ajaxUploadSettings.name = 'ajax_file_upload';
                }).ajaxUploadPrompt({
                    url : '{{ route("backend.{$department}.wrecker.upload_file") }}',
                    data: {
                        _token: '{{ csrf_token() }}'
                    },
                    beforeSend : function () {
                        fullPath = $("input[name=ajax_file_upload]").last().val();
                        if (fullPath) {
                            var startIndex = (fullPath.indexOf('\\') >= 0 ? fullPath.lastIndexOf('\\') : fullPath.lastIndexOf('/'));
                            var filename = fullPath.substring(startIndex);
                            if (filename.indexOf('\\') === 0 || filename.indexOf('/') === 0) {
                                filename = filename.substring(1);
                            }
                            real_wrecker_image = filename;
                        }
                    },
                    onprogress : function (e) {
                        if (e.lengthComputable) {
                            var percentComplete = e.loaded / e.total;
                            $( "#progressbar_vehicle_image_" + selected_index ).progressbar({
                                value: percentComplete*100,
                                complete: function () {
                                    $(this).progressbar( "destroy" );
                                }
                            });
                        }
                    },
                    error : function () {
                        showAlertDialog("画像ファイルを選択してください。");
                    },
                    success : function (filename) {
                        $("#file_path" + selected_index).val(filename);
                        $("#file_name" + selected_index).val(real_wrecker_image);
                        $("#imgSrc" + selected_index).attr('src', "{{ asset('storage/temp') }}" + "/" + filename);
                        $("#imgLink" + selected_index).attr('href', "{{ asset('storage/temp') }}" + "/" + filename);
                        $("#delete_file_" + selected_index).attr('data-temp_file', filename);
                        $("#delete_file_" + selected_index).show();

                    },
                    accept: "image/*"
                });
                $('.delete-file').click(function(){
                    var report_id = "{{ isset($report->id) ? $report->id : 0 }}"
                    var id = $(this).data('id');
                    var img_path = $(this).data('temp_file');
                    if($("#file_path" + id).val() != null){
                        img_path = $("#file_path" + id).val();
                    }
                    helper_confirm("dialog-confirm", "削除", "写真を削除します。<br />よろしいですか？", 300, "確認", "閉じる", function(){
                        $.ajax({
                            type: "post",
                            url : '{{ route("backend.{$department}.wrecker.delete_file") }}',
                            data: {
                                'id':report_id,
                                'file_path':img_path,
                                _token: '