@if(isset($building) && $building)
<article class="building-single">
    <header>
        <figure>
            @isset($building['featured_image'])
                <img src="{{ $building['featured_image'] }}" alt="{{ $building['name'] }}">
            @endisset
        </figure>
        <hgroup>
            @svg('map-pin')
            <h2>{{ $building['name'] }}</h2>
            @isset($building['description'])
                <p>{{ $building['description'] }}</p>
            @endisset
            @isset($building['address'])
                @if(is_array($building['address']))
                    <small>{{ $building['address']['street_number'] ?? '' }} {{ $building['address']['street_name'] ?? '' }}</small>
                @else
                    <small>{{ $building['address'] }}</small>
                @endif
            @endisset
        </hgroup>
    </header>

    <section>
        @isset($building['information'])
            {!! $building['information'] !!}
        @endisset

        @if(isset($building['research_centers']) && count($building['research_centers']))
            <div class="research-centers">
                <h3>Research Centers</h3>
                <ul>
                    @foreach($building['research_centers'] as $center)
                        <li>{{ $center['name'] }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        @if(isset($building['spaces']))
            @if(isset($building['spaces']['offices']) && count($building['spaces']['offices']))
                <div class="offices">
                    <h3>Offices</h3>
                    <ul>
                        @foreach($building['spaces']['offices'] as $office)
                            <li>{{ $office['name'] }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            @if(isset($building['spaces']['auditoriums']) && count($building['spaces']['auditoriums']))
                <div class="auditoriums">
                    <h3>Auditoriums</h3>
                    <ul>
                        @foreach($building['spaces']['auditoriums'] as $auditorium)
                            <li>{{ $auditorium['name'] }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
        @endif
    </section>

   <footer>
    @if(isset($building['floors']) && count($building['floors']))
        @foreach($building['floors'] as $floor)
            @php
                $open = request()->has('floor') ? (request()->get('floor') == $floor['number']) : $loop->first;
            @endphp
            <details name="floors" class="building-floor" data-floor-id="{{ $floor['number'] }}" {{ $open ? 'open' : '' }}>
                <summary>{{ $floor['name'] }}</summary>
                @if(isset($floor['rooms']) && count($floor['rooms']))
                    <ul>
                        @foreach($floor['rooms'] as $room)
                            <li data-room-id="{{ $room['room_number'] }}">
                                {{ $room['title'] ?? '' }} {{ $room['room_number'] ?? '' }}
                            </li>
                        @endforeach
                    </ul>
                @else
                    <p>No rooms available</p>
                @endif
            </details>
        @endforeach
    @endif
   </footer>
</article>
@else
    <div class="no-building">
        <p>Building data not available</p>
    </div>
@endif