@extends("frontend.{$_fb_department}.layouts.app")

@section('title', 'ウシパーツに頼んで探してもらう')

@section('content')
    <main>
        <div id="mv" class="sell">
            <h1>ウシパーツに頼んで探してもらう</h1>
        </div>
        <article>
            <div id="search">
                <div class="w1200">
                    <p>こちらに入力いただければウシパーツが全国から探します。</p>
                    <div class="contact_flow">
                        <ul>
                            <li class="active"><span>Step.1</span>お問い合わせ内容の入力</li>
                            <li><span>Step.2</span>入力内容のご確認</li>
                            <li><span>Step.3</span>送信完了</li>
                        </ul>
                    </div>
                    {{ Form::open(["route"=>"frontend.{$_fb_department}.custom_search.check", "method"=>"post"]) }}
                    <table class="contact-table">

                        <tr>
                            <th>個人/法人<span class="req">必須</span></th>
                            <td>
                                <div class="radiobtn-wrap">
                                    @foreach(config('const.contact_client_type') as $key => $value)
                                        <input type="radio" name="client_type" value="{{ $key }}" id="client_type{{ $key }}" {{ old('client_type', isset($contact['client_type']) ? $contact['client_type'] : '' ) == $key ? 'checked' : '' }}>
                                        <label for="client_type{{ $key }}">{{ $value }}</label>
                                    @endforeach
                                </div>
                                @error('client_type')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <th>(法人の場合)会社名<span class="req company_require">必須</span></th>
                            <td>
                                <input type="hidden" name="system_parts" value="{{ $_fb_department }}">
                                <input type="text" name="company_name" value="{{ old('company_name', isset($contact['company_name']) ? $contact['company_name'] : '' ) }}" placeholder="">
                                @error('company_name')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <th>(法人の場合)部署名<span class="req company_require">必須</span></th>
                            <td>
                                <input type="text" name="department" value="{{ old('department', isset($contact['department']) ? $contact['department'] : '' ) }}" placeholder="">
                                @error('department')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <th>業種</th>
                            <td>
                                <input type="text" name="job" value="{{ old('job', isset($contact['job']) ? $contact['job'] : '' ) }}" placeholder="">
                                @error('job')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <th>お名前<span class="req">必須</span></th>
                            <td>
                                <input type="text" id="name" name="name" value="{{ old('name', isset($contact['name']) ? $contact['name'] : '' ) }}" placeholder="">
                                @error('name')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <th>お名前(カナ)<span class="req">必須</span></th>
                            <td>
                                <input type="text" id="name_kana" name="name_kana" value="{{ old('name_kana', isset($contact['name_kana']) ? $contact['name_kana'] : '' ) }}" placeholder="スペースなし">
                                @error('name_kana')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <th>メールアドレス<span class="req">必須</span></th>
                            <td>
                                <input type="text" name="email" value="{{ old('email', isset($contact['email']) ? $contact['email'] : '' ) }}" placeholder="">
                                @error('email')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <th>確認用メールアドレス<span class="req">必須</span></th>
                            <td>
                                <input type="text" name="email_confirmation" value="{{ old('email_confirmation', isset($contact['email_confirmation']) ? $contact['email_confirmation'] : '' ) }}" placeholder="">
                                @error('email_confirmation')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <th>住所</th>
                            <td><!--span class="redlob">資料請求の方は必須です</span-->
                                <div class="mb10"> 〒
                                    <input type="text" maxlength="8" id="zip_code" name="zip_code" style="ime-mode:disabled" value="{{ old('zip_code', isset($contact['zip_code']) ? $contact['zip_code'] : '' ) }}" onKeyUp="AjaxZip3.zip2addr(this, '','prefecture', 'address1');" placeholder="ハイフンなし半角" class="half"/>
                                </div>
                                <div class="mb10">
                                    <select name="prefecture" type="list" style="ime-mode:active">
                                        <option value="">--</option>
                                        @foreach(\App\Service\Masters\PrefectureService::getAllPrefectures() as $key=>$val)
                                            <option value="{{ $key }}" {{ old('prefecture', isset($contact['prefecture']) ? $contact['prefecture'] : '' ) == $key ? 'selected' : '' }}>{{ $val }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="mb10">
                                    <input type="text" name="address1" style="ime-mode:active" value="{{ old('address1', isset($contact['address1']) ? $contact['address1'] : '' ) }}" placeholder="市区町村番地"/>
                                </div>
                                <div>
                                    <input type="text" name="address2" style="ime-mode:active" value="{{ old('address2', isset($contact['address2']) ? $contact['address2'] : '' ) }}" placeholder="建物名・部屋番号"/>
                                </div>
                                @error('zip_code')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <th>電話番号<span class="req">必須</span></th>
                            <td>
                                <input type="text" id="tel" name="tel" value="{{ old('tel', isset($contact['tel']) ? $contact['tel'] : '' ) }}" placeholder="ハイフンなし">
                                @error('tel')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <th>FAX番号</th>
                            <td>
                                <input type="text" id="fax" name="fax" value="{{ old('fax', isset($contact['fax']) ? $contact['fax'] : '' ) }}" placeholder="ハイフンなし">
                                @error('fax')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <th>車輛メーカー名</th>
                            <td>
                                <div class="select-wrap">
                                    <label>
                                        <select name="vehicle_maker" >
                                            <option>選択して下さい</option>
                                            @foreach(\App\Service\Masters\VehicleMakerService::getAllVehicleMakers() as $key => $maker)
                                                <option value="{{ $key }}" {{ old('vehicle_maker', isset($contact['vehicle_maker']) ? $contact['vehicle_maker'] : '') == $key ? 'selected' : '' }}>{{ $maker }}</option>
                                            @endforeach
                                            <option value="{{ config('const.option_other_value') }}" {{ old('vehicle_maker', isset($contact['vehicle_maker']) ? $contact['vehicle_maker'] : '') == config('const.option_other_value') ? 'selected' : '' }}>その他</option>
                                        </select>
                                    </label>
                                </div>
                                <div>
                                    <p>
                                        <input type="text" name="vehicle_maker_etc" value="{{ old('vehicle_maker_etc', isset($contact['vehicle_maker_etc']) ? $contact['vehicle_maker_etc'] : '') }}" placeholder="その他" class="input-text">
                                    </p>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>初年度登録</th>
                            <td>
                                <div class="company">
                                    <div class="select-wrap w50per">
                                        <label>
                                            <select name="year_type1">
                                                <option value="" selected="selected">--</option>
                                                <option value="{{ Carbon::now()->addYear()->format('Y') }}">{{ \App\Helper\SystemHelper::convertGtJDate(Carbon::now()->addYear()->format('Y')) }}</option>
                                                @foreach(\App\Helper\SystemHelper::getYearList() as $key => $year)
                                                    <option value="{{ $key }}" {{ old('year_type1', isset($contact['year_type1']) ? $contact['year_type1'] : '') == $key ? 'selected' : '' }}>{{ $year }}</option>
                                                @endforeach
                                            </select>
                                        </label>
                                    </div>
                                    <div>
                                        <input type="text" name="month_type1" value="{{ old('month_type1', isset($contact['month_type1']) ? $contact['month_type1'] : '') }}" class="input-text2">
                                        月 </div>
                                </div>
                                @error('month_type1')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <th>型式</th>
                            <td>
                                <input type="text" name="model_first" value="{{ old('model_first', isset($contact['model_first']) ? $contact['model_first'] : "") }}" class="input-text2"> -
                                <input type="text" name="model_second" value="{{ old('model_second', isset($contact['model_second']) ? $contact['model_second'] : "") }}" class="input-text3">

                                @error('model_first')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                                @error('model_second')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <th>車台番号</th>
                            <td>
                                <input type="text" name="chassis_no" class="input-text" value="{{ old('chassis_no', isset($contact['chassis_no']) ? $contact['chassis_no'] : "") }}">

                                @error('chassis_no')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <th>エンジン型式（馬力）</th>
                            <td>
                                <input type="text" name="engine_model" class="input-text" value="{{ old('engine_model', isset($contact['engine_model']) ? $contact['engine_model'] : "") }}">
                                （<input type="text" name="horsepower_ps_min" class="input-text2 num" value="{{ old('horsepower_ps_min', isset($contact['horsepower_ps_min']) ? $contact['horsepower_ps_min'] : '') }}">‐PS）
                            </td>
                        </tr>
                        <tr>
                            <th>ミッション型式</th>
                            <td>
                                <div class="radiobtn-wrap">
                                    @foreach(config('const.parts_search_shift_name') as $key => $mission_count)
                                        <input type="radio" name="shift_type_id" value="{{ $key }}" id="shift_type_id{{ $key }}" {{ old('shift_type_id', isset($contact['shift_type_id']) ? $contact['shift_type_id'] : "") == $key ? 'checked' : '' }}>
                                        <label for="shift_type_id{{ $key }}">{{ $mission_count }}</label>
                                    @endforeach
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>パーツ名</th>
                            <td>
                                <input type="text" name="parts_name" value="{{ old('parts_name', isset($contact['parts_name']) ? $contact['parts_name'] : '') }}">
                            </td>
                        </tr>
                        <tr>
                            <th>メーカー名１</th>
                            <td>
                                <div class="company">
                                    <div>
                                        <input type="text" name="parts_maker1" value="{{ old('parts_maker1', isset($contact['parts_maker1']) ? $contact['parts_maker1'] : '') }}">
                                    </div>
                                    <div class="pl-20">純正品番号１</div>
                                    <div>
                                        <input type="text" name="genuine" value="{{ old('genuine', isset($contact['genuine']) ? $contact['genuine'] : '') }}">
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>メーカー名２</th>
                            <td>
                                <div class="company">
                                    <div>
                                        <input type="text" name="parts_maker2" value="{{ old('parts_maker2', isset($contact['parts_maker2']) ? $contact['parts_maker2'] : '') }}">
                                    </div>
                                    <div class="pl-20">純正品番号２</div>
                                    <div>
                                        <input type="text" name="genuine2" value="{{ old('genuine2', isset($contact['genuine2']) ? $contact['genuine2'] : '') }}">
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>メーカー名３</th>
                            <td>
                                <div class="company">
                                    <div>
                                        <input type="text" name="parts_maker3" value="{{ old('parts_maker3', isset($contact['parts_maker3']) ? $contact['parts_maker3'] : '') }}">
                                    </div>
                                    <div class="pl-20">純正品番号３</div>
                                    <div>
                                        <input type="text" name="genuine3" value="{{ old('genuine3', isset($contact['genuine3']) ? $contact['genuine3'] : '') }}">
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>備考</th>
                            <td>
                                <textarea name="note">{{ old('note', isset($contact['note']) ? $contact['note'] : '') }}</textarea>
                                @error('note')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                            </td>
                        </tr>
                    </table>
                    <div class="submit_btn">
                        <label class="" for="">
                            <input type="submit" id="submit_button" name="" value="入力内容を確認する" class="gradation">
                        </label>
                    </div>
                    {{ Form::close() }}
                </div>
            </div>
        </article>

        @include("frontend.{$_fb_department}.layouts.partials.contact")

        @include("frontend.{$_fb_department}.layouts.partials.search_parts_list")

    </main>
@endsection

@section('page_css')
    <link rel="stylesheet" href="{{ asset("assets/frontend/{$_fb_department}/css/under.css") }}?20210127">
    <link rel="stylesheet" href="{{ asset("assets/frontend/{$_fb_department}/css/page/custom_search.css") }}">
@endsection

@section('page_js')
    <script>
        $(function () {
            if($('input[name="client_type"]:checked').val() == "{{ config('const.contact_client_type_code.company') }}"){
                $(".company_require").show();
            } else {
                $(".company_require").hide();
            }
            $(document).ready(function () {
                $('input[name="client_type"]').click(function () {
                    if($('input[name="client_type"]:checked').val() == "{{ config('const.contact_client_type_code.company') }}"){
                        $(".company_require").show();
                    } else {
                        $(".company_require").hide();
                    }
                });

                if($('select[name="vehicle_maker"]').val() == "{{ config('const.option_other_value') }}"){
                    $('input[name="vehicle_maker_etc"]').prop('disabled', false);
                } else {
                    $('input[name="vehicle_maker_etc"]').val('');
                    $('input[name="vehicle_maker_etc"]').prop('disabled', true);
                }
                $('select[name="vehicle_maker"]').change(function () {
                    if($('select[name="vehicle_maker"]').val() == "{{ config('const.option_other_value') }}"){
                        $('input[name="vehicle_maker_etc"]').prop('disabled', false);
                    } else {
                        $('input[name="vehicle_maker_etc"]').val('');
                        $('input[name="vehicle_maker_etc"]').prop('disabled', true);
                    }
                });
                $('input[name="horsepower_ps_min"]').change(function () {
                    if(isNaN(parseFloat($(this).val()))){
                        $(this).val('');
                    } else {
                        $('input[name="horsepower_kw_min"]').val(Math.round(parseFloat($(this).val()) * 0.735));
                    }
                });
                $('input[name="horsepower_kw_min"]').change(function () {
                    if(isNaN(parseFloat($(this).val()))){
                        $(this).val('');
                    } else {
                        $('input[name="horsepower_ps_min"]').val(Math.round(parseFloat($(this).val()) * 1.360544));
                    }
                });
            });
        });
    </script>
@endsection