{% load i18n %}
<div id="location-picker" {% if oob %}hx-swap-oob="true"{% endif %}>
    <div class="mb-1 flex items-center justify-between">
        <label class="text-xs font-semibold text-muted" for="{{ location_picker.location.id_for_label }}">{% trans "Location" %}</label>
        <button type="button" class="font-display text-[11px] font-extrabold tracking-wide text-club uppercase" @click="showLocationModal = true">{% trans "+ New" %}</button>
    </div>
    {{ location_picker.location }}
</div>