@import common.LinkTo @import layout.ContentWidths.MainMedia @import model.ContentPage @import views.support.RenderClasses @import views.support.TrailCssClasses.toneClass @()(implicit page: ContentPage, request: RequestHeader, context: model.ApplicationContext) @defining(( page.item.elements.hasMainEmbed, page.item.fields.main.nonEmpty, page.item.elements.hasMainVideo, page.item.tags.isPaidContent )) { case (hasEmbed, hasMainMedia, hasVideo, isPaidContent) =>

hasMainMedia, "photo-essay--video" -> hasVideo ), "content", "tonal", s"tonal--${toneClass(page.item)}") "> @if(isPaidContent) { @fragments.guBand() } @if(page.item.elements.hasMainPicture) { @page.item.elements.mainPicture.map(_.images).orElse(page.item.trail.trailPicture).map { picture => @fragments.image( picture = picture, classes = Seq("immersive-main-media__media"), widths = MainMedia.immersive, imageAltText = "", isImmersiveMainMedia = true ) } } else { @if(page.item.elements.hasMainVideo) { @fragments.immersiveVideo(page) } @if(hasMainMedia && !hasVideo) {

Loading header @Html(page.item.fields.main) } } @if(!page.item.elements.hasMainVideo){

} @if(!page.item.elements.hasMainVideo){

@fragments.meta.metaInline(page.item)

@Html(page.item.trail.headline)

@defining(page.item.elements.mainPicture.flatMap(_.images.masterImage)) { case Some(masterImage) => { [email protected]("triangle", "icon") @masterImage.caption.map(Html()) @if(masterImage.displayCredit && !masterImage.creditEndsWithCaption) { @masterImage.credit.map(Html()) }_ } case None => { } }

} @if(page.item.fields.standfirst.isDefined) {

@fragments.standfirst(page.item) @defining(page.item.elements.mainPicture.flatMap(_.images.masterImage)) { case Some(masterImage) => { Main image: @masterImage.caption.map(Html()) @if(masterImage.displayCredit && !masterImage.creditEndsWithCaption) { @masterImage.credit.map(Html()) } } case None => { } }

} }