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

{% block title %}Organizations - LSMC Atlas{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title">Organizations</h1>
        <p class="page-subtitle">Manage organizations and tenants</p>
    </div>
    <div>
        <a href="/admin" class="btn btn-ghost">← Back to Admin</a>
        <a href="/admin/organizations/create" class="btn btn-primary">+ Create Organization</a>
    </div>
</div>

<!-- Search and Filters -->
<div class="filters-bar mb-lg">
    <form method="get" action="/admin/organizations" class="filter-form">
        <div class="filter-group">
            <label for="search">Search:</label>
            <input type="text" id="search" name="search" placeholder="Organization name..."
                   value="{{ filter.search or '' }}" class="form-input">
        </div>
        <div class="filter-group">
            <label for="org_type">Type:</label>
            <select name="org_type" id="org_type" onchange="this.form.submit()">
                <option value="">All Types</option>
                <option value="clinic" {% if filter.org_type == 'clinic' %}selected{% endif %}>Clinic</option>
                <option value="hospital" {% if filter.org_type == 'hospital' %}selected{% endif %}>Hospital</option>
                <option value="lab" {% if filter.org_type == 'lab' %}selected{% endif %}>Lab</option>
                <option value="research" {% if filter.org_type == 'research' %}selected{% endif %}>Research</option>
            </select>
        </div>
        <div class="filter-group">
            <label for="is_active">Status:</label>
            <select name="is_active" id="is_active" onchange="this.form.submit()">
                <option value="">All</option>
                <option value="true" {% if filter.is_active == 'true' %}selected{% endif %}>Active</option>
                <option value="false" {% if filter.is_active == 'false' %}selected{% endif %}>Inactive</option>
            </select>
        </div>
        <button type="submit" class="btn btn-secondary">Search</button>
        {% if filter.search or filter.org_type or filter.is_active %}
        <a href="/admin/organizations" class="btn btn-ghost">Clear</a>
        {% endif %}
    </form>
</div>

<!-- Organizations Table -->
<div class="card">
    <table class="data-table">
        <thead>
            <tr>
                <th>Name</th>
                <th>EUID</th>
                <th>Display Name</th>
                <th>Type</th>
                <th>Contact Email</th>
                <th>Status</th>
                <th>Created</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% if organizations %}
                {% for org in organizations %}
                <tr>
                    <td>
                        <a href="/admin/organizations/{{ org.euid }}" class="font-medium">{{ org.name }}</a>
                    </td>
                    <td><a class="text-mono text-sm" href="/tapdb/object/{{ org.euid }}">{{ org.euid }}</a></td>
                    <td>{{ org.display_name or '—' }}</td>
                    <td>
                        <span class="badge badge-secondary">{{ org.org_type or 'clinic' }}</span>
                    </td>
                    <td>{{ org.contact_email or '—' }}</td>
                    <td>
                        <span class="badge badge-{{ 'success' if org.is_active else 'danger' }}">
                            {{ 'Active' if org.is_active else 'Inactive' }}
                        </span>
                    </td>
                    <td>{{ org.created_at.strftime('%Y-%m-%d') if org.created_at else '—' }}</td>
                    <td>
                        <a href="/admin/organizations/{{ org.euid }}" class="btn btn-sm btn-ghost">View</a>
                        <a href="/admin/organizations/{{ org.euid }}/edit" class="btn btn-sm btn-ghost">Edit</a>
                        <form method="POST" action="/admin/organizations/{{ org.euid }}/delete" style="display: inline;">
                            <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                            <button type="submit" class="btn btn-sm btn-danger"
                                    onclick="return confirm('Delete organization {{ org.name }}? This is a soft delete and can only be recovered from the database.')">
                                Delete
                            </button>
                        </form>
                    </td>
                </tr>
                {% endfor %}
            {% else %}
                <tr>
                    <td colspan="8" class="text-center text-muted">No organizations found</td>
                </tr>
            {% endif %}
        </tbody>
    </table>
</div>
{% endblock %}