@(atom: com.gu.contentatom.thrift.Atom
, data: com.gu.contentatom.thrift.atom.guide.GuideAtom
)(implicit conf: com.gu.contentatom.renderer.ArticleConfiguration)

@fragments.atoms.html.snippet(
  atom.id,
  className = "guide",
  label = data.typeLabel.getOrElse("Quick guide"),
  headline = atom.title.getOrElse("")
){
  @for(img <- data.guideImage ) {
    @fragments.atoms.html.snippetImage(img)
  }

  @for(item <- data.items) {
    <div class="atom--snippet__item">
      @item.title.map { t =>
        <div class="atom--snippet__heading"><b>@t</b></div>
      }
      @Html(item.body)
    </div>
  }

  @for(
     img <- data.guideImage;
     asset <- img.master;
     credit <- asset.credit
  ) {
    <div class="atom--snippet__credit">
      <span class="inline-icon">@fragments.icons.html.info()</span>
      @credit
    </div>
  }
}