@import common.{LinkTo, Localisation} @import layout.ContentWidths.MainMedia @import model.Badges.badgeFor @import model.ContentPage @import views.support.RenderClasses @import views.support.TrailCssClasses.toneClass @import views.support.ImmersiveMainCleaner @()(implicit page: ContentPage, request: RequestHeader, context: model.ApplicationContext) @defining(( page.item.tags.isTheMinuteArticle, page.item.elements.hasMainEmbed, page.item.fields.main.nonEmpty, page.item.tags.series.headOption, page.item.tags.isPaidContent )) { case (isTheMinuteArticle, hasEmbed, hasMainMedia, optSeries, isPaidContent) =>

isTheMinuteArticle, "content--immersive-article-without-main-media" -> !hasMainMedia, "immersive-main-media" -> hasMainMedia ), "content", "content--immersive", "content--immersive-article", "tonal", s"tonal--${toneClass(page.item)}") "> @if(isTheMinuteArticle) { @badgeFor(page.item).map { badge => View more @Localisation(page.item.content.sectionLabelName.getOrElse("")) articles } }

@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(hasMainMedia) {

Loading header @page.item match { case article: model.Article => { @ImmersiveMainCleaner(article, article.fields.main) } case content => { @Html(content.fields.main) } } } } @if(isTheMinuteArticle) {

} (!isTheMinuteArticle && hasMainMedia), "immersive-main-media__headline-container" -> hasMainMedia )) "> @if(!isTheMinuteArticle) { @fragments.meta.metaInline(page.item) }

isTheMinuteArticle, "content__headline--immersive--with-main-media" -> hasMainMedia, "content__headline--advertisement" -> isPaidContent ), "content__headline", "content__headline--immersive", "content__headline--immersive-article") "> @if(isTheMinuteArticle) { @optSeries.map { series => The Minute - @fragments.inlineSvg("minute-logo", "logo") }.getOrElse { The Minute - @fragments.inlineSvg("minute-logo", "logo") } } @Html(page.item.trail.headline)

@if(isTheMinuteArticle) { @if(page.item.trail.shouldHidePublicationDate) { @fragments.meta.dateline(page.item.trail.webPublicationDate, page.item.fields.lastModified, page.item.content.hasBeenModified, page.item.fields.firstPublicationDate, page.item.tags.isLiveBlog, page.item.fields.isLive, isTheMinuteArticle) } @if(page.item.fields.standfirst.isDefined) { @fragments.standfirst(page.item) } } @if(!isTheMinuteArticle && page.item.fields.standfirst.isDefined) { @fragments.standfirst(page.item) } @if(!isTheMinuteArticle) { }

@if(page.item.fields.standfirst.isDefined && !isTheMinuteArticle) { @fragments.standfirst(page.item) } }