<main class="details fixed">
	<section class="flex flex-no-wrap">
		<div>
			<img class="cover" src="<?= $urlGenerator->assetUrl('images/manga', "{$data['id']}.jpg") ?>" alt="<?= $data['title'] ?> cover image" />
			<br />
			<br />
			<table>
				<tr>
					<td>Manga Type</td>
					<td><?= $data['manga_type'] ?></td>
				</tr>
				<tr>
					<td>Volume Count</td>
					<td><?= $data['volume_count'] ?></td>
				</tr>
				<tr>
					<td>Chapter Count</td>
					<td><?= $data['chapter_count'] ?></td>
				</tr>
				<tr>
					<td>Genres</td>
					<td>
						<?= implode(', ', $data['genres']); ?>
					</td>
				</tr>
			</table>
		</div>
		<div>
			<h2><a rel="external" href="<?= $data['url'] ?>"><?= $data['title'] ?></a></h2>
			<?php foreach($data['titles'] as $title): ?>
				<h3><?= $title ?></h3>
			<?php endforeach ?>

			<br />
			<p><?= nl2br($data['synopsis']) ?></p>
		</div>
	</section>

	<?php if (count($characters) > 0): ?>
	<h2>Characters</h2>
	<section class="media-wrap">
	<?php foreach($characters as $id => $char): ?>
		<?php if ( ! empty($char['image']['original'])): ?>
		<article class="character">
			<?php $link = $url->generate('character', ['slug' => $char['slug']]) ?>
			<div class="name">
				<?= $helper->a($link, $char['name']); ?>
			</div>
			<a href="<?= $link ?>">
			<?= $helper->img($urlGenerator->assetUrl('images/characters', "{$id}.jpg"), [
				'width' => '225'
			]) ?>
			</a>
		</article>
		<?php endif ?>
	<?php endforeach ?>
	</section>
	<?php endif ?>
</main>