<metal:block metal:define-macro="listed_video" i18n:domain="p4a.video">
          <div class="media-item"
               tal:define="videoobj videoobj|options/videoobj|nothing;
                           video video|options/video|python:view.safe_video(videoobj);
                           viewurl string:${video/url}/view;
                           oddeven oddeven|video/oddeven|string:;
                           portal_url portal_url|view/portal_url;
                           portal_type video/portal_type"
               tal:attributes="class string:media-item $oddeven portal_type_$portal_type">
            <div class="item-left">
              <dl>
                <dt class="album-art" i18n:translate="label_album_art">Album Art:</dt>
                <dd class="album-art">
                  <a href="" tal:attributes="href string:$viewurl"
                     tal:condition="video/has_image"
                    ><img tal:attributes="src video/imageurlwidget"
                       alt="Video Album Art" /></a>
                  <span class="no-album-art"
                        tal:condition="not:video/has_image"  i18n:translate="label_no_video_image">No video image</span>
                </dd>
                <dt i18n:translate="label_time">Time:</dt>
                <dd tal:content="video/duration">8:30</dd>
                <dt class="type-video" i18n:translate="label_type">Type:</dt>
                <dd class="type-video" i18n:translate="label_video">Video</dd>
              </dl>
              <div class="visualClear"><!-- --></div>
            </div>
            <div class="item-content">
              <h2 class="item-title">
                <a tal:content="video/title"
                   tal:attributes="href viewurl">Video Title</a>
                <span class="relevance"
                      tal:condition="python:video['relevance'] is not None">
                  [<span tal:replace="video/relevance" />%]
                </span>
              </h2>

              <p class="author-byline" i18n:translate="label_posted">Posted <span tal:replace="python: video['creation_time']" i18n:name="date" /> by <a href=""
               tal:attributes="href string:$portal_url/author/${video/content_author}"
               tal:content="python: len(video['content_author_name']) and video['content_author_name'] or video['content_author']" i18n:name="author" /></p>

              <p class="item-description">
                <span tal:replace="video/description"></span>
                &nbsp;&nbsp;<a href=""
                               tal:attributes="href viewurl" i18n:translate="label_more">More</a>
              </p>

              <dl>
                <tal:block tal:condition="view/has_contenttagging_support">
                  <dt class="tag" i18n:translate="label_tags">Tags:</dt>
                  <dd class="tag" tal:repeat="tag video/tags">
                    <a href=""
                       tal:attributes="href tag/url"
                       tal:content="tag/name">sometag</a>
                  </dd>
                </tal:block>
               </dl>
        <tal:block tal:condition="view/has_contentrating_support">
          <dt class="rating" i18n:translate="label_ratings">Ratings:</dt>
          <dd tal:define="avg video/avgrating;
                          stars python:range(1, 6);
                          star_icon string:/++resource++star_icon.gif;
                          blank_star_icon string:/++resource++blank_star_icon.gif;">
			<span i18n:translate="label_rating_s"> <tal:ratings i18n:name="ratings" tal:content="video/rating_count" /> rating(s)</span> &nbsp;&nbsp;
            <img tal:repeat="star python:range(1, 6)"
                 tal:attributes="src python:avg &lt; star and blank_star_icon or star_icon;
              alt star" />
          </dd>
        </tal:block>
        <dt class="commenting" i18n:translate="label_comments">Comments:</dt>
        <dd><a href="" tal:attributes="href viewurl">
          <span tal:replace="video/commenting_count"></span>
          comment(s)</a>
        </dd>
        </div>
        <div class="visualClear"><!-- --></div>
      </div>
</metal:block>
