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

@section('content')
    <main>
        <div id="mv" class="sell">
            <h1>お問い合わせ</h1>
        </div>
        <article id="privacy">
            <div class="w1200">
                <div class="text-top">
                    <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
                            <tr>
                                <th> お問い合わせ種別<span class="req">必須</span> </th>
                                <td>{{ isset($contact['category_id']) ? config("const.contact_type_{$_fb_department}." . $contact['category_id']) : '' }}</td>
                            </tr>
                            <tr>
                                <th>個人/法人<span class="req">必須</span> </th>
                                <td>{{ isset($contact['client_type']) ? config('const.contact_client_type.' . $contact['client_type']) : '' }}</td>
                            </tr>
                            <tr>
                                <th>(法人の場合)会社名</th>
                                <td>{{ isset($contact['company_name']) ? $contact['company_name'] : ''  }}</td>
                            </tr>
                            <tr>
                                <th>(法人の場合)部署名</th>
                                <td>{{ isset($contact['department']) ? $contact['department'] : ''  }}</td>
                            </tr>
                            <tr>
                                <th>業種</th>
                                <td>{{ isset($contact['job']) ? $contact['job'] : ''  }}</td>
                            </tr>
                            <tr>
                                <th>お名前<span class="req">必須</span></th>
                                <td>{{ isset($contact['name']) ? $contact['name'] : ''  }}</td>
                            </tr>
                            <tr>
                                <th>お名前(カナ)<span class="req">必須</span></th>
                                <td>{{isset($contact['name_kana']) ? $contact['name_kana'] : ''  }}</td>
                            </tr>
                            <tr>
                                <th>メールアドレス<span class="req">必須</span></th>
                                <td>{{ isset($contact['email']) ? $contact['email'] : ''  }}</td>
                            </tr>
                            <tr>
                                <th>確認用メールアドレス<span class="req">必須</span></th>
                                <td>{{ isset($contact['email_confirmation']) ? $contact['email_confirmation'] : ''  }}</td>
                            </tr>
                            <tr>
                                <th>住所</th>
                                <td><div> {{ isset($contact['zip_code']) ? $contact['zip_code'] : '' }}</div>
                                    <div> {{ isset($contact['prefecture']) ? \App\Service\Masters\PrefectureService::getPrefectureName($contact['prefecture']) : '' }} </div>
                                    <div> {{ isset($contact['address1']) ? $contact['address1'] : '' }}</div>
                                    <div> {{ isset($contact['address2']) ? $contact['address2'] : '' }}</div>
                                </td>
                            </tr>
                            <tr>
                                <th>電話番号<span class="req">必須</span> </th>
                                <td>{{ isset($contact['tel']) ? $contact['tel'] : '' }}</td>
                            </tr>
                            <tr>
                                <th>FAX番号 </th>
                                <td>{{ isset($contact['fax']) ? $contact['fax'] : '' }}</td>
                            </tr>
                                @if($_fb_department == 'parts')
                                    <tr>
                                        <th>部品名（正式名称）</th>
                                        <td>
                                            {{ isset($contact['parts_name']) ? $contact['parts_name'] : '' }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>品番</th>
                                        <td>
                                            {{ isset($contact['genuine']) ? $contact['genuine'] : '' }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>お見積り書を希望する</th>
                                        <td>
                                            <div class="checkbtn-wrap">
                                                <input type="checkbox" disabled name="is_want_request" id="is_want_request" value="1" {{ (isset($contact['is_want_request']) ? $contact['is_want_request'] : '') == 1 ? 'checked' : '' }}>
                                                <label for="is_want_request" class="check_label"></label>
                                            </div>
                                        </td>
                                    </tr>
                                @endif
                            <tr>
                                <th class="last">お問い合わせ内容</th>
                                <td class="last content">{!! isset($contact['content']) ? $contact['content'] : '' !!}</td>
                            </tr>
                        </table>
                        <div class="form_btn_area">
                            <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;
    }
    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;
        /* 要素を表示する */
    }
</style>