@props(['resources'])

<section class="developer-panel" aria-labelledby="developer-resources-heading">
    <h2 id="developer-resources-heading">Developer resources</h2>
    <div class="resource-grid">
        @foreach ($resources as $resource)
            @if ($resource->url !== null)
                <a href="{{ $resource->external ? $resource->url : request()->getBaseUrl().$resource->url }}" @if($resource->external) rel="noopener noreferrer" @endif>
                    <strong>{{ $resource->label }}</strong>
                    @if($resource->description)<small>{{ $resource->description }}</small>@endif
                    @if($resource->format)<small>Open · {{ $resource->format }}</small>@endif
                </a>
            @else
                <span>
                    <strong>{{ $resource->label }}</strong>
                    <small>{{ $resource->description ?: 'Not yet available.' }}</small>
                </span>
            @endif
        @endforeach
    </div>
</section>