layout: event_subpage title: Lodging map:
id: accommodation-map
{% assign event = site.data.events %}
<div class=“accommodation-option-list”>
{% for opt in event.accommodation_options %} <article class="accommodation-option"> <header> <h2 class="title"> {% if opt.lon and opt.lat %} <span data-map-marker data-map-id="{{ layout.map.id }}" data-map-marker-id="{{ opt.name }}" data-map-marker-coords='{"lon": {{ opt.lon }}, "lat": {{ opt.lat }}}' data-map-marker-place-details='{"title": "{{ opt.name }}"}'> {{ opt.name }} </span> {% else %} {{ opt.name }} {% endif %} </h2> {% if opt.feature_label %} <div class="feature"> {{ opt.feature_label }} </div> {% endif %} {% if opt.address %} <p class="address"><a href="https://maps.google.com/?q={{ opt.name }} {{ opt.address | escape }}" target="_blank">{{ opt.address }}</a> {% endif %} </header> {% if opt.details %} <section class="details"> {{ opt.details | asciidocify }} </section> {% endif %} {% if opt.room_rate_range %} <section class="room-rate-range"> <p>Typical room rates: <p class="price">{{ opt.room_rate_range }} </section> {% endif %} {% if opt.rooms %} <section class="rooms"> <p> Room rates: </p> {% for room in opt.rooms %} <article class="room"> <p class="price"> {{ room.rates.nightly.amount }} per night ({{ room.desc }}). </article> {% endfor %} </section> {% endif %} {% if opt.actions %} <footer class="actions"> {% for action in opt.actions %} <div class="action {% if action.disabled %}disabled{% endif %} {% if action.description %}with-description{% endif %}" title="{{ action.description }}"> {% if action.link %} <a href="{{ action.link }}">{{ action.label }}</a> {% else %} <span>{{ action.label }}</span> {% endif %} </div> {% endfor %} </footer> {% endif %} </article> {% endfor %}
</div>