{% extends "base_layout.html" %}

{% block title %}Regional Guidelines - InterroGen{% endblock %}

{% block page_content %}
<div class="heading-container">
    <h1 class="h3">Regional Guidelines</h1>
</div>

<div class="card">
    <div class="card-header">
        <i class="bi bi-globe me-2"></i>Guidelines by Country/Region
    </div>
    <div class="card-body">
        <p class="text-muted">This section will provide specific legal and procedural guidelines relevant to interrogations and reporting for different countries and regions.</p>
        
        {% if countries %}
            <div class="list-group">
                {% for country in countries %}
                    <a href="#" class="list-group-item list-group-item-action">
                        {{ country.name }} ({{ country.region }})
                        {# Placeholder for link to specific guideline details for this country #}
                        <small class="d-block text-muted">Details for {{ country.name }} coming soon.</small>
                    </a>
                {% endfor %}
            </div>
        {% else %}
            <p class="text-muted">No countries have been configured in the system yet.</p>
        {% endif %}
        
        <h5 class="mt-4">Content to be Added:</h5>
        <ul>
            <li>Details on legal frameworks for selected countries.</li>
            <li>Best practices for interrogation in different jurisdictions.</li>
            <li>Reporting standards and requirements by region.</li>
            <li>Cultural sensitivity notes.</li>
        </ul>
        <p><em>This page is currently under development. Full content will be available soon.</em></p>
    </div>
</div>

{% endblock %}

{% block scripts %}
<script>
    // Add any regional guidelines page specific JS here if needed
    console.log("Regional Guidelines page loaded");
</script>
{% endblock %}