<tr class="d-none">
    <th>
        <div>
            パノラマ画像 <span class="@if(count($portal_homes_panorama)>16) alart @endif">{{ count($portal_homes_panorama) }}/16</span> 枚まで
        </div>
        <div class="alart mt-3">
            注）画像1〜5にて「タイトル」洋室・和室・リピングダイニング・キッチン・寝室・玄関トイレ・バスルーム・収納-ロフト外観・エントランスのいずれかが選択された画像が1枚以上無いとHOMESへのバノラマ掲載が出来ませんのでご注意ください。
        </div>
        <div class="alart mt-3">
            ※ボータルに転送できるパノラマ画像はエクイレクタングラー形式で作成されたJPEG画像のみです。（RICOH THETA（リコーシータ）で画像を保存した時の形式です）
        </div>
        <div class="alart mt-3">
            ※ポータルサイト側に反映される際にはRICOH THETA（リコーシータ）として転送されますのでご注意ください。
        </div>
    </th>
    <td>
        <div id="sortable_article_image" class="p-regist__sorttable portal_image_trash_group">
            @include('admin.objects.components.hidden', ['name' => 'panorama_del_photo_id', 'value' => '', 'class' => 'delete_portal_image_input'])
            <div id="image_list_portal" class="row portal_panorama_sorttable">
                <div class="col-4 mt10 mb10">
                    <div class="bg-warning p-1 font-weight-bold text-center">セット名・公開区分</div>
                    <div class="row mt-3">
                        <div class="col-6 px-10">
                            @include('admin.objects.components.input', ['class'  =>  'w-100 position-relative cs-placeholder', 'name' => 'panorama_name', 'placeholder' => 'セット名', 'value' => optional($portal_homes_panorama_default)->name])
                            <div class="font-weight-bold mt-1" style="font-size: 10px">全角25文字・半角50文字</div>
                        </div>
                        <div class="col-6 pl-10" style="padding: 0 10px">
                            @include('admin.objects.components.selectbox', ['class'  =>  'w-100 position-relative', 'name' => 'panorama_public_type', 'options' => $panorama_public_type, 'selected' => optional($portal_homes_panorama_default)->public_type])
                        </div>
                    </div>
                </div>
                @php $stt = 0; @endphp
                @foreach($portal_homes_panorama as $photo)
                    @php $stt++; @endphp
                    <div class="col-2 mt10 mb10 sorttable_item @if($stt>16)line-red @endif">
                        <span class="position-relative title_number mb10 @if($stt>3)bg-non-dark @endif">画像{{ $stt }}</span>
                        <label class="p-portalupload w-100 file_multiple_label panorama-image" data-id="{{ $stt }}" for="fileMutilInputHomesPanorama{{ $stt }}">
                            <img class="p-img-size" src="{{ $photo->storageLink }}">
                            <canvas width="0" height="0"></canvas>
                            <p class="p-imgupload__text">クリックまたは<br>ドラッグ&amp;ドロップ</p>
                            <input id="fileMutilInputHomesPanorama{{ $stt }}" type="file" name="panorama_file_input[{{ $stt }}]" class="file_multiple_input d-none">
                            <input type="hidden" name="panorama_file_path{{ $stt }}" value="{{ $photo->file_path }}">
                        </label>
                        <div class="w-100 position-relative mt10">
                            @include('admin.objects.components.selectbox', ['class'  =>  'w-100 position-relative', 'name' => 'panorama_reins_type'.$stt, 'options' => $panorama_reins_type, 'selected' => $photo->reins_type])
                        </div>
                        <div class="w-100 position-relative mt10">
                            @include('admin.objects.components.selectbox', ['class'  =>  'w-100 position-relative', 'name' => 'panorama_title'.$stt, 'options' => $panorama_title, 'selected' => $photo->title])
                        </div>
                        <div class="mt10 w-100">
                            @include('admin.objects.components.hidden', ['name' => 'panorama_photo_id'.$stt, 'value' => $photo->id])
                            @include('admin.objects.components.hidden', ['name' => 'panorama_order'.$stt, 'value' => '', 'class' => 'portal_order'])
                            @include('admin.objects.components.btn', ['name' => 'panorama_del_photo_portal', 'class' => 'btn_imagedel w-100 position-relative delete_portal_image_btn', 'title' => '削除', 'type' => 'button', 'dataPhoto' => $photo->id])
                        </div>
                    </div>
                @endforeach
                @if($stt < 16)
                    @for($j = $stt+1; $j <= 16;$j++)
                        <div class="col-2 mt10 mb10 sorttable_item">
                            <span class="bg-non-dark title_number mb10">画像{{ $j }}</span>
                            <label class="p-portalupload w-100 file_multiple_label panorama-image" data-id="{{ $j }}" for="fileMutilInputHomesPanorama{{ $j }}">
                                <canvas width="0" height="0"></canvas>
                                <p class="p-imgupload__text">クリックまたは<br>ドラッグ&amp;ドロップ</p>
                                <input id="fileMutilInputHomesPanorama{{ $j }}" type="file" name="panorama_file_input[{{ $j }}]" class="file_multiple_input d-none">
                                <input type="hidden" name="panorama_file_path{{ $j }}" value="">
                            </label>
                            <div class="w-100 position-relative mt10">
                                @include('admin.objects.components.selectbox', ['class'  =>  'w-100 position-relative', 'name' => 'panorama_reins_type'.$j, 'options' => $panorama_reins_type, 'selected' => ''])
                            </div>
                            <div class="w-100 position-relative mt10">
                                @include('admin.objects.components.selectbox', ['class'  =>  'w-100 position-relative', 'name' => 'panorama_title'.$j, 'options' => $panorama_title, 'selected' => ''])
                            </div>
                            <div class="mt10 w-100 position-relative">
                                @include('admin.objects.components.hidden', ['name' => 'panorama_photo_id'.$j, 'value' => ''])
                                @include('admin.objects.components.hidden', ['name' => 'panorama_order'.$j, 'value' => '', 'class' => 'portal_order'])
                                @include('admin.objects.components.btn', ['name' => 'panorama_del_photo_portal', 'class' => 'btn_imagedel w-100', 'title' => '削除', 'type' => 'button'])
                            </div>
                        </div>
                    @endfor
                @endif
            </div>
        </div>
        @if(count($portal_homes_panorama_del) > 0)
            @include('admin.objects.components.hidden', ['name' => 'restore_relation_portal_panorama_image', 'value' => ''])
            @include('admin.objects.components.hidden', ['name' => 'delete_portal_panorama_image', 'value' => ''])
            <div class="button_bar pt-close">
                <a class="p-search-common__collapse-link p-search-common__collapse-link--open" data-toggle="collapse" href="#homes_panorama_image_del" role="button" aria-expanded="true" aria-controls="homes_panorama_image_del">前回のデータ</a>
            </div>
            <div id="homes_panorama_image_del" class="p-regist__sorttable portal_image_delete_group collapse">
                <div id="image_list_portal" class="row portal_panorama_sorttable">
                    @php
                        $num_panorama = count($portal_homes_panorama_del) > 16 ? count($portal_homes_panorama_del) : 16;
                        $stt = $num_panorama;
                    @endphp
                    @foreach($portal_homes_panorama_del as $photo)
                        @php $stt++; @endphp
                        <div class="col-2 mt10 mb10 restore-item sorttable_item">
                            <span class="position-relative title_number mb10 bg-non-dark">優先画像.{{ $stt - $num_panorama }}</span>
                            <label class="p-portalupload w-100 file_multiple_label panorama-image" data-id="{{ $stt }}" for="fileMutilInputHomesPanorama{{ $stt }}">
                                <img class="p-img-size" src="{{ $photo->storageLink }}">
                                <canvas width="0" height="0"></canvas>
                                <p class="p-imgupload__text">クリックまたは<br>ドラッグ&amp;ドロップ</p>
                                <input id="fileMutilInputHomesPanorama{{ $stt }}" type="file" accept="image/png, image/gif, image/jpeg" name="panorama_file_input[{{ $stt }}]" class="file_multiple_input d-none">
                                <input type="hidden" name="panorama_file_path{{ $stt }}" value="{{ $photo->file_path }}">
                            </label>
                            <div class="w-100 position-relative mt10">
                                @include('admin.objects.components.selectbox', ['class'  =>  'w-100 position-relative', 'name' => 'panorama_reins_type'.$stt, 'options' => $panorama_reins_type, 'selected' => $photo->reins_type])
                            </div>
                            <div class="w-100 position-relative mt10">
                                @include('admin.objects.components.selectbox', ['class'  =>  'w-100 position-relative', 'name' => 'panorama_title'.$stt, 'options' => $panorama_title, 'selected' => $photo->title])
                            </div>
                            <div class="mt10 w-100">
                                @include('admin.objects.components.hidden', ['name' => 'panorama_photo_id'.$stt, 'value' => $photo->id, 'class' => 'portal_photo_id'])
                                @include('admin.objects.components.hidden', ['name' => 'panorama_order'.$stt, 'value' => '', 'class' => 'portal_order'])
                                @include('admin.objects.components.btn', ['name' => '', 'class' => 'btn_imagedel w-100 position-relative delete_portal_panorama_image_btn', 'title' => '削除', 'type' => 'button', 'dataPhoto' => $photo->id])
                            </div>
                        </div>
                    @endforeach
                    <div class="col-4 mt10 mb10 item-center">
                        <a href="javascript:void(0)" class="restore_portal_panorama_btn saved_del" data-photo="{{ implode(',', $portal_homes_panorama_del->pluck('id')->toArray()) }}">この内容で上枠内を上書きする</a>
                    </div>
                </div>
            </div>
        @endif
    </td>
</tr>
