<style>
    /* General Styles */
    body {
        margin: 0;
        padding: 0;
    }

    .photo-container {
        width: 100%;
        margin-bottom: 10px;
        clear: both;
        page-break-inside: avoid;
    }

    .photo-row {
        width: 100%;
        clear: both;
        page-break-inside: avoid;
    }

    .photo-item {

        box-sizing: border-box;
        page-break-inside: avoid;
    }

    .photo-item:nth-child(2n) {
        margin-right: 0;
    }

    /* Image Styling */
    .photo-item img {
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 400px;
        object-fit: contain;
        background-color: #f0f0f0;
        border-radius: 5px;
    }

    /* Clearfix */
    .clearfix::after {
        content: "";
        clear: both;
        display: table;
    }

    /* Media Print */
    @media print {
        table {
            width: 100%;
            border-collapse: collapse;
        }

        td {
            vertical-align: top;
            text-align: center;
            page-break-inside: avoid;
        }

        .photo-image {
            height: 400px;
            max-height: 400px;
        }

        .page-break {
            page-break-after: always;
        }
    }
</style>

@isset($basicData['foto'])
    @php
        $photos = $formFoto['upload_foto'] ?? [];
        if (!is_array($photos)) {
            $photos = [];
        }
        $groupedPhotos = collect($photos)->groupBy('category');

        $mainPhotos = $groupedPhotos->filter(fn($_, $key) => strtolower($key) !== 'lainnya');
        $otherPhotos = $groupedPhotos->get('lainnya', collect());
    @endphp

    @if ($groupedPhotos->isEmpty())
        <p class="text-gray-500">Tidak ada foto yang tersedia.</p>
    @else
        @foreach ($mainPhotos as $category => $photos)
            @php
                $groupedBySubcategory = $photos->groupBy('sub');
            @endphp

            @foreach ($groupedBySubcategory as $subcategory => $subPhotos)
                @if (count($subPhotos) > 0)
                    @foreach ($subPhotos->chunk(2) as $chunkedPhotos)
                        <table width="100%" border="0"
                            style="align-content: center; text-align: center; margin-bottom: 20px">
                            @foreach ($chunkedPhotos as $item)
                                @php
                                    $imagePath = storage_path('app/public/' . $item['path']);
                                @endphp
                                <tr>
                                    <td style="width: 100%; padding: 10px;" class="photo-item border">
                                        <p style="font-weight: medium; font-size: 10px">{{ $category }} -
                                            @isset($subcategory)
                                                @if (trim($subcategory) !== '')
                                                    {{ $subcategory }} -
                                                @endif
                                            @endisset
                                            {{ $item['name'] ?? '' }}
                                        </p>
                                        @if ($statusLpj || file_exists($imagePath))
                                            <img src="{{ $imagePath }}" alt="{{ $item['path'] }}" class="photo-image">
                                        @endif
                                        @isset($item['description'])
                                            <p style="font-size:9px">{{ $item['description'] }}</p>
                                        @endisset
                                    </td>
                                </tr>
                            @endforeach
                            @if (count($chunkedPhotos) < 2)
                                <tr style="width: 100%;"></tr>
                            @endif
                        </table>
                        <div class="page-break"></div>
                    @endforeach
                @endif
            @endforeach
        @endforeach

        @if (!$otherPhotos->isEmpty())
            @foreach ($otherPhotos->groupBy('sub') as $subcategory => $subPhotos)
                @if (count($subPhotos) > 0)
                    @foreach ($subPhotos->chunk(2) as $chunkedPhotos)
                        <table width="100%" border="0"
                            style="align-content: center; text-align: center; margin-bottom: 20px">
                            @foreach ($chunkedPhotos as $item)
                                @php
                                    $imagePath = storage_path('app/public/' . $item['path']);
                                @endphp
                                <tr>
                                    <td style="width: 100%; padding: 10px;" class="photo-item border">
                                        <p style="font-weight: medium; font-size: 10px">Lainnya -
                                            @isset($subcategory)
                                                @if (trim($subcategory) !== '')
                                                    {{ $subcategory }} -
                                                @endif
                                            @endisset
                                            {{ $item['name'] ?? '' }}
                                        </p>
                                        @if ($statusLpj || file_exists($imagePath))
                                            <img src="{{ $imagePath }}" alt="{{ $item['path'] }}" class="photo-image">
                                        @endif
                                        @isset($item['description'])
                                            <p style="font-size:9px">{{ $item['description'] }}</p>
                                        @endisset
                                    </td>
                            @endforeach
                            </tr>
                            @if (count($chunkedPhotos) < 2)
                                <tr style="width: 100%;"></tr>
                            @endif
                        </table>
                    @endforeach
                @endif
            @endforeach
        @endif
    @endif
@endisset
