@extends('backend.layouts.app')

@section('content')

    @if (isset($id))
    <h2 class="title">レッカー依頼【編集】</h2>
    <form action="{{ route("backend.{$department}.wrecker.confirm_input") }}" method="post">
        <input type="hidden" name="id" value="{{ $id }}">
    @else
    <h2 class="title">レッカー依頼【登録】</h2>
    <form action="{{ route("backend.{$department}.wrecker.confirm_input") }}" method="post">
    @endif
        @csrf
        <table class="normal half_table single_line">
            @if(isset($params['request_no']) && $params['request_no'])
                <tr>
                    <th>受付番号</th>
                    <td>
                        {{ $params['request_no'] }}
                        <input type="hidden" name="request_no" value="{{ $params['request_no'] }}">
                    </td>
                </tr>
            @endif
            <tr>
                <th class="w150">受付日</th>
                <td>
                    <div class="calendar-wrap">
                        <label for="" style="width: 250px">
                            <input type="text" name="reception_date" autocomplete="off" value="{{ old('reception_date', isset($params['reception_date']) ? $params['reception_date'] : Carbon::now()->format('Y-m-d')) }}" class="input-text w200 datepicker" placeholder="デフォルト当日で編集可">
                        </label>
                        <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                    </div>
                    @error('reception_date')
                        <span class="error_text">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </td>
                <th>受付時刻</th>
                <td>
                    <input type="text" name="reception_time" autocomplete="off" value="{{ old('reception_time', isset($params['reception_time']) ? Carbon::parse($params['reception_time'])->format('H:i') : Carbon::now()->format('H:i')) }}" class="input-text time-picker">
                    @error('reception_time')
                        <span class="error_text">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </td>
                <th>受付担当</th>
                <td>
                    <div class="select-wrap">
                        <label for="">
                            <select name="reception_charge_user" id="reception_charge_user">
                                <option value="" selected></option>
                                @foreach ($users as $user)
                                    <option value="{{ $user->id }}" {{ old('reception_charge_user', isset($params['reception_charge_user']) ? $params['reception_charge_user'] : Auth::guard('admin')->user()->id ) == $user->id ? "selected" : "" }}>{{ $user->name_kanji }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>
                    @error('reception_charge_user')
                        <span class="error_text">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </td>
                <th>レッカー担当</th>
                <td>
                    <div class="select-wrap">
                        <label for="">
                            <select name="wrecker_charge_user" id="charger_id">
                                <option value="" selected></option>
                                @foreach ($users as $user)
                                    <option value="{{ $user->id }}" {{ old('wrecker_charge_user', isset($params['wrecker_charge_user']) ? $params['wrecker_charge_user'] : "" ) == $user->id ? "selected" : "" }}>{{ $user->name_kanji }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>
                    @error('wrecker_charge_user')
                        <span class="error_text">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </td>
            </tr>
        </table>
        <div class="hscroll mt40">
            <h3 class="subtitle bold">お客様情報</h3>
            <table class="normal half_table single_line">
                <tr>
                    <th>依頼者<span class="require">※</span></th>
                    <td>
                        <input type="hidden" name="requester_id" value="{{ old('requester_id', isset($params['requester_id']) ? $params['requester_id'] : "") }}">
                        <input type="text" readonly name="requester" class="input-text w70per" value="{{ old('requester', isset($params['requester']) ? $params['requester'] : "") }}" >
                        @include('backend.share._parts._partner_search_part', ['partner_id'=>old('requester', isset($params['requester']) ? $params['requester'] : "")])
                        @error('requester')
                            <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </td>
                    <th>依頼者連絡先<span class="require">※</span></th>
                    <td>
                        @php
                            $address = (isset($params['requested_address']) ? $params['requested_address'] : "");
                            if(strpos($address, '-')){
                                $requested_address = explode('-', $address);
                            } else {
                                $requested_address[0] = substr($address, 0, 4);
                                $requested_address[1] = substr($address, 4, 4);
                                $requested_address[2] = substr($address, 8, 4);
                            }
                        @endphp

                        <input type="text" readonly name="requested_address1" value="{{ old('requested_address1', isset($requested_address[0]) ? $requested_address[0] : '') }}" class="input-text3 input-half"><span style="text-align: center;padding: 0 2px">-</span>
                        <input type="text" readonly name="requested_address2" value="{{ old('requested_address2', isset($requested_address[1]) ? $requested_address[1] : '') }}" class="input-text3 input-half"><span style="text-align: center;padding: 0 2px">-</span>
                        <input type="text" readonly name="requested_address3" value="{{ old('requested_address3', isset($requested_address[2]) ? $requested_address[2] : '') }}" class="input-text3 input-half">
                        {{--
                        <input type="text" name="requested_address" value="{{ old('requested_address', isset($params['requested_address']) ? $params['requested_address'] : "") }}" placeholder="" class="input-text" id="requested_address">--}}
                        @error('requested_address1')
                            <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                        @error('requested_address2')
                        <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                        @error('requested_address3')
                        <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </td>
                    <th>ユーザー名</th>
                    <td>
                        <input type="text" name="client_name" value="{{ old('client_name', isset($params['client_name']) ? $params['client_name'] : "") }}" class="input-text">
                        @error('client_name')
                            <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </td>
                    <th>ユーザー連絡先</th>
                    <td>
                        @php
                            $address = (isset($params['client_address']) ? $params['client_address'] : "");
                            if(strpos($address, '-')){
                                $client_address = explode('-', $address);
                            } else {
                                $client_address[0] = substr($address, 0, 4);
                                $client_address[1] = substr($address, 4, 4);
                                $client_address[2] = substr($address, 8, 4);
                            }
                        @endphp
                        <input type="text" name="client_address1" value="{{ old('client_address1', isset($client_address[0]) ? $client_address[0] : '') }}" class="input-text3 input-half"><span style="text-align: center;padding: 0 2px">-</span>
                        <input type="text" name="client_address2" value="{{ old('client_address2', isset($client_address[1]) ? $client_address[1] : '') }}" class="input-text3 input-half"><span style="text-align: center;padding: 0 2px">-</span>
                        <input type="text" name="client_address3" value="{{ old('client_address3', isset($client_address[2]) ? $client_address[2] : '') }}" class="input-text3 input-half">
                        {{--
                        <input type="text" name="client_address" id="client_address" value="{{ old('client_address', isset($params['client_address']) ? $params['client_address'] : "") }}" placeholder="" class="input-text">
                        --}}
                        @error('client_address1')
                            <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                        @error('client_address2')
                        <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                        @error('client_address3')
                        <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </td>
                </tr>
            </table>
            <br>

            <div class="secret_area">
                @foreach(range(0, 0) as $index)
                    <label for="secret_area_bar0{{ $index }}">
                        <h3 class="subtitle bold">車両情報</h3>
                    </label>
                    <input type="checkbox" id="secret_area_bar0{{ $index }}" class="accordion" checked/>
                    <ul id="links0{{ $index }}">
                        <li>
                            <table class="normal half_table single_line">
                                <tr>
                                    <th>サイズ</th>
                                    <td>
                                        <div class="select-wrap">
                                            <label>
                                                <select name="target_vehicle[{{ $index }}][size]">
                                                    <option value="">--</option>
                                                    @foreach(config('const.vehicle_size') as $key => $size)
                                                        <option value="{{ $key }}" {{ old('target_vehicle.'.$index.'.size', isset($params['target_vehicle'][$index]['size']) ? $params['target_vehicle'][$index]['size'] : "") == $key ? 'selected' : '' }}>{{ $size }}</option>
                                                    @endforeach
                                                </select>
                                            </label>
                                        </div>
                                    </td>
                                    <th>ボディ形状</th>
                                    <td>
                                        @include('backend.share._parts._body_category', ['name'=>'target_vehicle['.$index.']', 'body_category'=>old('target_vehicle.'.$index.'.body_category', isset($params['target_vehicle'][$index]['body_category']) ? $params['target_vehicle'][$index]['body_category'] : ""),'body_mid_category'=>old('target_vehicle.'.$index.'.body_mid_category', isset($params['target_vehicle'][$index]['body_mid_category']) ? $params['target_vehicle'][$index]['body_mid_category'] : ""),  'body_sub_category'=>old('target_vehicle.'.$index.'.body_sub_category', isset($params['target_vehicle'][$index]['body_sub_category']) ? $params['target_vehicle'][$index]['body_sub_category'] : "")])
                                    </td>
                                    <th>積荷</th>
                                    <td>
                                        <div class="radiobtn-wrap">
                                            @foreach (config('const.exist_freight') as $key=>$item)
                                                <input type="radio" name="target_vehicle[{{ $index }}][exist_freight]" id="{{ "on".$index.$key }}"
                                                       value="{{ $key }}"
                                                        {{ old('target_vehicle.'.$index.'.exist_freight', isset($params['target_vehicle'][$index]['exist_freight']) ? $params['target_vehicle'][$index]['exist_freight'] : "") == $key ? "checked" : "" }}>
                                                <label for="{{ "on".$index.$key }}" class="switch-on">{{ $item }}</label>
                                            @endforeach
                                        </div>
                                        <input type="text" name="target_vehicle[{{ $index }}][comment]" class="input-text mt10" id="target_vehicle_comment{{ $index }}" value="{{ old('target_vehicle.'.$index.'.comment', isset($params['target_vehicle'][$index]['comment']) ? $params['target_vehicle'][$index]['comment'] : "") }}"/>
                                    </td>
                                    <th>登録番号</th>
                                    <td>
                                        <input type="text" name="target_vehicle[{{ $index }}][register_no]" value="{{ old('target_vehicle.'.$index.'.register_no', isset($params['target_vehicle'][$index]['register_no']) ? $params['target_vehicle'][$index]['register_no'] : "") }}" placeholder="" class="input-text">
                                    </td>
                                    <th>メーカー</th>
                                    <td>
                                        @include('backend.share._parts._makers', ['name'=>"target_vehicle[{$index}][vehicle_maker_id]" , 'maker_id'=> old("target_vehicle.{$index}.vehicle_maker_id", isset($params['target_vehicle'][$index]['vehicle_maker_id']) ? $params['target_vehicle'][$index]['vehicle_maker_id'] : ''), 'element_id'=>$index])
                                        <input type="text" id="vehicle_maker_etc{{ $index }}" name="target_vehicle[{{ $index }}][vehicle_maker_etc]" class="mt5 input-text" value="{{ old('target_vehicle.'.$index.'.vehicle_maker_etc', isset($params['target_vehicle'][$index]['vehicle_maker_etc']) ? $params['target_vehicle'][$index]['vehicle_maker_etc'] : "") }}">
                                    </td>
                                    <th>トラブル内容</th>
                                    <td>
                                        <textarea name="target_vehicle[{{ $index }}][trouble_content]">{{ old('target_vehicle.'.$index.'.trouble_content', isset($params['target_vehicle'][$index]['trouble_content']) ? $params['target_vehicle'][$index]['trouble_content'] : "") }}</textarea>
                                    </td>
                                </tr>
                            </table>
                        </li>
                    </ul>
                @endforeach
            </div>

            <br>
            <h3 class="subtitle bold">場所情報</h3>
            <table class="normal">
                <tr>
                    <th>停車場所</th>
                    <td>
                        <input type="text" name="stop_location_etc" value="{{ old('stop_location_etc', isset($params['stop_location_etc']) ? $params['stop_location_etc'] : "" ) }}" class="input-text">

                    </td>
                </tr>
                <tr>
                    <th>地図</th>
                    <td>
                        <div class="company">
                            <div class="w90per">
                                <input type="text" name="stop_location" id="stop_location" value="{{ old('stop_location', isset($params['stop_location']) ? $params['stop_location'] : "" ) }}" placeholder="福岡県八女市室岡３７７−１０" class="input-text">
                            </div>
                            <div class="add_fieldbtn ma0 non-icon right"><a id="set_address">MAP</a></div>
                        </div>
                        @error('stop_location')
                        <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                        <div class="clearfix"></div>
                        <div class="map" id="map">
                            {{--<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1395.7326232135342!2d130.52023606432667!3d33.211272237370224!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3541ae8d2363460b%3A0x9cf64ccc55bd534a!2z44Km44K344OI44Op44O75YWr5aWz5pys56S-!5e0!3m2!1sja!2sjp!4v1559836939798!5m2!1sja!2sjp" frameborder="0" style="border:0" allowfullscreen></iframe>--}}
                        </div>
                    </td>
                </tr>
                <tr>
                    <th>搬入先</th>
                    <td>
                        <input type="text" name="back_dest" value="{{ old('back_dest', isset($params['back_dest']) ? $params['back_dest'] : "") }}" placeholder="" class="input-text">
                        @error('back_dest')
                            <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </td>
                </tr>
            </table>
            <div class="center-submit">
                <input type="submit" value="確認">
            </div>
        </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">
@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('assets/backend/js/page/wrecker.js') }}?20201012"></script>

    <script>
        var stop_location = '{{ old('stop_location', isset($params['stop_location']) ? $params['stop_location'] : "福岡県八女市室岡３７７−１０" )}}';
        initMap(stop_location);


        $(document).ready(function () {

            $("#search_partner").click(function() {
                search_confirm("dialog-search-partner", "取引先検索", 700, "確認", "閉じる", function() {
                    $('input[name="requester"]').val($('input[name="user_select"]:checked').val());
                    $('input[name="requester_id"]').val($('input[name="user_select"]:checked').data('partner_id'));
                    $('input[name="requested_address1"]').val($('input[name="user_select"]:checked').data('tel1'));
                    $('input[name="requested_address2"]').val($('input[name="user_select"]:checked').data('tel2'));
                    $('input[name="requested_address3"]').val($('input[name="user_select"]:checked').data('tel3'));
                });
            });

            @foreach(range(0, 2) as $index)
                var freight_value = "{{ old('target_vehicle.'.$index.'.exist_freight', isset($params['target_vehicle'][$index]['exist_freight']) ? $params['target_vehicle'][$index]['exist_freight'] : "") }}";

                if(freight_value == 1) {
                    $("#target_vehicle_comment{{$index}}").css('display', 'block');
                } else {
                    $("#target_vehicle_comment{{$index}}").css('display', 'none');
                    $("#target_vehicle_comment{{$index}}").val('');
                }
                $('input[name="target_vehicle[{{$index}}][exist_freight]"]').click(function () {
                    if($(this).val() == 1) {
                        $("#target_vehicle_comment{{$index}}").css('display', 'block');
                    } else {
                        $("#target_vehicle_comment{{$index}}").css('display', 'none');
                        $("#target_vehicle_comment{{$index}}").val('');
                    }
                });
                $("#{{ $index }}select_maker").change(function () {
                    if($("#{{ $index }}select_maker").val() == "{{ config('const.option_other_value') }}") {
                        $("#vehicle_maker_etc{{ $index }}").prop('readonly', false);
                    } else {
                        $("#vehicle_maker_etc{{ $index }}").prop('readonly', true);
                        $("#vehicle_maker_etc{{ $index }}").val('');
                    }
                });
                if($("#{{ $index }}select_maker").val() == "{{ config('const.option_other_value') }}") {
                    $("#vehicle_maker_etc{{ $index }}").prop('readonly', false);
                } else {
                    $("#vehicle_maker_etc{{ $index }}").prop('readonly', true);
                    $("#vehicle_maker_etc{{ $index }}").val('');
                }
            @endforeach
        });
    </script>
@endsection