{#
{{ header }}
<div id="information-information" class="container">
  <ul class="breadcrumb">
    {% for breadcrumb in breadcrumbs %}
    <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
    {% endfor %}
  </ul>
  <div class="row">{{ column_left }}
    {% if column_left and column_right %}
    {% set class = 'col-sm-6' %}
    {% elseif column_left or column_right %}
    {% set class = 'col-sm-9' %}
    {% else %}
    {% set class = 'col-sm-12' %}
    {% endif %}
    <div id="content" class="{{ class }}">{{ content_top }}
      <h1>{{ heading_title }}</h1>
      <table class="table table-bordered table-striped table-hover">
	    <thead>
		  <tr>
			<th></th>
			<th>{{ text_title }}</th>
			<th>{{ text_description }}</th>
			<th>{{ text_date }}</th>
			<th class="text-right"></th>
		  </tr>
		</thead>
		<tbody>
		{% for news in all_news %}
		  <tr>
		   <td style="vertical-align:middle" class="text-center"><img src="{{ news['image'] }}" class="img-responsive center-block" /></td>
		   <td style="vertical-align:middle">{{ news.title }}</td>
		   <td style="vertical-align:middle">{{ news.description }}</td>
		   <td style="vertical-align:middle">{{ news.date_added }}</td>
		   <td style="vertical-align:middle" class="text-right"><a href="{{ news.view }}">{{ text_view }}</a></td>
		  </tr>
		{% endfor %}
		</tbody>
	  </table>
	  <div class="row">
        <div class="col-sm-6 text-left">{{ pagination }}</div>
        <div class="col-sm-6 text-right">{{ results }}</div>
      </div>
	  {{ content_bottom }}</div>
    {{ column_right }}</div>
</div>
{{ footer }}
#}
{{ header }}
<main id="news-archive">
	<h1>News</h1>
	<ol>
	{% for news in all_news %}
		<li class="news-item">
			<a href="{{ news.view }}">
				<img src="{{ news['image'] }}" alt="{{ news.title }}" />
			</a>
			<div>
				<a href="{{ news.view }}">
					<h2>{{ news.title }}</h2>
				</a>
				<time>{{ news.date_added }}</time>
				<p>{{ news.description }}</p>
			</div>
		</li>
	{% endfor %}
	</ol>
</main>
{{ footer }}