{% extends 'layout.html' %}
{% block content %}
<h2>Regions</h2>

<!-- Form to Add a New Region -->
<form method="POST" action="/api/regions">
    <input type="text" name="country" placeholder="Country" required>
    <input type="text" name="abbreviation" placeholder="Abbreviation" required maxlength="16">
    <input type="text" name="advertised_address" placeholder="Advertised Address">
    <label>
        <input type="checkbox" name="private_region"> Private Region
    </label>
    <button type="submit">Add Region</button>
</form>

<!-- Table to Display Regions -->
<table class="table table-bordered">
    <thead>
        <tr>
            <th>ID</th>
            <th>Country</th>
            <th>Abbreviation</th>
            <th>Advertised Address</th>
            <th>Private Region</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for region in regions %}
        <tr>
            <td>{{ region.id }}</td>
            <td>{{ region.country }}</td>
            <td>{{ region.abbreviation }}</td>
            <td>{{ region.advertised_address }}</td>
            <td>{{ 'Yes' if region.private_region else 'No' }}</td>
            <td><a href="/regions/delete/{{ region.id }}">Delete</a></td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}