<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">

<title>
Proceedings Issue
</title>

<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
rel="stylesheet">

</head>

<body class="bg-light">

<div class="container py-5">

<div class="card border-0 shadow-sm mb-4">

<div class="card-body">

<h2>

Volume
<?= htmlspecialchars($issue['volume_no']) ?>

Issue
<?= htmlspecialchars($issue['issue_no']) ?>

</h2>

<div class="text-muted">

Publication Year:
<?= htmlspecialchars($issue['publication_year']) ?>

</div>

</div>

</div>

<div class="card border-0 shadow-sm">

<div class="card-header bg-primary text-white">

Table of Contents

</div>

<div class="card-body">

<table class="table table-hover">

<thead>

<tr>

<th>#</th>

<th>Title</th>

<th>DOI</th>

<th>Pages</th>

</tr>

</thead>

<tbody>

<?php foreach($articles as $a): ?>

<tr>

<td>
<?= (int)$a['article_order'] ?>
</td>

<td>
<?= htmlspecialchars($a['title']) ?>
</td>

<td>
<?= htmlspecialchars($a['doi']) ?>
</td>

<td>

<?= htmlspecialchars($a['page_from']) ?>
-
<?= htmlspecialchars($a['page_to']) ?>

</td>

</tr>

<?php endforeach; ?>

</tbody>

</table>

</div>

</div>

</div>

</body>
</html>
