{#
    The office. Hand-authored geometry: `svgElementId` on each Resource is the key that ties a
    database row to a shape here, so a resource whose id is missing from the map is simply not
    drawn (and vice versa) -- app:seed and this map have to agree.

    Box height is set by what goes inside it, not by taste: _spot.html.twig puts the label at
    +18 and up to three lines at +34, +47 and +60, so 86 leaves a comfortable margin below the
    last one. Changing MAX_LINES there means changing the height here.

    Found by convention from ResourceType::DESK->value, see board/_floorplan.html.twig.
#}
{% import 'board/plan/_spot.html.twig' as plan %}

{% set geometry = {
    'desk-01': { x:  40, y:  50 }, 'desk-02': { x: 200, y:  50 }, 'desk-03': { x: 360, y:  50 },
    'desk-04': { x:  40, y: 155 }, 'desk-05': { x: 200, y: 155 }, 'desk-06': { x: 360, y: 155 },
    'desk-07': { x:  40, y: 260 }, 'desk-08': { x: 200, y: 260 }, 'desk-09': { x: 360, y: 260 },
    'desk-10': { x:  40, y: 365 }, 'desk-11': { x: 200, y: 365 }, 'desk-12': { x: 360, y: 365 }
} %}
{% set time_params = selected_time.allDay ? {} : { from: selected_time.start, to: selected_time.end } %}

<svg viewBox="0 0 520 486" class="w-full h-auto" role="group" aria-label="Raumplan Büro">
    <rect x="10" y="18" width="500" height="448" rx="8" class="fill-white stroke-gray-300" stroke-width="2"></rect>
    <text x="20" y="12" class="fill-gray-400 text-xs font-semibold">Büro</text>

    {% for resource in resources %}
        {% if resource.svgElementId and geometry[resource.svgElementId] is defined %}
            {{ plan.spot(spots[resource.id], geometry[resource.svgElementId], 140, 86,
                selected_date, is_past, time_params) }}
        {% endif %}
    {% endfor %}
</svg>