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

@fragments.email.html.email(atom){
  @fragments.email.html.snippet(
    atom,
    className = "guide", 
    label = data.typeLabel.getOrElse("Quick guide"), 
    headline = atom.title.getOrElse("") 
  ){ 
    <table cellspacing="0" cellpadding="0" border="0">
      <tr>
        <td width="100" valign="top">
          @for(
            img <- data.guideImage 
          ) { 
            @fragments.atoms.html.snippetImage(img) 
          } 
        </td>
        <td width="10"></td>
        <td width="470">
          @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>
          } 
        </td>
      </tr>
    
      @for( 
        img <- data.guideImage; 
        asset <- img.master; 
        credit <- asset.credit 
      ) { 
        <tr>
          <td colspan="3" class="atom--snippet__credit">
            @credit
          </td>
        </tr>
      } 
    </table>
  }
}