{% extends "base.html" %}
{% set active_nav = "my-organization" %}

{% block title %}Sites - My Organization - LSMC Atlas{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title">Sites</h1>
        <p class="page-subtitle">{{ revision.name }}</p>
    </div>
    <div>
        <a href="/my-organization" class="btn btn-ghost">← Back to Organization</a>
        {% if user.is_org_admin %}
        <a href="/my-organization/sites/new" class="btn btn-secondary">+ Add Site</a>
        {% endif %}
    </div>
</div>

<div class="card">
    {% if sites %}
    <div class="table-container">
        <table class="table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Site Code</th>
                    <th>Address</th>
                    <th>Contact Email</th>
                    <th>Contact Phone</th>
                    <th>Bloom Config</th>
                    <th>Status</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for site in sites %}
                <tr>
                    <td>{{ site.name }}</td>
                    <td class="text-mono">{{ site.site_code or '—' }}</td>
                    <td>
                        {% if site.city and site.state %}
                        {{ site.city }}, {{ site.state }}
                        {% else %}
                        —
                        {% endif %}
                    </td>
                    <td>{{ site.contact_email or '—' }}</td>
                    <td>{{ site.contact_phone or '—' }}</td>
                    <td>
                        {% if site.bloom_config_enabled %}
                        <span class="badge badge-success">Site Override</span>
                        {% else %}
                        <span class="badge badge-secondary">Org Default</span>
                        {% endif %}
                    </td>
                    <td>
                        <span class="badge badge-{{ 'success' if site.is_active else 'danger' }}">
                            {{ 'Active' if site.is_active else 'Inactive' }}
                        </span>
                    </td>
                    <td><a href="/my-organization/sites/{{ site.id }}" class="btn btn-sm btn-ghost">View</a></td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% else %}
    <div class="card-body text-center text-muted">
        <p>No sites found in your organization.</p>
        {% if user.is_org_admin %}
        <a href="/my-organization/sites/new" class="btn btn-secondary mt-md">Add First Site</a>
        {% endif %}
    </div>
    {% endif %}
</div>
{% endblock %}