<div id="PortalModalDetail{{$num}}" style="display: none" class="modal-contents large">
    @if((($num == 1 || $num == 4) && $portal_status == 2) || (($num == 2 || $num == 5) && $portal_facility_status == 2) || ($num == 3 && $portal_facility_status == 2))
        <div id="modal_portal">
            <main id="modal_main">
                    <p class="font-size-14">セットできる画像がありません</p>
            </main>
            <footer id="modal_footer">
                <a href="javascript:;" class="portal__closebtn c-tab__backbtn modal-close">戻る</a>
                <a href="{{ route('showRegistImage', $article_id) }}" class="c-base-tab__save arrow-left">保存して画像登録ページへ</a>
            </footer>
        </div>
    @else
        <div id="modal_portal_detail">
        @if($portal == 'suumo')
            @if($num == 1)
                <form class="portal-form-popup" method="POST" action="{{ route('portal.update.image', $article_id) }}"
                      enctype="multipart/form-data">
                    {{ csrf_field() }}
                    @include('admin.objects.components.hidden', ['name' => 'article_id', 'value' => $article_id])
                    <input type="hidden" id="list_portal_image_do" name="list_portal_image_do" value="">
                    <input type="hidden" name="portal" value="suumo">
                    <main id="modal_main">
                        <div class="list scrollbar" id="scrollbar">
                            <div class="list__item">
                                <p class="text-blue mt-2">SUUMO<br>
                                    入稿用画像<br><strong class="text-red">最大20枚</strong></p>
                            </div>

                            @foreach($portal_suumo_image as $i => $photo)
                                <div class="list__item">
                                    <img src="{{ $photo->storageLink }}">
                                </div>
                            @endforeach
                            @if(isset($i) && $i < 20)
                                @for($j = $i+1; $j < 20; $j++)
                                    <div class="list__item">
                                        <div class="squa"></div>
                                    </div>
                                @endfor
                            @else
                                @for($j = 0; $j < 20; $j++)
                                    <div class="list__item">
                                        <div class="squa"></div>
                                    </div>
                                @endfor
                            @endif
                            <div style="clear: both"></div>
                        </div>
                        <hr class="line-black">
                        <div class="list scrollbar" id="scrollbar">
                            <div class="list__item">
                                <p class="mt-4"><strong>候補画像</strong></p>
                            </div>
                            @foreach($suumo_image_do as $i => $photo)
                                <div class="list__item">
                                    <span class="img-tick" data-num="{{ $photo->id }}"></span>
                                    @if(isset($photo->first))
                                        <img class="h-100" src="{{ $photo->file_path }}">
                                    @else
                                        <img class="h-100" src="{{ $photo->storageLink }}">
                                    @endif
                                </div>
                            @endforeach
                        </div>
                        <div style="clear: both"></div>
                    </main>
                    <footer id="modal_footer">
                        <button type="submit" class="c-base-tab__save">選択した候補画像をセット</button>
                        <a href="javascript:;" class="portal__closebtn modal-close">キャンセル</a>
                    </footer>
                </form>
            @else
                <form class="portal-form-popup" method="POST"
                      action="{{ route('portal.update.facility', $article_id) }}" enctype="multipart/form-data">
                    {{ csrf_field() }}
                    @include('admin.objects.components.hidden', ['name' => 'article_id', 'value' => $article_id])
                    <input type="hidden" id="list_portal_facility_do" name="list_portal_facility_do" value="">
                    <input type="hidden" name="portal" value="suumo">
                    <main id="modal_main">
                        <div class="list" id="scrollbar">
                            <div class="list__item">
                                <p class="text-blue mt-2">SUUMO<br>
                                    入稿用画像<br><strong class="text-red">最大9枚</strong></p>
                            </div>
                            @php $i = 0; @endphp
                            @foreach($portal_suumo_facility as $i => $photo)
                                <div class="list__item">
                                    <img src="{{ $photo->storageLink }}">
                                </div>
                            @endforeach
                            @if($i < 10)
                                @for($j = $i; $j < 9; $j++)
                                    <div class="list__item">
                                        <div class="squa"></div>
                                    </div>
                                @endfor
                            @endif
                            <div style="clear: both"></div>
                        </div>
                        <hr class="line-black">
                        <div class="list" id="scrollbar">
                            <div class="list__item">
                                <p class="mt-4"><strong>候補画像</strong></p>
                            </div>
                            @foreach($suumo_facility_do as $i => $photo)
                                <div class="list__item">
                                    <span class="fac-tick" data-num="{{ $photo->id }}"></span>
                                    <img src="{{ $photo->file_path }}">
                                </div>
                            @endforeach
                        </div>
                        <div style="clear: both"></div>
                    </main>
                    <footer id="modal_footer">
                        <button type="submit" class="c-base-tab__save">選択した候補画像をセット</button>
                        <a href="javascript:;" class="portal__closebtn modal-close">キャンセル</a>
                    </footer>
                </form>
            @endif
        @endif

        @if($portal == 'homes')
            @if($num == 3)
                <form class="portal-form-popup" method="POST"
                          action="{{ route('portal.update.image', $article_id) }}"
                          enctype="multipart/form-data">
                        {{ csrf_field() }}
                        @include('admin.objects.components.hidden', ['name' => 'article_id', 'value' => $article_id])
                        <input type="hidden" id="list_portal_image_do" name="list_portal_image_do" value="">
                        <input type="hidden" id="list_portal_facility_do" name="list_portal_facility_do" value="">
                        <input type="hidden" name="portal" value="homes">
                        <main id="modal_main">
                            <div class="list scrollbar" id="scrollbar">
                                <div class="list__item">
                                    <p class="text-yellow mt-2">Homes<br>
                                        入稿用画像<br><strong class="text-red">最大30枚</strong></p>
                                </div>

                                @foreach($portal_homes_image as $i => $photo)
                                    <div class="list__item">
                                        <img src="{{ $photo->storageLink }}" alt="">
                                    </div>
                                @endforeach
                                @if(isset($i) && $i < 20)
                                    @for($j = $i+1; $j < 20; $j++)
                                        <div class="list__item">
                                            <div class="squa"></div>
                                        </div>
                                    @endfor
                                @else
                                    @for($j = 0; $j < 20; $j++)
                                        <div class="list__item">
                                            <div class="squa"></div>
                                        </div>
                                    @endfor
                                @endif
                                <div style="clear: both"></div>
                            </div>
                            <hr class="line-black">
                            <div class="list scrollbar" id="scrollbar">
                                <div class="list__item">
                                    <p class="mt-4"><strong>候補画像</strong></p>
                                </div>
                                @foreach($homes_image_do as $i => $photo)
                                    <div class="list__item">
                                        <span class="img-tick" data-num="{{ $photo->id }}"></span>
                                        @if(isset($photo->first))
                                            <img src="{{ $photo->file_path }}">
                                        @else
                                            <img src="{{ $photo->storageLink }}">
                                        @endif
                                    </div>
                                @endforeach

                                @foreach($homes_facility_do as $p)
                                    <div class="list__item">
                                        <span class="fac-tick" data-num="{{ $p->id }}"></span>
                                        <img src="{{ $p->disp_file_path }}">
                                    </div>
                                @endforeach
                            </div>
                            <div style="clear: both"></div>
                        </main>
                        <footer id="modal_footer">
                            <button type="submit" class="c-base-tab__save">選択した候補画像をセット</button>
                            <a href="javascript:;" class="portal__closebtn modal-close">キャンセル</a>
                        </footer>
                    </form>
            @endif
        @endif
        @if($portal == 'athome')
            @if($num == 4)
                <form class="portal-form-popup" method="POST" action="{{ route('portal.update.image', $article_id) }}"
                      enctype="multipart/form-data">
                    {{ csrf_field() }}
                    @include('admin.objects.components.hidden', ['name' => 'article_id', 'value' => $article_id])
                    <input type="hidden" id="list_portal_image_do" name="list_portal_image_do" value="">
                    <input type="hidden" name="portal" value="athome">
                    <main id="modal_main">
                        <div class="list scrollbar" id="scrollbar">
                            <div class="list__item">
                                <p class="text-red1 mt-2">at home<br>
                                    入稿用画像<br><strong class="text-red">最大40枚</strong></p>
                            </div>

                            @foreach($portal_athome_image as $i => $photo)
                                <div class="list__item">
                                    <img src="{{ $photo->storageLink }}">
                                </div>
                            @endforeach

                            @if(isset($i) && $i < 20)
                                @for($j = $i+1; $j < 20; $j++)
                                    <div class="list__item">
                                        <div class="squa"></div>
                                    </div>
                                @endfor
                            @else
                                @for($j = 0; $j < 20; $j++)
                                    <div class="list__item">
                                        <div class="squa"></div>
                                    </div>
                                @endfor
                            @endif
                            <div style="clear: both"></div>
                        </div>
                        <hr class="line-black">
                        <div class="list scrollbar" id="scrollbar">
                            <div class="list__item">
                                <p class="mt-4"><strong>候補画像</strong></p>
                            </div>
                            @foreach($athome_image_do as $i => $photo)
                                <div class="list__item">
                                    <span class="img-tick" data-num="{{ $photo->id }}"></span>
                                    @if(isset($photo->first))
                                        <img src="{{ $photo->file_path }}">
                                    @else
                                        <img src="{{ $photo->storageLink }}">
                                    @endif
                                </div>
                            @endforeach
                        </div>
                        <div style="clear: both"></div>
                    </main>
                    <footer id="modal_footer">
                        <button type="submit" class="c-base-tab__save">選択した候補画像をセット</button>
                        <a href="javascript:;" class="portal__closebtn modal-close">キャンセル</a>
                    </footer>
                </form>
            @else
                <form class="portal-form-popup" method="POST"
                      action="{{ route('portal.update.facility', $article_id) }}" enctype="multipart/form-data">
                    {{ csrf_field() }}
                    @include('admin.objects.components.hidden', ['name' => 'article_id', 'value' => $article_id])
                    <input type="hidden" id="list_portal_facility_do" name="list_portal_facility_do" value="">
                    <input type="hidden" name="portal" value="athome">
                    <main id="modal_main">
                        <div class="list" id="scrollbar">
                            <div class="list__item">
                                <p class="text-red1 mt-2">at home<br>
                                    入稿用画像<br><strong class="text-red">最大8枚</strong></p>
                            </div>
                            @php $i = 0; @endphp
                            @foreach($portal_athome_facility as $i => $photo)
                                <div class="list__item">
                                    <img src="{{ $photo->storageLink }}">
                                </div>
                            @endforeach
                            @if($i < 9)
                                @for($j = $i; $j < 8; $j++)
                                    <div class="list__item">
                                        <div class="squa"></div>
                                    </div>
                                @endfor
                            @endif
                            <div style="clear: both"></div>
                        </div>
                        <hr class="line-black">
                        <div class="list" id="scrollbar">
                            <div class="list__item">
                                <p class="mt-4"><strong>候補画像</strong></p>
                            </div>
                            @foreach($athome_facility_do as $i => $photo)
                                <div class="list__item">
                                    <span class="fac-tick" data-num="{{ $photo->id }}"></span>
                                    <img src="{{ $photo->file_path }}">
                                </div>
                            @endforeach
                        </div>
                        <div style="clear: both"></div>
                    </main>
                    <footer id="modal_footer">
                        <button type="submit" class="c-base-tab__save">選択した候補画像をセット</button>
                        <a href="javascript:;" class="portal__closebtn modal-close">キャンセル</a>
                    </footer>
                </form>
            @endif
        @endif

    </div>
    @endif
</div>
