<div id="tod"
     i18n:domain="ploneintranet"
>
  <form class="pat-inject ${view/css_class}"
        id="canvas-banner"
        action="${here/absolute_url}/@@${view/__name__}#canvas-banner"
        method="post"
        data-pat-inject="target: self::element; source: #canvas-banner::element"
        tal:define="
          tip nocall:view/tip;
          dummy context/@@http-cache-headers|nothing;
        "
        tal:condition="python: not view.is_posting() and tip"
  >
    <article class="pat-rich">
      <figure class="image"
              tal:condition="view/has_hero"
      >
        <img src="${tip/absolute_url}/@@images/image/preview" />
      </figure>
      <section class="content">
        <h2 class="title">${tip/Title}</h2>
        <p>${tip/description}</p>
        <p class="read-more">
          <a class="pat-inject"
             href="${here/absolute_url}/@@${view/__name__}?read=${tip/UID}&amp;_authenticator=${here/@@authenticator/token}"
             data-pat-inject="history: record; source: #portal; target: #portal"
          >
            <tal:i18n i18n:translate="">Read more&hellip;</tal:i18n>
            <span hidden
                  i18n:translate=""
            >about</span>
            <span hidden>${tip/Title}</span>
          </a>
        </p>
      </section>
    </article>
    <input name="uid"
           type="hidden"
           value="${tip/UID}"
    />
    <button class="close-message"
            type="submit"
            value="close"
            i18n:translate=""
    >Close this message</button>
  </form>
  <div class="feedback"
       id="canvas-banner"
       tal:condition="view/is_posting"
  >
    <p i18n:translate="">
      Message closed. You may find this message back at any time in the future in the
      <a href="${here/portal_url}/news"
         i18n:name="link"
      >News</a>
      section.
    </p>
  </div>
</div>
