{config_load file="$language.conf" section="news"}
<link rel="stylesheet" href="{$module_path}css/style.css"/>

<h2>{#news#}</h2>

<ul data-role="listview" data-filter="false" data-inset="true" data-filter-placeholder="{#search#}">
  {foreach from=$newsfeed item=news}

  {assign var=news_header value=$news.pubDate|date_format:"%Y"}

  {if $news_header ne $prev_news_header}
  <li data-role="list-divider">{$news_header}</li>
  {assign var=prev_news_header value=$news_header}
  {/if}

  <li>
    <img src="{$module_path}/transparent.png" class="news" style="margin: 20px;  margin-left: 30px; width: 35px;">

    <div data-role="collapsible" data-inset="false" data-mini="true">
      <h3>{$news.title}</h3>

      <p style="white-space: normal;">
        {$news.description}
        <br clear="all">
        <span style="float: right">
          <a href="{$news.link}" target="_blank" data-role="button" data-inline="true" data-theme="b" data-mini="true" data-ajax="false" data-icon="arrow-r" data-iconpos="right" data-iconpos="notext">{#button_readmore#}</a>
        </span>
      </p>
    </div>

    <p class="ui-li-aside">
      <strong>
        <abbr class="timeago" title="{$news.pubDate}">{$news.pubDate}</abbr>
      </strong>
      <br/>
    </p>
  </li>
  {foreachelse}
  <li>
    <p><br>{#no_news#}</p>
  </li>
  {/foreach}
</ul>
