{include "admin/layout.html"}

{block "content"}
<h1>Town Management</h1>

<div style="margin-bottom: 1rem;">
	<a href="/admin/towns/new" class="btn btn-primary">Add New Town</a>
</div>

<p>
	Total towns: {#towns} | Page {currentPage} of {totalPages}
</p>

{if #towns > 0}
<table>
	<thead>
		<tr>
			<th>ID</th>
			<th>Name</th>
			<th>Position</th>
			<th>Inn Cost</th>
			<th>Map Cost</th>
			<th>TP Cost</th>
			<th>Shop Items</th>
			<th>Actions</th>
		</tr>
	</thead>
	<tbody>
		{for town in towns}
		<tr>
			<td>{town.ID}</td>
			<td>{town.Name}</td>
			<td>({town.X}, {town.Y})</td>
			<td>{town.InnCost}g</td>
			<td>{town.MapCost}g</td>
			<td>{town.TPCost}g</td>
			<td>{town.ShopItemCount}</td>
			<td>
				<a href="/admin/towns/{town.ID}">Edit</a>
			</td>
		</tr>
		{/for}
	</tbody>
</table>

{if totalPages > 1}
<div class="pagination">
	{if hasPrev}
		<a href="/admin/towns?page={currentPage - 1}">← Previous</a>
	{/if}
	{if hasNext}
		<a href="/admin/towns?page={currentPage + 1}">Next →</a>
	{/if}
</div>
{/if}

{else}
<div>
	No towns found.
</div>
{/if}
{/block}