@props([
    'building',
    'owners',
    'buildingMapEmbedUrl' => null,
    'buildingMapImageUrl' => null,
    'showInteractiveMap' => false,
    'floors',
    'units',
    'firstUnitOwnerNames' => [],
    'firstUnitUserNames' => [],
    'unitUsersCount' => [],
    'unitUsersDependentsCount' => [],
    'histories',
    'showPrintButton' => false,
    'isPrint' => false,
    'showFloors' => true,
    'showHistories' => true,
])

@php
    $ownerTypeLabels = [
        'building_owner' => 'مالك المبنى',
        'unit_owner' => 'مالك وحدة',
        'unit_user' => 'مستخدم وحدة',
    ];

    $formatArea = static function (mixed $value, bool $isPrint): string {
        if ($value === null || trim((string) $value) === '') {
            return '-';
        }

        $formatted = number_format((float) $value, $isPrint ? 0 : 2);

        return $isPrint ? $formatted.' متر مربع' : $formatted;
    };

    $showInteractiveMapCard = $showInteractiveMap && is_string($buildingMapEmbedUrl) && $buildingMapEmbedUrl !== '';
    $showImageMapCard = is_string($buildingMapImageUrl) && $buildingMapImageUrl !== '';
    $showIframeMapCard = ! $showInteractiveMap && is_string($buildingMapEmbedUrl) && $buildingMapEmbedUrl !== '';
    $hasAnyMapCard = $showInteractiveMapCard || $showImageMapCard || $showIframeMapCard;
    $showCompactOwnerCardsInPrint = $isPrint && $owners->count() <= 4;
    $northArrowImageUrl = asset('assets/images/map-north-arrow-transparent.png');
@endphp

<div class="space-y-6">
    <div class="{{ $isPrint ? 'print-first-page-block space-y-6' : 'space-y-6' }}">
        <div class="print-card print-building-data-card rounded-lg border border-input bg-background p-4">
            <h3 class="mb-4 text-base font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_a2cc4ef37b') }}</h3>

            <div style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;">
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_3170cea91a') }}</span> {{ $building->street_number }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_8d427b763b') }}</span> {{ $building->building_number }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_45b0b13699') }}</span> {{ $building->building_name ?: '-' }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_b8b881163a') }}</span> {{ $building->information_source ?: '-' }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_3fc7e739b0') }}</span> {{ $building->block_number }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_65d10605f6') }}</span> {{ $building->parcel_number }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_f4115224b3') }}</span> {{ $building->org_file_number ?: '-' }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_d57a3db817') }}</span> {{ $building->postal_code }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_f6743af449') }}</span> {{ $building->{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_2ed9f75a6a') }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_b94cbc3d79') }}</span> {{ $building->ownershipType?->name ?: '-' }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_91a0952bac') }}</span> {{ $building->buildingType?->name ?: '-' }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_32faddc3f3') }}</span> {{ $building->buildingUsage?->name ?: '-' }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_d7373a960f') }}</span> {{ optional($building->build_date)->format('Y') ?: '-' }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_29aa474636') }}</span> {{ $building->last_floor_type_names->{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_f7a208aa76') }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_ae719b3f86') }}</span> {{ $building->outStatus?->name ?: '-' }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_bf5a7d4319') }}</span> {{ $building->overallStatus?->name ?: '-' }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_e8417178da') }}</span> {{ $building->waterSource?->name ?: '-' }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_409012a828') }}</span> {{ $building->sewageSource?->name ?: '-' }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_d24cd287f9') }}</span> {{ $building->electricitySource?->name ?: '-' }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_d9aa59ab2f') }}</span> {{ $formatArea($building->area, $isPrint) }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_6a4789fdb4') }}</span> {{ data_get($building->{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_409b98b74e') }}</div>
                <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_a2e51885af') }}</span> {{ $floors->count() }} / {{ $units->count() }}</div>
            </div>
        </div>

        @if(! $isPrint)
            @if($showInteractiveMapCard)
                <div class="print-card print-top-map-card rounded-lg border border-input bg-background p-4">
                    <h3 class="mb-4 text-base font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_1f978271d3') }}</h3>

                    <div class="print-top-map-media rounded-lg border border-input bg-muted/10 p-2">
                        <iframe
                            src="{{ $buildingMapEmbedUrl }}"
                            title="{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_1f978271d3') }}"
                            class="{{ $isPrint ? 'h-full' : 'h-[560px]' }} w-full rounded-md border border-input"
                            loading="lazy"
                        ></iframe>
                    </div>
                </div>
            @elseif($showImageMapCard)
                <div class="print-card print-top-map-card rounded-lg border border-input bg-background p-4">
                    @if($isPrint)
                        <img src="{{ $northArrowImageUrl }}" alt="{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_d16c609d41') }}" class="print-map-north-arrow">
                    @endif
                    <h3 class="mb-4 text-base font-semibold print-map-title">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_e6a52d08a7') }}</h3>

                    <div class="print-top-map-media rounded-lg border border-input bg-muted/10 p-2">
                        <img
                            src="{{ $buildingMapImageUrl }}"
                            alt="{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_e6a52d08a7') }}"
                            class="building-map-image h-auto w-full rounded-md border border-input object-contain"
                        >
                    </div>
                </div>
            @elseif($showIframeMapCard)
                <div class="print-card print-top-map-card rounded-lg border border-input bg-background p-4">
                    @if($isPrint)
                        <img src="{{ $northArrowImageUrl }}" alt="{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_d16c609d41') }}" class="print-map-north-arrow">
                    @endif
                    <h3 class="mb-4 text-base font-semibold print-map-title">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_e6a52d08a7') }}</h3>

                    <div class="print-top-map-media rounded-lg border border-input bg-muted/10 p-2">
                        <iframe
                            src="{{ $buildingMapEmbedUrl }}"
                            title="{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_e6a52d08a7') }}"
                            class="{{ $isPrint ? 'h-full' : 'h-[560px]' }} w-full rounded-md border border-input"
                            loading="lazy"
                        ></iframe>
                    </div>
                </div>
            @endif
        @endif
    </div>

    @if($isPrint)
        @if($showCompactOwnerCardsInPrint)
            <div class="print-owners-map-row">
                <div class="print-owners-column">
                    <div class="print-card print-owners-card rounded-lg border border-input bg-background p-4">
                        <h3 class="mb-4 text-base font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_557e9c3ad5') }}</h3>
                        <div class="print-owner-cards">
                            @forelse($owners as $row)
                                <div class="print-owner-item">
                                    <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_3ddf596df4') }}</span> {{ $row->citizen?->national_id ?: '-' }}</div>
                                    <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_5ce2698b6e') }}</span> {{ $row->citizen?->full_name ?: '-' }}</div>
                                    <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_c646b1d114') }}</span> {{ $row->citizen?->mobile ?: '-' }}</div>
                                </div>
                            @empty
                                <div class="rounded-md border border-input px-4 py-3 text-center text-muted-foreground">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_81dee8dc41') }}</div>
                            @endforelse
                        </div>
                    </div>
                </div>

                @if($hasAnyMapCard)
                    <div class="print-map-column">
                        @if($showInteractiveMapCard)
                            <div class="print-card print-top-map-card rounded-lg border border-input bg-background p-4">
                                <h3 class="mb-4 text-base font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_1f978271d3') }}</h3>

                                <div class="print-top-map-media rounded-lg border border-input bg-muted/10 p-2">
                                    <iframe
                                        src="{{ $buildingMapEmbedUrl }}"
                                        title="{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_1f978271d3') }}"
                                        class="{{ $isPrint ? 'h-full' : 'h-[560px]' }} w-full rounded-md border border-input"
                                        loading="lazy"
                                    ></iframe>
                                </div>
                            </div>
                        @elseif($showImageMapCard)
                            <div class="print-card print-top-map-card rounded-lg border border-input bg-background p-4">
                                @if($isPrint)
                                    <img src="{{ $northArrowImageUrl }}" alt="{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_d16c609d41') }}" class="print-map-north-arrow">
                                @endif
                                <h3 class="mb-4 text-base font-semibold print-map-title">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_e6a52d08a7') }}</h3>

                                <div class="print-top-map-media rounded-lg border border-input bg-muted/10 p-2">
                                    <img
                                        src="{{ $buildingMapImageUrl }}"
                                        alt="{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_e6a52d08a7') }}"
                                        class="building-map-image h-auto w-full rounded-md border border-input object-contain"
                                    >
                                </div>
                            </div>
                        @elseif($showIframeMapCard)
                            <div class="print-card print-top-map-card rounded-lg border border-input bg-background p-4">
                                @if($isPrint)
                                    <img src="{{ $northArrowImageUrl }}" alt="{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_d16c609d41') }}" class="print-map-north-arrow">
                                @endif
                                <h3 class="mb-4 text-base font-semibold print-map-title">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_e6a52d08a7') }}</h3>

                                <div class="print-top-map-media rounded-lg border border-input bg-muted/10 p-2">
                                    <iframe
                                        src="{{ $buildingMapEmbedUrl }}"
                                        title="{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_e6a52d08a7') }}"
                                        class="{{ $isPrint ? 'h-full' : 'h-[560px]' }} w-full rounded-md border border-input"
                                        loading="lazy"
                                    ></iframe>
                                </div>
                            </div>
                        @endif
                    </div>
                @endif
            </div>
        @else
            <div class="print-card rounded-lg border border-input bg-background p-4">
                <h3 class="mb-4 text-base font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_557e9c3ad5') }}</h3>
                <x-layout.table>
                    <x-slot:thead>
                        <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_034a6156c3') }}</th>
                        <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_1c5512e61d') }}</th>
                        <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_599f177a4b') }}</th>
                        <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_48fa63806f') }}</th>
                        <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_12f649b681') }}</th>
                    </x-slot:thead>
                    @forelse($owners as $row)
                        <tr>
                            <td>{{ $ownerTypeLabels[$row->type] ?? $row->type }}</td>
                            <td>{{ $row->citizen?->national_id ?: '-' }}</td>
                            <td>{{ $row->citizen?->full_name ?: '-' }}</td>
                            <td>{{ $row->citizen?->mobile ?: '-' }}</td>
                            <td>{{ $row->notes ?: '-' }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" class="text-center text-muted-foreground">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_81dee8dc41') }}</td>
                        </tr>
                    @endforelse
                </x-layout.table>
            </div>

            @if($hasAnyMapCard)
                @if($showInteractiveMapCard)
                    <div class="print-card print-top-map-card rounded-lg border border-input bg-background p-4">
                        <h3 class="mb-4 text-base font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_1f978271d3') }}</h3>

                        <div class="print-top-map-media rounded-lg border border-input bg-muted/10 p-2">
                            <iframe
                                src="{{ $buildingMapEmbedUrl }}"
                                title="{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_1f978271d3') }}"
                                class="{{ $isPrint ? 'h-full' : 'h-[560px]' }} w-full rounded-md border border-input"
                                loading="lazy"
                            ></iframe>
                        </div>
                    </div>
                @elseif($showImageMapCard)
                    <div class="print-card print-top-map-card rounded-lg border border-input bg-background p-4">
                        @if($isPrint)
                            <img src="{{ $northArrowImageUrl }}" alt="{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_d16c609d41') }}" class="print-map-north-arrow">
                        @endif
                        <h3 class="mb-4 text-base font-semibold print-map-title">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_e6a52d08a7') }}</h3>

                        <div class="print-top-map-media rounded-lg border border-input bg-muted/10 p-2">
                            <img
                                src="{{ $buildingMapImageUrl }}"
                                alt="{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_e6a52d08a7') }}"
                                class="building-map-image h-auto w-full rounded-md border border-input object-contain"
                            >
                        </div>
                    </div>
                @elseif($showIframeMapCard)
                    <div class="print-card print-top-map-card rounded-lg border border-input bg-background p-4">
                        @if($isPrint)
                            <img src="{{ $northArrowImageUrl }}" alt="{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_d16c609d41') }}" class="print-map-north-arrow">
                        @endif
                        <h3 class="mb-4 text-base font-semibold print-map-title">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_e6a52d08a7') }}</h3>

                        <div class="print-top-map-media rounded-lg border border-input bg-muted/10 p-2">
                            <iframe
                                src="{{ $buildingMapEmbedUrl }}"
                                title="{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_e6a52d08a7') }}"
                                class="{{ $isPrint ? 'h-full' : 'h-[560px]' }} w-full rounded-md border border-input"
                                loading="lazy"
                            ></iframe>
                        </div>
                    </div>
                @endif
            @endif
        @endif
    @else
        <div class="print-card rounded-lg border border-input bg-background p-4">
            <h3 class="mb-4 text-base font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_557e9c3ad5') }}</h3>
                <x-layout.table>
                    <x-slot:thead>
                        <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_034a6156c3') }}</th>
                        <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_1c5512e61d') }}</th>
                        <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_599f177a4b') }}</th>
                        <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_48fa63806f') }}</th>
                        @if(! $isPrint)
                            <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_0f2b7ae3eb') }}</th>
                        @endif
                        <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_12f649b681') }}</th>
                    </x-slot:thead>
                    @forelse($owners as $row)
                        <tr>
                            <td>{{ $ownerTypeLabels[$row->type] ?? $row->type }}</td>
                            <td>{{ $row->citizen?->national_id ?: '-' }}</td>
                            <td>{{ $row->citizen?->full_name ?: '-' }}</td>
                            <td>{{ $row->citizen?->mobile ?: '-' }}</td>
                            @if(! $isPrint)
                                <td>{{ $row->dependents_count }}</td>
                            @endif
                            <td>{{ $row->notes ?: '-' }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="{{ $isPrint ? 5 : 6 }}" class="text-center text-muted-foreground">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_81dee8dc41') }}</td>
                        </tr>
                    @endforelse
                </x-layout.table>
        </div>
    @endif

    @if($showFloors)
    <div class="print-card floors-details-card rounded-lg border border-input bg-background p-4">
        <h3 class="mb-4 text-base font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_9a5e5003aa') }}</h3>
        @forelse($floors as $row)
            @php
                $floorUnits = $row->relationLoaded('units')
                    ? $row->units
                    : $units->where('floor_id', $row->id);
            @endphp

            <div class="floors-floor-card mb-4 rounded-lg border border-input bg-muted/15 p-4 last:mb-0">
                <h4 class="mb-3 text-sm font-semibold">بيانات الطابق رقم #{{ $row->floor_number }}</h4>

                <div style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;">
                    <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_f1493c4e72') }}</span> {{ $row->floor_number }}</div>
                    <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_4f649b9ee7') }}</span> {{ $row->units_count }}</div>
                    <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_d9aa59ab2f') }}</span> {{ $formatArea($row->area, $isPrint) }}</div>
                    <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_b02a2f1276') }}</span> {{ $row->{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_7153c34963') }}</div>
                    <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_c35f8a2fce') }}</span> {{ $row->{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_3d8419815d') }}</div>
                    <div><span class="font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_afb7e46b6e') }}</span> {{ $row->notes ?: '-' }}</div>
                </div>

                <div class="mt-4">
                    <h5 class="mb-2 text-sm font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_07afb8272f') }}</h5>
                    <x-layout.table>
                        <x-slot:thead>
                            <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_beb2ddbdbf') }}</th>
                            @if(! $isPrint)
                                <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_161d88fbda') }}</th>
                            @endif
                            <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_2acc616b36') }}</th>
                            <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_2c0a1e6de1') }}</th>
                            <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_c925ed9e4a') }}</th>
                            <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_d836d7e0e2') }}</th>
                            <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_c9c1aa8297') }}</th>
                            <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_9c4f35c425') }}</th>
                            <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_3a675b18f2') }}</th>
                            @if($isPrint)
                                <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_bd2b3f1fd1') }}</th>
                            @endif
                        </x-slot:thead>
                        @forelse($floorUnits as $unitRow)
                            <tr>
                                <td>{{ $unitRow->unit_number ?: '-' }}</td>
                                @if(! $isPrint)
                                    <td>{{ $unitRow->unit_name ?: '-' }}</td>
                                @endif
                                <td>{{ $firstUnitOwnerNames[$unitRow->id] ?? '-' }}</td>
                                <td>{{ $firstUnitUserNames[$unitRow->id] ?? '-' }}</td>
                                <td>{{ $unitRow->unitType?->name ?: '-' }}</td>
                                <td>{{ $unitRow->ownershipType?->name ?: '-' }}</td>
                                <td>{{ $unitRow->unitUsage?->name ?: '-' }}</td>
                                <td>{{ $unitRow->unitState?->name ?: '-' }}</td>
                                <td>{{ $unitRow->water_number ?: '-' }}</td>
                                @if($isPrint)
                                    <td>{{ (int) ($unitUsersDependentsCount[$unitRow->id] ?? 0) }}</td>
                                @endif
                            </tr>
                        @empty
                            <tr>
                                <td colspan="{{ $isPrint ? 9 : 9 }}" class="text-center text-muted-foreground">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_3522f1ac33') }}</td>
                            </tr>
                        @endforelse
                    </x-layout.table>
                </div>
            </div>
        @empty
            <div class="rounded-md border border-input px-4 py-3 text-center text-muted-foreground">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_81dee8dc41') }}</div>
        @endforelse
    </div>
    @endif

    @if(! $isPrint && $showHistories)
        <div class="print-card rounded-lg border border-input bg-background p-4">
            <h3 class="mb-4 text-base font-semibold">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_2d0539de69') }}</h3>

            <x-layout.table>
                <x-slot:thead>
                    <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_a2ccb9da93') }}</th>
                    <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_6af58f86fb') }}</th>
                    <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_ca0edaf69c') }}</th>
                    <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_91c89c91c6') }}</th>
                    <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_9f2f16f688') }}</th>
                    <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_e552eb21d2') }}</th>
                    <th>{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_3e08c61f6c') }}</th>
                </x-slot:thead>
                @forelse($histories as $history)
                    <tr wire:key="building-history-show-{{ $history->id }}">
                        <td>{{ $history->createdBy?->name ?: '-' }}</td>
                        <td>{{ optional($history->created_at)->format('m/d/Y h:i A') ?: '-' }}</td>
                        <td>{{ $history->floors_count }}</td>
                        <td>{{ $history->units_count }}</td>
                        <td>{{ $history->outStatus?->name ?: '-' }}</td>
                        <td>{{ $history->overallStatus?->name ?: '-' }}</td>
                        <td>{{ $history->lastFloorType?->name ?: '-' }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7" class="text-center text-muted-foreground">{{ __('modules.gis.resources_views_pages_buildings_partials_building_details_content.text_81dee8dc41') }}</td>
                    </tr>
                @endforelse
            </x-layout.table>
        </div>
    @endif

    @if($showPrintButton)
        <div class="flex justify-end gap-2">
            <a href="{{ route('gis.buildings.print', $building->id) }}" target="_blank" class="kt-btn btn-sm px-6">
                طباعة
            </a>
            <a href="{{ route('gis.buildings.create.basic', ['id' => $building->id]) }}" wire:navigate class="kt-btn btn-sm px-6 bg-green-600 text-white hover:bg-green-700">
                تعديل
            </a>
        </div>
    @endif
</div>