<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Event Annotated Agenda Printable</title>
<link rel="stylesheet" type="text/css" href="{{ asset('css/printable.css') }}">
</head>
<body>
<h1>{{ data.event.title }}</h1>
<h3>
{% if data.event.startOn|date("m") != data.event.endOn|date("m") %}
{% if data.event.startOn|date("Y") != data.event.endOn|date("Y") %}
{{ data.event.startOn|date("d F Y") ~ ' - ' ~ data.event.endOn|date("d F Y") }},
{% else %}
{{ data.event.startOn|date("d F") ~ ' - ' ~ data.event.endOn|date("d F Y") }},
{% endif %}
{% elseif data.event.startOn == data.event.endOn %}
{{ data.event.startOn | date("d F Y") }}
{% else %}
{{ data.event.startOn | date("d") ~ ' - ' ~ data.event.endOn | date("d F Y") }},
{% endif %}{{ data.address | raw }}
</h3>
<h3>Annotated Agenda</h3>
<table data-toggle="table" data-show-print="true" >
<tbody>
{% set start = {'idAgendaitem': ''} %}
{% for agenda in data.agenda %}
{% if start.idAgendaitem | first != agenda.idAgendaitem|first %}
<tr class="spacing-2x-annon">
<td width="200px">
<strong>{{ agenda.idAgendaitem }}</strong>
</td>
<td><strong>{{ agenda.title }}</strong></td>
</tr>
{% else %}
<tr class="spacing-annon">
<td width="200px">
{{ agenda.idAgendaitem }}
</td>
<td>{{ agenda.title }}</td>
</tr>
{% endif %}
{% set start = agenda %}
{% endfor %}
</tbody>
</table>
</body>
</html>