@section('title',  'お問い合わせ')

@section('content')
    <main>
        <div id="mv" class="sell">
            <h1>お問い合わせ</h1>
        </div>
        <article id="privacy">
            <div class="w1200">
                <div class="text-top">
                    @if(isset($contact['is_rental']) && $contact['is_rental'])
                        <p class="contact-search">
                            ご希望の車両の掲載がない場合も、全国からご希望車両を全力でお探しいたします。<br>
                            お手数ではございますが以下フォームよりお問い合わせください。
                        </p>
                    @endif
                    <div class="contact_flow">
                        <ul>
                            <li><span>Step.1</span>お問い合わせ内容の入力</li>
                            <li class="active"><span>Step.2</span>入力内容のご確認</li>
                            <li><span>Step.3</span>送信完了</li>
                        </ul>
                    </div>
                    {{ Form::open(["route"=>"frontend.{$_fb_department}.contact.store", "method"=>"post"]) }}

                        <table class="contact-table">
                            @if(isset($contact['manage_no']))
                            <tr>
                                <th> 管理番号</th>
                                <td> {{ str_replace(['OP', 'OC'], '', $contact['manage_no']) }}</td>
                            </tr>
                            @endif

                                @if(isset($contact['question_title']))
                                    <tr>
                                        <th> タイトル</th>
                                        <td> {{ $contact['question_title'] }}</td>
                                    </tr>
                                @endif

                                @include('frontend.share.contact.confirm._p_input')
{{--                            @if(isset($contact['is_rental']) && $contact['is_rental'])--}}
{{--                                @include('frontend.share.contact.confirm._p_rental')--}}
{{--                            @else--}}
{{--                                @include('frontend.share.contact.confirm._p_input')--}}
{{--                            @endif--}}
                        </table>
                        <div class="form_btn_area">
                            @if(isset($contact['is_rental']) && $contact['is_rental'])
                                <p class="text-center">時間外・店休日のお問い合わせは翌営業日の回答となります。</p>
                            @endif
                            <div class="submit_btn">
                                <input type="submit" name="" value="送信" class="gradation">
                                <div class="form_back_btn">
                                    @if(isset($contact['id']) && $contact['id'])
                                        <a href="{{ route("frontend.{$_fb_department}.contact.index", ["id"=>$contact['id'], "class_name"=>$contact['class_name']]) }}"> 戻る </a>
                                    @else
                                        <a href="{{ route("frontend.{$_fb_department}.contact.index") }}"> 戻る </a>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <input type="hidden" name="m" id="m" value="res" />
                    {{ Form::close() }}
                </div>
            </div>
        </article>
    </main>
@endsection

<style>
    #addition_file_img {
        width: 100px;
        vertical-align: middle;
    }
    td.content {
        white-space: pre-wrap;
        word-break: break-word;
        margin-left:10px;
    }
    input[type=checkbox] {
        display: none;
        /* checkboxを非表示にする */
    }
    .check_label {
        position: relative;
        /* ボックスの位置を指定する */

        padding: 0px 10px 0 26px;
        /* ボックス内側の余白を指定する */

        line-height: 200%;
    }
    .check_label:after {
        position: absolute;
        /* ボックスの位置を指定する */

        content: "";
        /* ボックスのコンテンツ */

        display: block;
        /* ブロックレベル要素化する */

        top: 50%;
        /* 上部から配置の基準位置を決める */

        left: 0px;
        /* 左から配置の基準位置を決める */

        margin-top: -10px;
        /* チェック枠の位置 */

        width: 20px;
        /* ボックスの横幅を指定する */

        height: 15px;
        /* ボックスの高さを指定する */

        border: 2px solid #aaaaaa;
        /* ボックスの境界線を実線で指定する */

        border-radius: 3px;
        /* ボックスの角丸を指定する */
    }
    .check_label:hover:after {
        border-color: #0171bd;
        /* ボックスの境界線を実線で指定する */
    }
    .check_label:after,
    .check_label:before {
        position: absolute;
        /* ボックスの位置を指定する */

        content: "";
        /* ボックスのコンテンツ */

        display: block;
        /* ブロックレベル要素化する */

        top: 50%;
        /* 上部から配置の基準位置を決める */
    }
    .check_label:after {
        left: 0px;
        /* 左から配置の基準位置を決める */

        margin-top: -10px;
        /* チェック枠の位置 */

        width: 15px;
        /* ボックスの横幅を指定する */

        height: 15px;
        /* ボックスの高さを指定する */

        border: 2px solid #ccc;
        /* ボックスの境界線を実線で指定する */

        border-radius: 3px;
        /* ボックスの角丸を指定する */
    }
    .check_label:before {
        left: 5px;
        /* 左から配置の基準位置を決める */

        margin-top: -7px;
        /* チェックマークの位置 */

        width: 5px;
        /* ボックスの横幅を指定する */

        height: 9px;
        /* ボックスの高さを指定する */

        border-right: 3px solid #0171bd;
        /* 境界線（右）のスタイルを指定する */

        border-bottom: 3px solid #0171bd;
        /* 境界線（下）のスタイルを指定する */

        transform: rotate(45deg);
        /* 要素を回転させる */

        opacity: 0;
        /* 要素を透過指定する */
    }
    input[type=checkbox]:checked+.check_label:before {
        opacity: 1;
        /* 要素を表示する */
    }

    table.rental_duration_table {
        border: none;
        width: 100%;
        margin: 0 !important;
    }
    table.rental_duration_table th {
        width: 20% !important;
        border: none !important;
        padding: 0 !important;
    }
    table.rental_duration_table td {
        width: 80% !important;
        border: none !important;
        padding: 0px !important;
    }
    .br-letter {
        font-weight: bold;
    }

</style>