.page--single.f-col.between
gallery(v-if="activeGalleryIndex >= 0" :activeImageIndex="activeImageIndex" :images="imagesInGallery" @close="closeGallery")
article.w-max.f-grow.shadow(v-if="!singlePost || loading")
header
p loading...
article(v-else).w-max.f-grow.shadow
header
//- breadcrumb links at top of page, needs link routing
breadcrumb(:type="type" :post="singlePost")
h1.t-b {{ singlePost.title }}
//- p(v-if="singlePost.categories") categories: {{ singlePost.categories }}
//- p(v-if="singlePost.type") type: {{ singlePost.type }}
//- p(v-if="singlePost.subtypes") subtypes: {{ singlePost.subtypes }}
.date-info.t-cntr(v-if="['exhibition', 'event'].includes(type)")
//- for events display: date, time-time
h4(v-if="singlePost.start, singlePost.end && type == 'event'") {{ dateFrom(singlePost.start, type == 'event') }} - {{ dateFrom(singlePost.end, type == 'event').split(',')[1] }}
//- else for single, exhibition: date-date
h4(v-else-if="singlePost.start, singlePost.end") {{ dateFrom(singlePost.start, type == 'event') }} - {{ dateFrom(singlePost.end, type == 'event') }}
//- WP main content
section.content(v-html="singlePost.content")
//- related artists section for episodes
section(v-if="type === 'episode' && post").related-artists
h2.t-up featured in this episode
ul
li.f-row.between(v-for="artist in p2pPostsByType['artist']")
card(:content="artist" type="artist" :wide="true" :hide-type="true")
credits(v-if="type === 'episode' && singlePost" :post="singlePost")
//- end of article icon
footer.f-col
img(src="../star.svg")
sidebar(:type="`${type}`" layout="single" :related="p2pPostsByType")