@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.confirm_report", "method"=>"post", "id"=>"submit_form"]) }}
        <input type="hidden" name="wrecker_request_id" value="{{ $request->id }}">
        @if (isset($report) && is_object($report))
        <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 : "" }}
                    <input type="hidden" name="requester" value="{{  (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>
                    <div class="calendar-wrap">
                        <label for="">
                            <input type="text" name="working_date" class="datepicker" value="{{ old('working_date', isset($report->working_date) ? $report->working_date : '') }}" autocomplete="off">
                        </label>
                        <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                    </div>
                    @error('working_date')
                        <span class="error_text">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </td>
                <th>メイン担当<span class="require">※</span></th>
                <td>
                    <div class="select-wrap">
                        <label>
                            <select name="charge_user">
                                <option>担当者選択</option>
                                @foreach ($users as $user)
                                    <option value="{{ $user->id }}" {{ old('charge_user',  isset($report->charge_user) ? $report->charge_user : '') == $user->id ? "selected" : "" }}>{{ $user->name_kanji }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>
                    @error('charge_user')
                        <span class="error_text">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </td>
                <th>補助担当</th>
                <td id="assist_box_td">
                    <div class="company">
                        <div class="select-wrap">
                            <label>
                                <select name="assist_charge_user" style="width: auto">
                                    <option>担当者選択</option>
                                    @foreach ($users as $user)
                                        <option value="{{ $user->id }}" {{ old('assist_charge_user', isset($report->assist_charge_user) ? $report->assist_charge_user : '') == $user->id ? "selected" : "" }}>{{ $user->name_kanji }}</option>
                                    @endforeach
                                </select>
                            </label>
                        </div>
                        <div>
                            <p class="add_fieldbtn" style="margin-left: 10px;"><a style="font-size: 11px !important;padding: 7px 8px !important;" id="add_assist_btn">追加</a></p>
                        </div>
                    </div>
                    @foreach(range(2, 4) as $index)
                        @php
                            $field_name = 'assist_charge_user'.$index;
                        @endphp
                        <div class="company assist_charge_wrap {{ empty(old($field_name, isset($report->$field_name) ? $report->$field_name : '')) ? 'hidden' : '' }}" id="assist_charge_box{{ $index }}" data-id="{{ $index }}">
                            <div class="select-wrap">
                                <label>
                                    <select name="assist_charge_user{{ $index }}" style="width: auto">
                                        <option value="">--</option>
                                        @foreach($users as $user)
                                            <option value="{{ $user->id }}" {{ old($field_name, isset($report->$field_name) ? $report->$field_name : '') == $user->id ? 'selected' : '' }}>{{ $user->name_kanji }}</option>
                                        @endforeach
                                    </select>
                                </label>
                            </div>
                            <div>
                                <p class="delete_btn" style="margin-left: 10px;"><a data-id="{{ $index }}" class="del_assist_btn">削除</a></p>
                            </div>
                        </div>
                    @endforeach
                    @error('assist_charge_user')
                    <span class="error_text">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </td>
                <th>天気</th>
                <td>
                    <div class="radiobtn-wrap">
                        @foreach(config('const.weather_status') as $key=>$weather)
                            <input type="radio" name="weather_status" id="weather_status{{ $key }}" value="{{ $key }}" {{ old('weather_status', isset($report->weather_status) ? $report->weather_status : '') == $key ? 'checked' : '' }}>
                            <label for="weather_status{{ $key }}">{{ $weather }}</label>
                        @endforeach
                    </div>
                </td>
            </tr>
        </table>
        <table class="normal">
        <tr>
            <th class="w10per st_blue">出動</th>
            <td class="w20per st_blue">
                <div class="datetime_wrap">
                    <div class="calendar-wrap2">
                        <label>
                            <input type="text" name="dispatch_date" id="dispatch_date" class="input-text w60per datepicker" value="{{ old('dispatch_date', isset($report->dispatch_date) ? $report->dispatch_date : '') }}">
                            <span><img src="{{ asset('assets/backend/img/calender.png') }}" style="padding-top: 2px;margin-left: 5px"></span>
                        </label>
                    </div>
                    @include('backend.share._parts._select_hour_min', [
                        'hour_name' => 'dispatch_hour',
                        'min_name' => 'dispatch_minute',
                        'hour_val' => (old('dispatch_hour', isset($report->dispatch_hour) ? $report->dispatch_hour : '') ),
                        'min_val' => (old('dispatch_minute', isset($report->dispatch_minute) ? $report->dispatch_minute: '') ),
                        'hour_id' => 'dispatch_hour',
                        'minute_id' => 'dispatch_minute'
                    ])
                </div>
                <div style="display: block">
                    @error('dispatch_date')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                    @error('dispatch_hour')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                    @error('dispatch_minute')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                </div>
            </td>
            <th class="w10per st_blue">★メーター</th>
            <td class="w10per st_blue">
                <input type="text" value="{{ old('wrecker_meta1', isset($report->wrecker_meta1) ? $report->wrecker_meta1 : '') }}" name="wrecker_meta1" placeholder="数値入力" class="input-text w70per input-half input-comma">km
                <div>
                    @error('wrecker_meta1')
                    <span class="error_text">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div></td>
            <th class="w10per">高速入</th>
            <td colspan="3">
                <div class="datetime_wrap">
                    <div class="calendar-wrap2">
                        <label>
                            <input type="text"  name="high_speed_start_date" id="high_speed_start_date" class="input-text w60per datepicker" value="{{ old('high_speed_start_date', isset($report->high_speed_start_date) ? $report->high_speed_start_date : '') }}">
                            <span><img src="{{ asset('assets/backend/img/calender.png') }}" style="padding-top: 2px;margin-left: 5px"></span>
                        </label>
                    </div>

                    @include('backend.share._parts._select_hour_min', [
                        'hour_name' => 'high_speed_start_hour',
                        'min_name' => 'high_speed_start_minute',
                        'hour_val' => (old('high_speed_start_hour', isset($report->high_speed_start_hour) ? $report->high_speed_start_hour : '') ),
                        'min_val' => (old('high_speed_start_minute', isset($report->high_speed_start_minute) ? $report->high_speed_start_minute : '')),
                        'hour_id' => 'high_speed_start_hour',
                        'minute_id' => 'high_speed_start_minute'
                    ])
                </div>
                <div style="display: block">
                    @error('high_speed_start_date')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                    @error('high_speed_start_hour')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                    @error('high_speed_start_minute')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                </div>
            </td>
        </tr>
        <tr>
            <th class="w10per st_blue">現着</th>
            <td class="w20per st_blue">
                <div class="datetime_wrap">
                    <div class="calendar-wrap2">
                        <label>
                            <input type="text"  name="arrive_date" id="arrive_date" class="input-text w60per datepicker" value="{{ old('arrive_date', isset($report->arrive_date) ? $report->arrive_date : '') }}">
                            <span><img src="{{ asset('assets/backend/img/calender.png') }}" style="padding-top: 2px;margin-left: 5px"></span>
                        </label>
                    </div>
                    @include('backend.share._parts._select_hour_min', [
                        'hour_name' => 'arrive_hour',
                        'min_name' => 'arrive_minute',
                        'hour_val' => (old('arrive_hour', isset($report->arrive_hour) ? $report->arrive_hour : '') ),
                        'min_val' => (old('arrive_minute', isset($report->arrive_minute) ? $report->arrive_minute : '')),
                        'hour_id' => 'arrive_hour',
                        'minute_id' => 'arrive_minute'
                    ])
                </div>
                <div style="display: block">
                    @error('arrive_date')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                </div>
            </td>
            <th class="w10per st_blue">★メーター</th>
            <td class="w10per st_blue">
                <input type="text" id="wrecker_meta3" value="{{ old('wrecker_meta3', isset($report->wrecker_meta3) ? $report->wrecker_meta3 : '') }}" name="wrecker_meta3" placeholder="数値入力" class="input-text w70per input-half wrecker_meta input-comma">km
                <div>
                    @error('wrecker_meta3')
                    <span class="error_text">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </td>
            <th class="w10per">レッキング</th>
            <td colspan="3" class="w20per">
                <div class="datetime_wrap">
                    <div class="calendar-wrap2">
                        <label>
                            <input type="text" name="wrecking_start_date" id="wrecking_start_date" class="input-text w60per datepicker" value="{{ old('wrecking_start_date', isset($report->wrecking_start_date) ? $report->wrecking_start_date : '') }}">
                            <span><img src="{{ asset('assets/backend/img/calender.png') }}" style="padding-top: 2px;margin-left: 5px"></span>
                        </label>
                    </div>
                    @include('backend.share._parts._select_hour_min', [
                        'hour_name' => 'wrecking_start_hour',
                        'min_name' => 'wrecking_start_minute',
                        'hour_val' => (old('wrecking_start_hour', isset($report->wrecking_start_hour) ? $report->wrecking_start_hour : '') ),
                        'min_val' => (old('wrecking_start_minute', isset($report->wrecking_start_minute) ? $report->wrecking_start_minute  : '')),
                        'hour_id' => 'wrecking_start_hour',
                        'minute_id' => 'wrecking_start_minute'
                    ])
                    <span style="padding: 10px !important;">～</span>
                    <div class="calendar-wrap2">
                        <label>
                            <input type="text"  name="wrecking_finish_date" id="wrecking_finish_date" class="input-text w60per datepicker" value="{{ old('wrecking_finish_date', isset($report->wrecking_finish_date) ? $report->wrecking_finish_date : '') }}">
                            <span><img src="{{ asset('assets/backend/img/calender.png') }}" style="padding-top: 2px;margin-left: 5px"></span>
                        </label>
                    </div>
                    @include('backend.share._parts._select_hour_min', [
                        'hour_name' => 'wrecking_finish_hour',
                        'min_name' => 'wrecking_finish_minute',
                        'hour_val' => (old('wrecking_finish_hour', isset($report->wrecking_finish_hour) ? $report->wrecking_finish_hour : '') ),
                        'min_val' => (old('wrecking_finish_minute', isset($report->wrecking_finish_minute) ? $report->wrecking_finish_minute  : '')),
                        'hour_id' => 'wrecking_finish_hour',
                        'minute_id' => 'wrecking_finish_minute'
                    ])
                </div>
                <div style="display: block">
                    @error('wrecking_start_date')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                    @error('wrecking_finish_date')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                </div>
            </td>
        </tr>
        <tr>
            <th class="w10per">移動</th>
            <td colspan="3" class="w20per">
                <div class="calendar-wrap2">
                    <label>
                        <input type="text"  name="move_start_date" id="move_start_date" class="input-text w60per datepicker" value="{{ old('move_start_date', isset($report->move_start_date) ? $report->move_start_date : '') }}">
                        <span><img src="{{ asset('assets/backend/img/calender.png') }}" style="padding-top: 2px;margin-left: 5px"></span>
                    </label>
                </div>
                <div style="display: block">
                    @error('move_start_date')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                </div>
            </td>
            <th class="w10per">高速出</th>
            <td colspan="3">
                <div class="datetime_wrap">
                    <div class="calendar-wrap2">
                        <label>
                            <input type="text"  name="high_speed_finish_date" id="high_speed_finish_date" class="input-text w60per datepicker" value="{{ old('high_speed_finish_date', isset($report->high_speed_finish_date) ? $report->high_speed_finish_date : '') }}">
                            <span><img src="{{ asset('assets/backend/img/calender.png') }}" style="padding-top: 2px;margin-left: 5px"></span>
                        </label>
                    </div>
                    @include('backend.share._parts._select_hour_min', [
                        'hour_name' => 'high_speed_finish_hour',
                        'min_name' => 'high_speed_finish_minute',
                        'hour_val' => (old('high_speed_finish_hour', isset($report->high_speed_finish_hour) ? $report->high_speed_finish_hour : '') ),
                        'min_val' => (old('high_speed_finish_minute', isset($report->high_speed_finish_minute) ? floor($report->high_speed_finish_minute / 5) * 5 : '')),
                        'hour_id' => 'high_speed_finish_hour',
                        'minute_id' => 'high_speed_finish_minute'
                    ])
                </div>
                <div style="display: block">
                    @error('high_speed_finish_date')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                    @error('high_speed_finish_hour')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                    @error('high_speed_finish_minute')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                </div>
            </td>
        </tr>
        <tr>
            <th class="w10per">切り離し作業</th>
            <td class="">
                <div class="datetime_wrap">
                    <div class="calendar-wrap2">
                        <label>
                            <input type="text"  name="work_start_date" id="work_start_date" class="input-text w60per datepicker" value="{{ old('work_start_date', isset($report->work_start_date) ? $report->work_start_date : '') }}">
                            <span><img src="{{ asset('assets/backend/img/calender.png') }}" style="padding-top: 2px;margin-left: 5px"></span>
                        </label>
                    </div>
                    @include('backend.share._parts._select_hour_min', [
                        'hour_name' => 'work_start_hour',
                        'min_name' => 'work_start_minute',
                        'hour_val' => (old('work_start_hour', isset($report->work_start_hour) ? $report->work_start_hour : '') ),
                        'min_val' => (old('work_start_minute', isset($report->work_start_minute) ? floor($report->work_start_minute / 5) * 5  : '')),
                        'hour_id' => 'work_start_hour',
                        'minute_id' => 'work_start_minute'
                    ])
                    <span style="padding: 10px">～</span>
                    <div class="calendar-wrap2">
                        <label>
                            <input type="text"  name="work_finish_date" id="work_finish_date" class="input-text w60per datepicker" value="{{ old('work_finish_date', isset($report->work_finish_date) ? $report->work_finish_date : '') }}">
                            <span><img src="{{ asset('assets/backend/img/calender.png') }}" style="padding-top: 2px;margin-left: 5px"></span>
                        </label>
                    </div>
                    @include('backend.share._parts._select_hour_min', [
                        'hour_name' => 'work_finish_hour',
                        'min_name' => 'work_finish_minute',
                        'hour_val' => (old('work_finish_hour', isset($report->work_finish_hour) ? $report->work_finish_hour : '') ),
                        'min_val' => (old('work_finish_minute', isset($report->work_finish_minute) ? floor($report->work_finish_minute / 5) * 5 : '')),
                        'hour_id' => 'work_finish_hour',
                        'minute_id' => 'work_finish_minute'
                    ])
                </div>
                <div style="display: block">
                    @error('work_start_date')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                    @error('work_finish_hour')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                    @error('work_finish_minute')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                    @error('work_finish_date')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                    @error('work_finish_hour')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                    @error('work_finish_minute')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                </div>
            </td>
            <th class="w10per">★メーター</th>
            <td class="w10per">
                <input type="text" id="wrecker_meta2" value="{{ old('wrecker_meta2', isset($report->wrecker_meta2) ? $report->wrecker_meta2 : '') }}" name="wrecker_meta2" placeholder="数値入力" class="input-text w100 input-half wrecker_meta input-comma"> km
                <div>
                    @error('wrecker_meta2')
                    <span class="error_text">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </td>
            <th class="w10per st_blue">帰路出発</th>
            <td class="w20per st_blue">
                <div class="datetime_wrap">
                    <div class="calendar-wrap2">
                        <label>
                            <input type="text"  name="comeback_dispatch_date" id="comeback_dispatch_date" class="input-text w60per datepicker" value="{{ old('comeback_dispatch_date', isset($report->comeback_dispatch_date) ? $report->comeback_dispatch_date : '') }}">
                            <span><img src="{{ asset('assets/backend/img/calender.png') }}" style="padding-top: 2px;margin-left: 5px"></span>
                        </label>
                    </div>
                    @include('backend.share._parts._select_hour_min', [
                        'hour_name' => 'comeback_dispatch_hour',
                        'min_name' => 'comeback_dispatch_minute',
                        'hour_val' => (old('comeback_dispatch_hour', isset($report->comeback_dispatch_hour) ? $report->comeback_dispatch_hour : '') ),
                        'min_val' => (old('comeback_dispatch_minute', isset($report->comeback_dispatch_minute) ? floor($report->comeback_dispatch_minute / 5) * 5  : '')),
                        'hour_id' => 'comeback_dispatch_hour',
                        'minute_id' => 'comeback_dispatch_minute'
                    ])
                </div>
                <div style="display: block">
                    @error('comeback_dispatch_date')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                </div>
            </td>
            <th class="w10per st_blue">★メーター</th>
            <td class="w10per st_blue">
                <input type="text" id="wrecker_meta4" value="{{ old('wrecker_meta4', isset($report->wrecker_meta4) ? $report->wrecker_meta4 : '') }}" name="wrecker_meta4" placeholder="数値入力" class="input-text w100 input-half wrecker_meta input-comma"> km
                <div>
                    @error('wrecker_meta4')
                    <span class="error_text">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </td>
        </tr>
            @php
                $report_waits = old('report_wait', (isset($report_wait_arr) && is_object($report_wait_arr)) ? $report_wait_arr->toArray() : null);
            @endphp
        <tr>
            <th class="w10per ">帰路到着</th>
            <td class="w20per ">
                <div class="datetime_wrap">
                    <div class="calendar-wrap2">
                        <label>
                            <input type="text"  name="comeback_arrive_date" id="comeback_arrive_date" class="input-text w60per datepicker" value="{{ old('comeback_arrive_date', isset($report->comeback_arrive_date) ? $report->comeback_arrive_date : '') }}">
                            <span><img src="{{ asset('assets/backend/img/calender.png') }}" style="padding-top: 2px;margin-left: 5px"></span>
                        </label>
                    </div>

                    @include('backend.share._parts._select_hour_min', [
                        'hour_name' => 'comeback_arrive_hour',
                        'min_name' => 'comeback_arrive_minute',
                        'hour_val' => (old('comeback_arrive_hour', isset($report->comeback_arrive_hour) ? $report->comeback_arrive_hour : '') ),
                        'min_val' => (old('comeback_arrive_minute', isset($report->comeback_arrive_minute) ? floor($report->comeback_arrive_minute / 5) * 5  : '')),
                        'hour_id' => 'comeback_arrive_hour',
                        'minute_id' => 'comeback_arrive_minute'
                    ])
                </div>
                <div style="display: block">
                    @error('comeback_arrive_date')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                </div>
            </td>
            <th class="w10per ">★メーター</th>
            <td class="w10per ">
                <input type="text" value="{{ old('wrecker_meta5', isset($report->wrecker_meta5) ? $report->wrecker_meta5 : '') }}" name="wrecker_meta5" placeholder="数値入力" class="input-text w100 input-half input-comma"> km
                <div>
                    @error('wrecker_meta5')
                    <span class="error_text">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </td>
            <th class="w10per">高速代</th>
            <td colspan="3">
                <input type="text" value="{{ old('hight_speed_fee', isset($report->hight_speed_fee) ? $report->hight_speed_fee : '') }}" name="hight_speed_fee" placeholder="数値入力" class="input-text input-half enable_zero input-comma w100 cal_total"> 円
                <div>
                    @error('hight_speed_fee')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                </div>
            </td>
        </tr>
        <tr class="waiting_time_box" id="waiting_time_box0" data-id="0">
            <th class="w10per" id="waiting_row" rowspan="{{ (is_array($report_waits) && count($report_waits)) ? count($report_waits) + 1 : 2 }}">待ち時間</th>
            <td class="w20per" colspan="3">
                <div class="company w100per">
                    <div class="datetime_wrap">
                        <div>
                            <div class="calendar-wrap2">
                                <label>
                                    <input type="text"  name="report_wait[0][start_date]" id="report_wait_start_date0" class="input-text w60per datepicker" value="{{ (isset($report_waits[0]['start_date']) ? $report_waits[0]['start_date'] : '') }}">
                                    <span><img src="{{ asset('assets/backend/img/calender.png') }}" style="padding-top: 2px;margin-left: 5px"></span>
                                </label>
                            </div>
                            @include('backend.share._parts._select_hour_min', [
                                'hour_name' => 'report_wait[0][start_hour]',
                                'min_name' => 'report_wait[0][start_minute]',
                                'hour_val' => ( isset($report_waits[0]['start_hour']) ? $report_waits[0]['start_hour'] : '' ),
                                'min_val' => ( isset($report_waits[0]['start_minute']) ? floor($report_waits[0]['start_minute'] / 5) * 5 : '' ),
                                'hour_id' => 'report_wait_start_hour0',
                                'minute_id' => 'report_wait_start_minute0'
                            ])
                        </div>
                        <span style="padding: 10px !important;">～</span>
                        <div>
                            <div class="calendar-wrap2">
                                <label>
                                    <input type="text"  name="report_wait[0][end_date]" id="report_wait_end_date0" class="input-text w60per datepicker" value="{{ (isset($report_waits[0]['end_date']) ? $report_waits[0]['end_date'] : '') }}">
                                    <span><img src="{{ asset('assets/backend/img/calender.png') }}" style="padding-top: 2px;margin-left: 5px"></span>
                                </label>
                            </div>
                            @include('backend.share._parts._select_hour_min', [
                                'hour_name' => 'report_wait[0][end_hour]',
                                'min_name' => 'report_wait[0][end_minute]',
                                'hour_val' => ( isset($report_waits[0]['end_hour']) ? $report_waits[0]['end_hour'] : '' ),
                                'min_val' => ( isset($report_waits[0]['end_minute']) ? floor($report_waits[0]['end_minute'] / 5) * 5 : '' ),
                                'hour_id' => 'report_wait_end_hour0',
                                'minute_id' => 'report_wait_end_minute0'
                            ])
                        </div>
                    </div>
                    <div class="w70">
                        <p class="add_fieldbtn"><a id="add_waiting_time_box0" data-id="0" style="font-size: 11px !important;padding: 7px 8px !important;" href="#">追加</a></p>
                        <!--p class="delete_btn mt5"><a id="del_waiting_time_box" href="#">削除</a></p-->
                    </div>
                </div>
                <div>
                    @error('report_wait.0.start_date')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                    @error('report_wait.0.end_date')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                </div>
            </td>
            <th class="w10per">備考</th>
            <td class="w10per" colspan="3">
                <textarea name="waiting_note" >{{ old('waiting_note', isset($report->waiting_note) ? $report->waiting_note : '') }}</textarea>
            </td>
        </tr>
        @if(is_array($report_waits) && count($report_waits) > 1)
            @foreach($report_waits as $key => $report_wait)
                @if($key == 0)
                    @continue
                @endif
                @include('backend.share.wrecker.report_wait_time_box')
            @endforeach
        @endif
        <tr>
            <td colspan="3">
                待ち時間合計:<input type="text" name="total_waiting_time" id="total_waiting_time" class="input-text input-comma w150 num" readonly>分
            </td>
        </tr>
    </table>
        <table class="normal half_table">
            <tr>
                @foreach(range(1, 4) as $index)
                    <th>写真{{ $index }}</th>
                    <td>
                        <div class="file-wrap">
                            <label>写真を選択
                                <input class="select_file" data-id="{{ $index }}">
                            </label>
                            @php
                                $f_name_field = 'file_name'.$index;
                                $f_path_field = 'file_path'.$index;
                            @endphp
                            <input type="hidden" name="file_name{{ $index }}" id="file_name{{ $index }}" value="{{ old('file_name'.$index, isset($report->$f_name_field) ? $report->$f_name_field : '') }}">
                            <input type="hidden" name="file_path{{ $index }}" id="file_path{{ $index }}" value="{{ old('file_path'.$index, isset($report->$f_path_field) ? $report->$f_path_field : '') }}">
                            @if(!empty(old('file_path'.$index)) && Storage::disk('temp')->has(old('file_path'.$index)))
                                <a href="{{ asset('storage/temp/').'/'.old('file_path'.$index) }}" id="imgLink{{ $index }}" target="_blank">
                                    <img style="width: 100px;vertical-align: middle" src="{{ asset('storage/temp/').'/'.old('file_path'.$index) }}" 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
                            <div class="file-box" >
                                <label class="delete-file minus" id="delete_file_{{ $index }}" data-id="{{ $index }}" data-temp_file="{{ old('file_path'.$index, isset($report->$f_path_field) ? $report->$f_path_field : '') }}" style="display: {{ !empty(old('file_path'.$index, isset($report->$f_path_field) ? $report->$f_path_field : '')) ? "inline" : "none" }}">削除</label>
                            </div>
                        </div>
                    </td>
                @endforeach
            </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 : '')])
                </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($report->is_brake_release) ? $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($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 : '')])
                                </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($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" 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" 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" 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 placeholder="停止状況を詳細に報告して下さい" name="note">{{ old('note', isset($report->note) ? $report->note : '') }}</textarea>
                </td>
            </tr>
        </table>
        {{--
        <table class="normal half_table">
            <tr>
                <th>工賃原価</th>
                <td>
                    <input type="text" name="labor_cost" placeholder="数値入力" class="input-half input-comma input-text cal_total w100" value="{{ old('labor_cost', isset($report->labor_cost) ? $report->labor_cost : '') }}"> 円
                </td>
                <th>軽油使用量</th>
                <td>
                    <input type="text" name="light_oil_quantity" id="light_oil_quantity" value="{{ old('light_oil_quantity', isset($report->light_oil_quantity) ? $report->light_oil_quantity : '') }}" placeholder="数値入力" class="input-half input-text input-comma w100 oil_value">ℓ　×　
                    <input type="text" name="light_oil_unit_price" id="light_oil_unit_price" value="{{ old('light_oil_unit_price', isset($report->light_oil_unit_price) ? $report->light_oil_unit_price : '') }}" placeholder="数値入力" class="input-half input-text input-comma w100 oil_value">円　=　
                    <input type="text" id="light_oil_fee" readonly value="{{ old('light_oil_fee', isset($report->light_oil_fee) ? $report->light_oil_fee : '') }}" name="light_oil_fee" placeholder="自動計算" class="input-text w100 input-half input-comma cal_total">円
                    <div>
                        @error('light_oil_fee')
                        <span class="error_text">
                                    <strong>{{ $message }}</strong>
                                </span>
                        @enderror
                    </div>
                </td>
                <th>消費税</th>
                <td>
                    <input type="text" value="{{ old('consumption_tax', isset($report->consumption_tax) ? $report->consumption_tax : '') }}" name="consumption_tax" placeholder="数値入力" class="input-text input-half input-comma w100" id="consumption_tax"> 円
                    <div>
                        @error('consumption_tax')
                        <span class="error_text">
                                    <strong>{{ $message }}</strong>
                                </span>
                        @enderror
                    </div>
                </td>
                <th>その他原価</th>
                <td>
                    <input type="text" value="{{ old('other_cost', isset($report->other_cost) ? $report->other_cost : '') }}" name="other_cost" placeholder="数値入力" class="input-text w100 input-half input-comma cal_total"> 円
                    <div>
                        @error('other_cost')
                        <span class="error_text">
                                    <strong>{{ $message }}</strong>
                                </span>
                        @enderror
                    </div>
                </td>
                <th>請求金額（税別）</th>
                <td>
                    <input type="text" value="{{ old('invoice_amount', isset($report->invoice_amount) ? $report->invoice_amount : '') }}" placeholder="数値入力" name="invoice_amount" class="input-text w100 input-half input-comma" id="invoice_amount"> 円
                    <div>
                        @error('invoice_amount')
                        <span class="error_text">
                                    <strong>{{ $message }}</strong>
                                </span>
                        @enderror
                    </div>
                </td>
                <th>総原価</th>
                <td>
                    <input type="text" readonly value="{{ old('total_amount', isset($report->total_amount) ? $report->total_amount : '') }}" name="total_amount" id="total_amount" placeholder="工賃原価＋軽油代＋高速代＋その他原価" class="input-text input-half input-comma w100 cal_profit"> 円
                </td>
                <th>粗利</th>
                <td>
                    <input type="text" readonly value="{{ old('gross_profit', isset($report->gross_profit) ? $report->gross_profit : '') }}" id="gross_profit" name="gross_profit" placeholder="請求金額（税別）-総原価" class="input-text input-half input-comma w100 cal_profit"> 円
                </td>
                <th>平均値</th>
                <td>
                    <input type="text" value="{{ old('average_amount', isset($report->average_amount) ? $report->average_amount : '') }}" name="average_amount" placeholder="フリーワード入力" class="input-text">
                    <div>
                        @error('average_amount')
                        <span class="error_text">
                                    <strong>{{ $message }}</strong>
                                </span>
                        @enderror
                    </div>
                </td>
            </tr>
        </table>
        --}}
        <div class="checkbtn-wrap" style="padding-left: 10px !important;">
            <input type="checkbox" name="send_finish_mail" id="send_finish_mail" value="1" {{ (old('send_finish_mail', isset($report->send_finish_mail) ? $report->send_finish_mail : '') == 1 ? 'checked' : '') }}>
            <label class="check_label" for="send_finish_mail">作業完了とする</label>
        </div>
        <div class="center-submit">
            <input type="button" id="submit_button" value="確認">
        </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">
    <link href="{{ asset('vendor/timepicker/css/timepicker.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;
        }
        .w10per {
            width: 10% !important;
        }
        .w20per {
            width: 20% !important;
        }
        .calendar-wrap2 input {
            width: 90% !important;
        }
        .calendar-wrap2 {
            width: 140px !important;
        }
        .border-left-none {
            border-left: none !important;
        }
        .border-right-none {
            border-right: none !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/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;

                $('#submit_button').click(function () {
                    $send_mail = parseInt("{{ old('send_finish_mail', isset($report->send_finish_mail) ? $report->send_finish_mail : 0) }}");
                    if($("#send_finish_mail").prop('checked') && $send_mail == 0){
                        helper_confirm("dialog-confirm", "", "ウシトラに作業完了の通知を送ります。", 300, "確認", "閉じる", function(){
                            $("#submit_form").submit();
                        });
                    } else {
                        $("#submit_form").submit();
                    }
                });

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

                $(".wrecker_meta").change(function () {
                    if(!isNaN(parseFloat(removeCommaValue($("#wrecker_meta4").val())) - parseFloat(removeCommaValue($("#wrecker_meta3").val())))){
                        $("#real_travel_distance").val(addCommaValue(parseFloat(removeCommaValue($("#wrecker_meta4").val())) - parseFloat(removeCommaValue($("#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: '