## =============================================================================
## Velocity blurb template
## =============================================================================
##
## You can use this template as a base when you want to create
## blurbs with a custom Velocity template.
##
## Adjust the metadata identifiers for title/image/description if needed.
## 
## =============================================================================

#set ($propertyUtil = $sitevisionUtils.propertyUtil)
#set ($scriptUtil = $sitevisionUtils.scriptUtil)

#set($empty = "https://")

#if ($node)
  #set ($metadataTitle = $scriptUtil.getNonNull($propertyUtil.getString($node, 'lpBannerTitle')))
  #set ($metadataDescription = $scriptUtil.getNonNull($propertyUtil.getString($node, 'lpBannerDescription')))

  #if ($metadataTitle && $metadataTitle != '')
    #set ($title = $metadataTitle)
  #end

  #if ($metadataDescription && $metadataDescription != '')
    #set ($description = $metadataDescription)
  #end
#end


#if ($uri == $empty)
<div class="lp-app-blurbs-list__item__inner">
  <div class="lp-app-blurbs-list__item-content">
    #if ($headingFont && $headingFont.tagName)
      <$!headingFont.tagName class="lp-app-blurbs-list__item-heading $!headingFont.selectorText">
        <span>$!title</span>
      </$!headingFont.tagName>
    #else
      <h2 class="lp-app-blurbs-list__item-heading"><span>$!title</span></h2>
    #end
    <p class="lp-app-blurbs-list__item-desc"><span>$!description</span></p>
  </div>
</div>
#else
<a href="$!uri" class="lp-app-blurbs-list__item__inner">
  <div class="lp-app-blurbs-list__item-content">
    #if ($headingFont && $headingFont.tagName)
      <$!headingFont.tagName class="lp-app-blurbs-list__item-heading $!headingFont.selectorText">
        <span>$!title</span>
      </$!headingFont.tagName>
    #else
      <h2 class="lp-app-blurbs-list__item-heading"><span>$!title</span></h2>
    #end
    <p class="lp-app-blurbs-list__item-desc"><span>$!description</span></p>
    <i aria-hidden="true" class="lp-app-blurbs-list__item-arrow"></i>
  </div>
</a>

#end