@extends('backend.layouts.app')

@section('content')

    <h2 class="title">レッカー作業報告</h2>
    <form action="{{ route("backend.{$department}.wrecker.report_create") }}" method="POST">
        @csrf
        <input type="hidden" name="wrecker_request_id" value="{{ isset($request) ? $request->id : 0 }}">
        <table class="normal half_table single_line">
            <tr>
                <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') }}" 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') == $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>補助担当<span class="require">※</span></th>
                <td>
                    <div class="select-wrap">
                        <label>
                            <select name="assist_charge_user">
                                <option>担当者選択</option>
                                @foreach ($users as $user)
                                    <option value="{{ $user->id }}" {{ old('assist_charge_user') == $user->id ? "selected" : "" }}>{{ $user->name_kanji }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>
                    @error('assist_charge_user')
                        <span class="error_text">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </td>
                <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 class="date-wrap">
                    <div>
                        <input type="text" class="input-text w60per" id="work_start_date" readonly name="work_start_date"  value="{{ old('work_start_date') }}">
                        <span><img src="{{ asset('assets/backend/img/calender.png') }}"  style="padding-top: 2px;margin-left: 5px"></span>
                    </div>
                    {{--<div class="select-wrap">
                        <label for="">
                            <select name="work_start_hour">
                                <option value="" selected></option>
                                @for ($i = 0; $i < 24; $i++)
                                    <option value="{{ $i }}" {{ old('work_start_hour') == null ? "" : (old('work_start_hour') == $i ? "selected" : "") }}>{{ $i }}</option>
                                @endfor
                            </select>
                        </label>
                    </div>--}}
                    <input type="text" name="work_start_hour" readonly id="work_start_hour" class="input-text w70" value="{{ old('work_start_hour') }}">
                    <span>時</span>
                    {{--<div class="select-wrap">
                        <label for="">
                            <select name="work_start_minute">
                                <option value="" selected></option>
                                @for ($i = 0; $i < 60; $i++)
                                    <option value={{ $i }} {{ old('work_start_minute') == null ? "" : (old('work_start_minute') == $i ? "selected" : "") }}>{{ $i }}</option>
                                @endfor
                            </select>
                        </label>
                    </div>--}}
                    <input type="text" name="work_start_minute" readonly id="work_start_minute" class="input-text w70" value="{{ old('work_start_minute') }}">
                    <span>分</span>
                    <div style="display: block">
                        @error('work_start_date')
                            <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                        @error('work_start_hour')
                            <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                        @error('work_start_minute')
                            <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </td>
                <th>作業終了日時</th>
                <td class="date-wrap">
                    <div>
                        <input type="text" readonly name="work_finish_date" class="input-text w60per" value="{{ old('work_finish_date') }}">
                        <span><img src="{{ asset('assets/backend/img/calender.png') }}" style="padding-top: 2px;margin-left: 5px"></span>
                    </div>
                    {{--<div class="select-wrap">
                        <label for="">
                            <select name="work_finish_hour" id="work_finish_hour">
                                <option value="" selected></option>
                                @for ($i = 0; $i < 24; $i++)
                                    <option value="{{ $i }}" {{ old('work_finish_hour') == null ? "" : (old('work_finish_hour') == $i ? "selected" : "") }}>{{ $i }}</option>
                                @endfor
                            </select>
                        </label>
                    </div>--}}
                    <input type="text" name="work_finish_hour" readonly class="input-text w70" id="work_finish_hour" value="{{ old('work_finish_hour') }}">
                    <span>時</span>
                    {{--<div class="select-wrap">
                        <label for="">
                            <select name="work_finish_minute">
                                <option value="" selected></option>
                                @for ($i = 0; $i < 60; $i++)
                                    <option value={{ $i }} {{ old('work_finish_minute') == null ? "" : (old('work_finish_minute') == $i ? "selected" : "") }}>{{ $i }}</option>
                                @endfor
                            </select>
                        </label>
                    </div>--}}
                    <input type="text" name="work_finish_minute" class="input-text w70" id="work_finish_minute" readonly value="{{ old('work_finish_minute') }}">
                    <span>分</span>
                    <div style="display: block">
                        @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>移動</th>
                <td>
                    <div class="company">
                        <div class="add_fieldbtn non-icon ma0 t_center"><a id="move_start">出発</a></div>
                        <div class="add_fieldbtn non-icon ma0 t_center"><a class="disable-btn">帰着</a></div>
                        <input type="hidden" name="move[status]" value="{{ config('const.wrecker_report_status.end') }}" id="report_move_status" class="status-list">
                    </div>
                </td>
                <th>作業</th>
                <td>
                    <div class="company">
                        <div class="add_fieldbtn non-icon ma0 t_center"><a class="disable-btn start-btn" id="start_work" cidx="work">開始</a></div>
                        <div class="add_fieldbtn non-icon ma0 t_center"><a class="disable-btn end-btn" id="finish_work" cidx="work">終了</a></div>
                        <input type="hidden" name="work[status]" value="{{ config('const.wrecker_report_status.end') }}" id="work_status" class="status-list">
                    </div>
                </td>
                <th>待ち</th>
                <td>
                    <div class="company">
                        <div class="add_fieldbtn non-icon ma0 t_center"><a class="disable-btn start-btn" cidx="wait">開始</a></div>
                        <div class="add_fieldbtn non-icon ma0 t_center"><a class="disable-btn end-btn" cidx="wait">終了</a></div>
                        <input type="hidden" name="wait[status]" value="{{ config('const.wrecker_report_status.end') }}" id="wait_status" class="status-list">
                    </div>
                </td>
                <th>休憩</th>
                <td>
                    <div class="company">
                        <div class="add_fieldbtn non-icon ma0 t_center"><a class="disable-btn start-btn" cidx="rest">開始</a></div>
                        <div class="add_fieldbtn non-icon ma0 t_center"><a class="disable-btn end-btn" cidx="rest">終了</a></div>
                        <input type="hidden" name="rest[status]" value="{{ config('const.wrecker_report_status.end') }}" id="rest_status" class="status-list">
                    </div>
                </td>
                <th>工数</th>
                <td>0</td>
                <th>工賃原価</th>
                <td>
                    <input type="text" readonly name="labor_cost" value="0" placeholder="工数" class="input-text w100 cal_total">
                    <span>×6,000円</span>
                    <div>
                        @error('labor_cost')
                            <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </td>
                <th>請求金額（税別）<span class="require">※</span></th>
                <td>
                    <input type="text" value="{{ old('invoice_amount') }}" placeholder="数値入力" name="invoice_amount" class="input-text w100 cal_profit input-comma" id="invoice_amount"> 円
                    <div>
                        @error('invoice_amount')
                            <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </td>
                <th>消費税<span class="require">※</span></th>
                <td>
                    <input type="text" value="{{ old('consumption_tax') }}" name="consumption_tax" placeholder="数値入力" class="input-text w100 input-comma"> 円
                    <div>
                        @error('consumption_tax')
                            <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </td>
                <th>実走行距離<span class="require">※</span></th>
                <td>
                    <input type="text" value="{{ old('travel_distance') }}" name="travel_distance" placeholder="数値入力" class="input-text w100 input-comma"> km
                    <div>
                        @error('travel_distance')
                            <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </td>
                <th>軽油代<span class="require">※</span></th>
                <td>
                    <input type="text" value="{{ old('light_oil_fee') }}" name="light_oil_fee" placeholder="数値入力" class="input-text w100 cal_total input-comma"> 円
                    <div>
                        @error('light_oil_fee')
                            <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </td>
                <th>高速代<span class="require">※</span></th>
                <td>
                    <input type="text" value="{{ old('hight_speed_fee') }}" name="hight_speed_fee" placeholder="数値入力" class="input-text w100 cal_total input-comma"> 円
                    <div>
                        @error('hight_speed_fee')
                            <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </td>
                <th>その他原価<span class="require">※</span></th>
                <td>
                    <input type="text" value="{{ old('other_cost') }}" name="other_cost" placeholder="数値入力" class="input-text w100 cal_total input-comma"> 円
                    <div>
                        @error('other_cost')
                            <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </td>
                <th>総原価</th>
                <td>
                    <input type="text" readonly value="{{ old('total_amount') }}" name="total_amount" id="total_amount" placeholder="工賃原価＋軽油代＋高速代＋その他原価" class="input-text w100 cal_profit input-comma"> 円
                </td>
                <th>粗利</th>
                <td>
                    <input type="text" readonly value="{{ old('gross_profit') }}" id="gross_profit" name="gross_profit" placeholder="請求金額（税別）-総原価" class="input-text w100 input-comma"> 円
                </td>
                <th>平均値<span class="require">※</span></th>
                <td>
                    <input type="text" value="{{ old('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="center-submit">
            <input type="submit" value="確認">
        </div>
    </form>

@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>
        .input-comma {
            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>

    <script src="{{ asset('vendor/timepicker/js/jquery-timepicker.js') }}"></script>
    <script src="{{ asset('vendor/timepicker/js/jquery.timepicker.js') }}"></script>
    <script src="{{ asset('assets/backend/js/page/wrecker.js') }}?20201012"></script>
    <script>
        let start_date = "";
        $(function(){
            $(document).ready(function(){
                /*$("#start_work").click(function(){
                    var currentdate = new Date();
                    var day = currentdate.getDate();
                    if(day < 10){
                        day = '0' + day;
                    }
                    var month = (currentdate.getMonth()+1);
                    if(month < 10){
                        month = '0' + month;
                    }
                    var year = currentdate.getFullYear();
                    var hours = currentdate.getHours();
                    var minute = currentdate.getMinutes();
                    $("#start_date").val(year + '-' + month + '-' + day);
                    $("#work_start_hour").val(hours);
                    $("#work_start_minute").val(minute);
                });
                $("#finish_work").click(function(){
                    $("#start_date").val('');
                    $("#work_start_hour").val('');
                    $("#work_start_minute").val('');
                });*/

            });
        });
    </script>
@endsection