{% extends "base.html" %}
{% set active_nav = "admin" %}

{% block title %}Sites - Admin - LSMC Atlas{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <a href="/admin" class="text-sm text-muted">&larr; Back to Admin</a>
        <h1>Sites (Origin Locations)</h1>
    </div>
    <a href="/admin/sites/create" class="btn btn-primary">+ New Site</a>
</div>

<!-- Sites Table -->
<div class="card">
    {% if sites and sites|length > 0 %}
    <table class="table">
        <thead>
            <tr>
                <th>Name</th>
                <th>Organization</th>
                <th>EUID</th>
                <th>Code</th>
                <th>Address</th>
                <th>Contact</th>
                <th>Status</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for site in sites %}
            <tr>
                <td><strong><a href="/admin/sites/{{ site.id }}">{{ site.name }}</a></strong></td>
                <td>
                    <a href="/admin/organizations/{{ site.organization_euid }}">
                        {{ site.organization_name or site.organization_euid }}
                    </a>
                </td>
                <td><a class="text-mono text-sm" href="/tapdb/object/{{ site.id }}">{{ site.id }}</a></td>
                <td>{{ site.site_code or '-' }}</td>
                <td>
                    {% if site.address %}
                    {{ site.address.get('city', '') }}{% if site.address.get('state') %}, {{ site.address.get('state') }}{% endif %}
                    {% else %}
                    <span class="text-muted">-</span>
                    {% endif %}
                </td>
                <td>
                    {% if site.contact_email %}
                    <a href="mailto:{{ site.contact_email }}">{{ site.contact_email }}</a>
                    {% else %}
                    <span class="text-muted">-</span>
                    {% endif %}
                </td>
                <td>
                    <span class="badge badge-{{ 'success' if site.is_active else 'default' }}">
                        {{ 'Active' if site.is_active else 'Inactive' }}
                    </span>
                </td>
                <td>
                    <a href="/admin/sites/{{ site.id }}/edit" class="btn btn-sm btn-secondary">Edit Site</a>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% else %}
    <div class="empty-state">
        <p class="text-muted">No sites configured</p>
        <a href="/admin/sites/create" class="btn btn-primary mt-md">Create First Site</a>
    </div>
    {% endif %}
</div>
{% endblock %}