@php
    // Fake data for testing
    $building['name_full'] = 'Center for Educational Research at Stanford';
    $building['address'] = '3260 Campus Drive, Stanford, CA 94305';
    $building['featured_image'] = 'https://ed.stanford.edu/sites/default/files/styles/card_image_crop/public/page_content/gse-about-visit-educ_480w.jpeg?itok=BVME_urY';
@endphp
<details name="buildings" class="building-item" {{ $loop->first ? 'open' : '' }}>
    <summary>
        <header>
            @isset($building['featured_image'])
                <figure>
                    <img src="{{ $building['featured_image'] }}" alt="{{ $building['name'] }}">
                </figure>
            @endisset
            <hgroup>
                @svg('map-pin', 'map-pin')
                <h2>{{ $building['name'] }}</h2>
                @isset($building['name_full'])
                    <p>{{ $building['name_full'] }}</p>
                @endisset
                @svg('chevron', 'details-chevron')
            </hgroup>
        </header>
    </summary>

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

        <div class="building-spaces">
            @if(isset($building['spaces']))
                @if(isset($building['spaces']['offices']) && count($building['spaces']['offices']))
                    <div class="offices">
                        <p><strong>Offices</strong></p>
                        <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">
                        <p><strong>Auditoriums</strong></p>
                        <ul>
                            @foreach($building['spaces']['auditoriums'] as $auditorium)
                                <li>{{ $auditorium['name'] }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            @endif
        </div>

        <div class="building-link">
            <a href="{{ route('buildings.show', $building['slug']) }}" class="btn btn-sm btn-dark">Go to floor plans</a>
        </div>
    </section>
</details>