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

@section('title', '必ず探します！')

@section('content')
    <main>
        <div id="mv" class="sell">
            <h1>必ず探します！</h1>
            <p>ご希望の車両の掲載がない場合も、全国からご希望車種を全力でお探しいたします。<br>
                お手数ではございますが以下フォームよりお問合せください。</p>
        </div>
        <article id="privacy">
            <div class="w1200">
                <div class="text-top">
                    <div class="contact_flow">
                        <ul>
                            <li class="active">ご希望車両の入力</li>
                            <li>入力内容のご確認</li>
                            <li>送信完了</li>
                        </ul>
                    </div>
                    {{ Form::open(["route"=>"frontend.{$_fb_department}.contact_search.check", "method"=>"post"]) }}
                    <table class="contact-table">
                        <tr>
                            <th>個人/法人<span class="req">必須</span></th>
                            <td>
                                <div class="radiobtn-wrap">
                                    <input type="radio" name="about" value="個人" id="about1">
                                    <label for="about1">個人</label>
                                    <br>
                                    <input type="radio" name="about" value="法人" id="about2">
                                    <label for="about2">法人</label>
                                </div>
                                @error('about')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                        </tr>
                        <tr>
                            <th>(法人の場合)会社名</th>
                            <td>
                                <input type="text" name="dantai" value="{{ old('dantai', isset($contact['dantai']) ? $contact['dantai'] : '' ) }}" placeholder="">
                                @error('dantai')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <th> お問い合わせ種別<span class="req">必須</span></th>
                            <td>
                                <div class="radiobtn-wrap">
                                    @foreach( config('const.contact_search_type') as $key => $val )
                                        <input type="radio" name="type" id="radio{{ $key }}"
                                               value="{{ $key }}" {{ old('type', isset($contact['type']) ? $contact['type'] : '' ) == $key ? 'checked' : '' }} >
                                        <label for="radio{{ $key }}">{{ $val }}</label>
                                        <br>
                                    @endforeach
                                </div>
                                @error('type')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <th>レンタル期間<span class="req">必須</span></th>
                            <td><div>
                                    開始日<input type="date" min="{{ date("Y/m/d") }}"  id="date1" name="date1" value="{{ old('date1', isset($contact['date1']) ? $contact['date1'] : '' ) }}" >
                                    @error('date1')
                                    <br/><span class="must_contact">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div>
                                    返却日<input type="date" min="{{ date("Y/m/d") }}"  id="date2" name="date2" value="{{ old('date2', isset($contact['date2']) ? $contact['date2'] : '' ) }}" >
                                    @error('date2')
                                    <br/><span class="must_contact">{{ $message }}</span>
                                    @enderror
                                </div></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" 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>メールアドレス<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')
                                <br/><span class="must_contact">{{ $message }}</span>
                                @enderror
                            </td>
                        </tr>
                        <tr>
                            <th class="last">ご希望車両の詳細</th>
                            <td class="last">
                                <textarea name="contact" placeholder="">{!! old('contact', isset($contact['contact']) ? $contact['contact'] : '' ) !!} </textarea>
                                @error('contact')
                                <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>
                    <input type="hidden" name="m" id="m" value="con"/>
                    {{ Form::close() }}
                </div>
            </div>
        </article>
    </main>
@endsection


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

@section('page_js')
    <script src="{{ asset('assets/frontend/truck/js/autokana.js') }}"></script>

    <script>
        $(function () {
            $.fn.autoKana('#name', '#name_kana', {katakana: true});
        });
        // 不要文字列削除 [かな]
        $(document).on('blur change focus keyup keypress', '#name_kana', function (e) {
            if ($('#name_kana').val() != "") {
                var value = $('#name_kana').val();
                $('#name_kana').val(
                    value.replace(" ", "")
                        .replace("　", "")
                        .replace("-", "")
                        .replace("ー", "")
                );
            } else {
                $('#name_kana').val('');
            }
        });
        // 不要文字列削除 [電話番号]
        $(document).on('blur change focus keyup keypress', '#tel', function (e) {
            var value = $('#tel').val();
            $('#tel').val(
                value.replace(" ", "")
                    .replace("　", "")
                    .replace("-", "")
                    .replace("ー", "")
            );
        });
    </script>
@endsection