<tr>
    <th>
        <span>スーモ入稿用画像<br>（設備仕様）<br>
        <strong class="@if(count($portal_suumo_spec)>6) alart @endif">{{ count($portal_suumo_spec) }}/6枚</strong>
        <br><span class="text-color-red mt10">※pngはSUUMOに入稿できません</span>
        <br><span class="text-color-red mt10"><strong>※「省エネ性能ラベル」は画像１に登録してください。</strong></span>
        </span>
    </th>
    <td>
        @include('admin.objects.components.hidden', ['name' => 'del_spec_id', 'value' => ''])
        <div id="sortable_article_image" class="p-regist__sorttable">
            <div id="image_list_portal" class="row">
                @php $stt = 0; @endphp
                @foreach($portal_suumo_spec as $photo)
                    @php $stt++; @endphp
                    <div class="col-2 mt10 mb10">
                        <span class="bg-non-dark position-relative title_number mb10">画像{{ $stt }}</span>
                        <label class="p-portalupload w-100 file_multiple_label" data-id="{{ $stt }}" for="fileMutilSuumoSpec{{ $stt }}">
                            <img class="p-img-size" src="{{ $photo->storageLink.'?v='.strtotime(now()) }}">
                            <canvas width="0" height="0"></canvas>
                            <p class="p-imgupload__text">クリックまたは<br>ドラッグ&amp;ドロップ</p>
                            <input id="fileMutilSuumoSpec{{ $stt }}" type="file" accept="image/png, image/gif, image/jpeg" name="file_spec[{{ $stt }}]" class="file_multiple_input d-none">
                            <input type="hidden" name="file_path_suumo_spec{{ $stt }}" value="{{ $photo->file_path }}">
                        </label>
                        <div class="w-100 position-relative mt10">
                            <label class="require-portal float-left">必須</label>
                            @include('admin.objects.components.selectbox', ['class'  =>  'w100', 'name' => 'spec_property_sub'.$stt, 'placeholder' => '物件への距離', 'options' => $suumo_facility_spec, 'selected' => $photo->property])
                        </div>
                        <div class="w-100 mt10">
                            @include('admin.objects.components.input', ['class'  =>  'w-100', 'name' => 'spec_facility_name'.$stt, 'placeholder' => '施設名称', 'value' => $photo->facility_name])
                        </div>

                        @include('admin.objects.components.textarea_house', ['name' => 'suumo_spec_memo'.$stt, 'class' => 'img_text mt10 position-relative', 'count' => 200, 'site' => 1, 'placeholder' => '画像コメント', 'value' => $photo->memo])

                        <div class="mt10 w-100">
                            @include('admin.objects.components.hidden', ['name' => 'suumo_spec_id'.$stt, 'value' => $photo->id])
                            @include('admin.objects.components.hidden', ['name' => 'spec_order'.$stt, 'value' => $photo->order])
                            @include('admin.objects.components.btn', ['name' => 'del_suumo_spec', 'class' => 'btn_imagedel w-100 position-relative', 'title' => '削除', 'type' => 'button'])
                        </div>

                    </div>
                @endforeach
                @if($stt < 6)
                    @for($j = $stt+1; $j <= 6;$j++)
                        <div class="col-2 mt10 mb10">
                            <span class="bg-non-dark title_number mb10">画像{{ $j }}</span>
                            <label class="p-portalupload w-100 file_multiple_label" data-id="{{ $j }}" for="fileMutilSuumoSpec{{ $j }}">
                                <canvas width="0" height="0"></canvas>
                                <p class="p-imgupload__text">クリックまたは<br>ドラッグ&amp;ドロップ</p>
                                <input id="fileMutilSuumoSpec{{ $j }}" type="file" accept="image/png, image/gif, image/jpeg" name="file_spec[{{ $j }}]" class="file_multiple_input d-none">
                                <input type="hidden" name="file_path_suumo_spec{{ $j }}" value="">
                            </label>

                            <div class="w-100 position-relative mt10">
                                <label class="require-portal float-left">必須</label>
                                @include('admin.objects.components.selectbox', ['class'  =>  'w100', 'name' => 'spec_property_sub'.$j, 'placeholder' => '物件への距離', 'options' => $suumo_facility_spec, 'selected' => ''])
                            </div>
                            <div class="w-100 mt10">
                                @include('admin.objects.components.input', ['class'  =>  'w-100', 'name' => 'spec_facility_name'.$j, 'placeholder' => '施設名称', 'value' => ''])
                            </div>

                            @include('admin.objects.components.textarea_house', ['name' => 'suumo_spec_memo'.$j, 'class' => 'img_text mt10 position-relative', 'count' => 200, 'site' => 1, 'placeholder' => '画像コメント', 'value' => ''])

                            <div class="mt10 w-100 position-relative">
                                @include('admin.objects.components.hidden', ['name' => 'suumo_spec_id'.$j, 'value' => ''])
                                @include('admin.objects.components.hidden', ['name' => 'spec_order'.$j, 'value' => ''])
                                @include('admin.objects.components.btn', ['name' => 'del_suumo_spec', 'class' => 'btn_imagedel w-100', 'title' => '削除', 'type' => 'button'])
                            </div>

                        </div>
                    @endfor
                @endif
            </div>
        </div>
    </td>
</tr>
