<div id="@if(isset($tmp_id)){{$tmp_id}}@endif"  class="facility_regist @if(isset($add_class)) {{$add_class}} @endif">
    <table style="margin-bottom: 0">
        <tr>
            <td rowspan="8" colspan="2">
                <div class="facility_image_area">
                    @include('admin.objects.components.add-facility-image', ['id' => 'imageArea'])
                    <div class="mt-2">※縦横比が縦3:横4の画像を推奨します</div>
                </div>
                <div class="facility_image_area_sub">
                    @include('admin.objects.components.btn', ['name' => 'del_facility', 'class' => '', 'title' => '削除', 'type' => 'button'])
                </div>
            </td>
            <th>施設ID</th>
            <td colspan="3">


            </td>
        </tr>
        <tr>
            <th>施設名</th>
            <td>
            @include('admin.objects.components.input', ['name' => 'name', 'class' => 'w300'])
            </td>
            <th>施設種別</th>
            <td>
            @include('admin.objects.components.selectbox', ['name' => 'kind', 'options' => $kind, 'title' => '施設種別'])
            </td>
        </tr>
        <tr>
            <th>住所</th>
            <td colspan="3">
            @include('admin.objects.projects.form-address')
            </td>
        </tr>
        <tr>
            <th>位置情報</th>
            <td colspan="3">
                緯度&nbsp;@include('admin.objects.components.input', ['name' => 'lat'])<span class="d-none" name="lat_text">未設定</span>経度&nbsp;@include('admin.objects.components.input', ['name' => 'lng'])<span class="d-none" name="lng_text">未設定</span>
                @include('admin.objects.components.modal-btn', ['title' => '位置確認・修正', 'class' => 'btn_position', 'data' => 2])
            </td>

        </tr>
        <tr>
            <th>キャプション</th>
            <td colspan="3">
            @include('admin.objects.components.textarea', ['name' => 'memo', 'class' => 'w500', 'count' => 100, 'placeholder' => 'キャプションを入力してください'])
            </td>
        </tr>
        <tr>
            <th>エリア</th>
            <td>
                @include('admin.objects.components.selectbox', ['name' => 'area', 'class' => 'w200', 'options' => config('const.FACILITY_CATE_FACILITY'), 'selected' => ''])
            </td>
            <th>担当スタッフ</th>
            <td>
                @include('admin.objects.components.selectbox', ['name' => 'staff', 'class' => 'w200', 'options' => $staff_list, 'selected' => ''])
            </td>
        </tr>
        <tr>
            <th>ハッシュタグ</th>
            <td colspan="3">
                @include('admin.objects.components.input', ['name' => 'tag', 'class' => 'w-50', 'placeholder' => 'ハッシュタグを入力してください', 'value' => '']) ※「,」区切りで複数のタグを登録可能
            </td>
        </tr>
        <tr>
            <th>キャンペーン</th>
            <td colspan="3">
                @include('admin.objects.components.textarea', ['name' => 'campaign', 'class' => 'w500', 'count' => 100, 'placeholder' => 'キャンペーン内容を入力してください', 'value' => ''])
            </td>
        </tr>
        <tr>
            <th colspan="2">カテゴリー</th>
            <td colspan="5">
                @include('admin.objects.components.selectbox', ['name' => 'category', 'class' => 'w200 cateOnchange',  'id'    =>  '', 'options' => config('const.FACILITY_CATEGORIES'), 'title' => '', 'selected' => ''])
            </td>
        </tr>
        <tr class="cate_facility_1 d-none">
            <th rowspan="14" class="w115">カテゴリー別詳細</th>
            <th class="label">商品カテゴリ</th>
            <td colspan="4">
                @include('admin.objects.components.input', ['name' => 'type', 'class' => 'facility-type w-50', 'placeholder' => '商品カテゴリを入力してください', 'value' => ''])
            </td>
        </tr>
        <tr class="cate_facility_14 d-none">
            @if(isset($facility_info) && ($facility_info['category'] == 5 || $facility_info['category'] == 3))
                <th rowspan="14" class="w115">カテゴリー別詳細</th>
                <th>対象者</th>
                <td colspan="4">
            @else
                <th rowspan="14" class="w115 d-none">カテゴリー別詳細</th>
                <th>対象者</th>
                <td colspan="4">
                    @include('admin.objects.components.input', ['name' => 'target', 'class' => 'w-50', 'placeholder' => '対象者を入力してください', 'value' => ''])
                </td>
            @endif
        </tr>
        <tr class="cate_facility_15 d-none">
            <th rowspan="14">カテゴリー別詳細</th>
            <th>広さ</th>
            <td colspan="4">
                @include('admin.objects.components.selectbox', ['name' => 'breadth', 'class' => 'w200', 'options' => config('const.FACILITY_BREADTHES'), 'title' => '', 'selected' => ''])
            </td>
        </tr>
        <tr class="cate_facility_2 d-none">
            <th>営業時間</th>
            <td colspan="4">
                @include('admin.objects.components.input', ['name' => 'open', 'class' => 'facility-open w-50', 'placeholder' => '営業時間を入力してください', 'value' => ''])
            </td>
        </tr>
        <tr class="cate_facility_3 d-none">
            <th>ピークタイム</th>
            <td colspan="4">
                @include('admin.objects.components.input', ['name' => 'peak', 'class' => 'w-50', 'placeholder' => 'ピークタイムを入力してください', 'value' => ''])
            </td>
        </tr>
        <tr class="cate_facility_4 d-none">
            <th>定休日</th>
            <td colspan="4">
                @include('admin.objects.components.input', ['name' => 'holiday', 'class' => 'w-50', 'placeholder' => '定休日を入力してください', 'value' => ''])
            </td>
        </tr>
        <tr class="cate_facility_5 d-none">
            <th>予算</th>
            <td colspan="4">
                @include('admin.objects.components.input', ['name' => 'budget', 'class' => 'w-50', 'placeholder' => '予算を入力してください', 'value' => ''])
            </td>
        </tr>
        <tr class="cate_facility_6 d-none">
            <th>支払い方法</th>
            <td colspan="4">
                @include('admin.objects.components.input', ['name' => 'payment', 'class' => 'w-50', 'placeholder' => '支払い方法を入力してください', 'value' => ''])
            </td>
        </tr>
        <tr class="cate_facility_7 d-none">
            <th>予約可/不可</th>
            <td colspan="4">
                @include('admin.objects.components.input', ['name' => 'reserve', 'class' => 'w-50', 'placeholder' => '予約可、不可を入力してください', 'value' => ''])
            </td>
        </tr>
        <tr class="cate_facility_8 d-none">
            <th>電話番号</th>
            <td colspan="4">
                @include('admin.objects.components.input', ['name' => 'tel', 'class' => 'w-50', 'placeholder' => '電話番号を入力してください', 'value' => ''])
            </td>
        </tr>
        <tr class="cate_facility_9 d-none">
            <th>公式サイトURL</th>
            <td colspan="4">
                @include('admin.objects.components.input', ['name' => 'url', 'class' => 'w-50', 'placeholder' => '公式サイトURLを入力してください', 'value' => ''])
            </td>
        </tr>
        <tr class="cate_facility_10 d-none">
            <th>アクセス</th>
            <td colspan="4">
                @include('admin.objects.components.input', ['name' => 'access', 'class' => 'w-50', 'placeholder' => 'アクセスについて入力してください', 'value' => ''])
            </td>
        </tr>
        <tr class="cate_facility_16 d-none">
            <th>設備</th>
            <td colspan="4">
                @include('admin.objects.components.textarea', ['name' => 'facility_other', 'class' => 'w500', 'count' => 200, 'placeholder' => '設備内容を入力してください', 'value' => ''])
            </td>
        </tr>
        <tr class="cate_facility_11 d-none">
            <th>駐車場</th>
            <td colspan="4">
                @include('admin.objects.components.input', ['name' => 'parking', 'class' => 'w-50', 'placeholder' => '駐車場の有無を入力してください', 'value' => ''])
            </td>
        </tr>
        <tr class="cate_facility_12 d-none">
            <th>メニュー</th>
            <td colspan="4">
                @include('admin.objects.components.textarea', ['name' => 'menu', 'class' => 'facility-menu w500', 'count' => 200, 'placeholder' => 'コース内容を入力してください', 'value' => ''])
            </td>
        </tr>
        <tr class="cate_facility_13 d-none">
            <th>お店からひと言</th>
            <td colspan="4">
                @include('admin.objects.components.textarea', ['name' => 'comment', 'class' => 'facility-comment w500', 'count' => 200, 'placeholder' => '「お店からひと言」を入力してください', 'value' => ''])
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <th style="width: 242px">写真１</th>
            <td>
                <div class="d-flex">
                    <div>
                        @include('admin.objects.components.add-facility-image-cp3', ['id' => '1'])
                    </div>
                    <div class="ml10 w50_per">
                        @include('admin.objects.components.textarea', ['name' => 'p1_comment', 'class' => 'w-100 p_comment', 'count' => 200, 'placeholder' => '写真１のコメントを入力してください', 'value' => ''])
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <th>写真2</th>
            <td>
                <div class="d-flex">
                    <div>
                        @include('admin.objects.components.add-facility-image-cp3', ['id' => '2'])
                    </div>
                    <div class="ml10 w50_per">
                        @include('admin.objects.components.textarea', ['name' => 'p2_comment', 'class' => 'w-100 p_comment', 'count' => 200, 'placeholder' => '写真2のコメントを入力してください', 'value' => ''])
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <th>写真3</th>
            <td>
                <div class="d-flex">
                    <div>
                        @include('admin.objects.components.add-facility-image-cp3', ['id' => '3'])
                    </div>
                    <div class="ml10 w50_per">
                        @include('admin.objects.components.textarea', ['name' => 'p3_comment', 'class' => 'w-100 p_comment', 'count' => 200, 'placeholder' => '写真3のコメントを入力してください', 'value' => ''])
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <th>写真4</th>
            <td>
                <div class="d-flex">
                    <div>
                        @include('admin.objects.components.add-facility-image-cp3', ['id' => '4'])
                    </div>
                    <div class="ml10 w50_per">
                        @include('admin.objects.components.textarea', ['name' => 'p4_comment', 'class' => 'w-100 p_comment', 'count' => 200, 'placeholder' => '写真4のコメントを入力してください', 'value' => ''])
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <th>写真5</th>
            <td>
                <div class="d-flex">
                    <div>
                        @include('admin.objects.components.add-facility-image-cp3', ['id' => '5'])
                    </div>
                    <div class="ml10 w50_per">
                        @include('admin.objects.components.textarea', ['name' => 'p5_comment', 'class' => 'w-100 p_comment', 'count' => 200, 'placeholder' => '写真5のコメントを入力してください', 'value' => ''])
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <th>写真6</th>
            <td>
                <div class="d-flex">
                    <div>
                        @include('admin.objects.components.add-facility-image-cp3', ['id' => '6'])
                    </div>
                    <div class="ml10 w50_per">
                        @include('admin.objects.components.textarea', ['name' => 'p6_comment', 'class' => 'w-100 p_comment', 'count' => 200, 'placeholder' => '写真6のコメントを入力してください', 'value' => ''])
                    </div>
                </div>
            </td>
        </tr>

    </table>
</div>
