@import common.commercial.hosted.HostedGalleryPage @import views.html.hosted._ @(page: HostedGalleryPage)(implicit request: RequestHeader, context: model.ApplicationContext) @mainLegacy(page, Some("commercial")) { } {

@guardianHostedHeader("hosted-gallery-page", page)

@for(image <- page.images.headOption) { @guardianHostedGalleryImage(image, if(page.standfirst.trim.isEmpty) {""} else {

{page.title}

{page.standfirst}

}.toString) } @for(i <- page.images.indices.drop(1)) { @guardianHostedGalleryImage(page.images(i)) }

@for(i <- page.images.indices) {

} @guardianHostedGalleryCta(page.cta.label, page.cta.url, page.cta.btnText) @fragments.inlineSvg("arrow-right", "icon", List("inline-arrow-up"))

1/@page.images.length @fragments.inlineSvg("arrow-right", "icon", List("inline-arrow-down")) @guardianHostedGalleryOj(page.cta)

@for(i <- page.images.indices) {

@fragments.inlineSvg("camera", "icon", List("inline-camera inline-icon ")) @page.images(i).title

@Html(page.images(i).caption) @if(page.images(i).caption.nonEmpty && page.images(i).credit.nonEmpty) {
} @page.images(i).credit

} i @fragments.inlineSvg("cross", "icon", List("inline-cross inline-icon "))

}