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

{% block title %}{{ organization.name }} - LSMC Atlas{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title">{{ organization.name }}</h1>
        <p class="page-subtitle">Organization Details</p>
    </div>
    <div>
        <a href="/admin/organizations" class="btn btn-ghost">← Back to Organizations</a>
        <a href="/admin/organizations/{{ organization.euid }}/edit" class="btn btn-secondary">Edit</a>
        <form method="POST" action="/admin/organizations/{{ organization.euid }}/delete" style="display: inline;">
            <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
            <button type="submit" class="btn btn-danger"
                    onclick="return confirm('Delete organization {{ revision.name }}? This is a soft delete and can only be recovered from the database.')">
                Delete
            </button>
        </form>
    </div>
</div>

<div class="card mb-lg">
    <div class="card-header">
        <h2 class="card-title">Bloom Integration</h2>
    </div>
    <div class="card-body">
        <div id="bloom-connection-status" data-bloom-connection-status="{{ bloom_connection_status.state }}" class="mb-md">
            <p class="mb-sm">
                <strong>Connection Status:</strong>
                <span class="badge badge-{{ bloom_connection_status.badge }}">{{ bloom_connection_status.label }}</span>
            </p>
            <p class="text-sm text-muted">{{ bloom_connection_status.detail }}</p>
        </div>
        <p class="text-sm text-muted mb-md">
            Required Atlas fields for Bloom API access:
            <code>bloom_base_url</code>,
            <code>bloom_api_key_secret_ref</code>,
            <code>bloom_webhook_secret_ref</code>.
        </p>
        <form method="POST" action="/admin/organizations/{{ organization.euid }}/integrations/bloom">
            <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
            <div class="grid grid-cols-2 gap-lg">
                <div class="form-group">
                    <label class="form-label" for="admin-org-bloom-enabled">Enabled</label>
                    <select id="admin-org-bloom-enabled" name="enabled" class="form-input">
                        <option value="true" {% if org_bloom_config and org_bloom_config.enabled %}selected{% endif %}>Enabled</option>
                        <option value="false" {% if not org_bloom_config or not org_bloom_config.enabled %}selected{% endif %}>Disabled</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label" for="admin-org-bloom-service-user">Service User</label>
                    <input id="admin-org-bloom-service-user" name="bloom_service_user" class="form-input" value="{{ org_bloom_config.bloom_service_user if org_bloom_config else '' }}">
                    <p class="form-hint">Optional service account/user label used for Bloom-side audit context.</p>
                </div>
                <div class="form-group">
                    <label class="form-label" for="admin-org-bloom-base-url">Bloom Base URL</label>
                    <input id="admin-org-bloom-base-url" name="bloom_base_url" class="form-input" value="{{ org_bloom_config.bloom_base_url if org_bloom_config else '' }}">
                    <p class="form-hint">Bloom API host Atlas will call (example: <code>https://bloom.example.org</code>).</p>
                </div>
                <div class="form-group">
                    <label class="form-label" for="admin-org-bloom-key-ref">API Key Secret Ref / Token</label>
                    <input id="admin-org-bloom-key-ref" name="bloom_api_key_secret_ref" class="form-input" value="{{ org_bloom_config.bloom_api_key_secret_ref if org_bloom_config else '' }}">
                    <p class="form-hint">Per-tenant Bloom token source. Supported values: direct <code>blm_...</code> token, <code>env:MY_BLOOM_KEY</code>, or <code>file:/path/to/secret</code>.</p>
                </div>
                <div class="form-group">
                    <label class="form-label" for="admin-org-bloom-webhook-ref">Webhook Secret Ref</label>
                    <input id="admin-org-bloom-webhook-ref" name="bloom_webhook_secret_ref" class="form-input" value="{{ org_bloom_config.bloom_webhook_secret_ref if org_bloom_config else '' }}">
                    <p class="form-hint">Secret reference used to verify Bloom webhook signatures in Atlas.</p>
                </div>
            </div>
            <div class="flex gap-sm">
                <button type="submit" name="action" value="validate" class="btn btn-secondary">Validate Credentials</button>
                <button type="submit" name="action" value="save" class="btn btn-primary">Save Organization Bloom Config</button>
            </div>
        </form>
    </div>
</div>

<!-- Organization Info Card -->
<div class="card mb-lg">
    <div class="card-header">
        <h2 class="card-title">Information</h2>
        <span class="badge badge-{{ 'success' if revision.is_active else 'danger' }}">
            {{ 'Active' if revision.is_active else 'Inactive' }}
        </span>
    </div>
    <div class="card-body">
        <div class="flex gap-xl">
            <div class="flex-1">
                <dl class="definition-list">
                    <dt>Name</dt>
                    <dd>{{ revision.name }}</dd>
                    <dt>Display Name</dt>
                    <dd>{{ revision.display_name or '—' }}</dd>
                    <dt>Type</dt>
                    <dd><span class="badge badge-secondary">{{ revision.org_type or 'clinic' }}</span></dd>
                </dl>
            </div>
            <div class="flex-1">
                <dl class="definition-list">
                    <dt>Contact Email</dt>
                    <dd>{{ revision.contact_email or '—' }}</dd>
                    <dt>Contact Phone</dt>
                    <dd>{{ revision.contact_phone or '—' }}</dd>
                    <dt>Owner</dt>
                    <dd>
                        {% if owner_user %}
                        {{ owner_user.name or owner_user.email }} ({{ owner_user.email }})
                        {% elif revision.owner_user_id %}
                        {{ revision.owner_user_id }}
                        {% else %}
                        —
                        {% endif %}
                    </dd>
                    <dt>Created</dt>
                    <dd>{{ organization.created_at | format_dt(user_preferences) if organization.created_at else '—' }}</dd>
                </dl>
            </div>
        </div>
    </div>
</div>

<!-- Sites Section -->
<div class="card mb-lg">
    <div class="card-header">
        <h2 class="card-title">Sites</h2>
        <a href="/admin/organizations/{{ organization.euid }}/sites/new" class="btn btn-sm btn-secondary">+ Add Site</a>
    </div>
    {% if sites %}
    <div class="table-container">
        <table class="table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>EUID</th>
                    <th>Site Code</th>
                    <th>Address</th>
                    <th>Contact</th>
                    <th>Bloom Config</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for site in sites %}
                <tr>
                    <td><a href="/admin/sites/{{ site.id }}">{{ site.name }}</a></td>
                    <td><a class="text-mono text-sm" href="/tapdb/object/{{ site.id }}">{{ site.id }}</a></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>
                        {% 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="/admin/sites/{{ site.id }}/edit" class="btn btn-sm btn-ghost">Edit Site</a>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% else %}
    <div class="card-body text-muted">No sites found for this organization.</div>
    {% endif %}
</div>

<!-- Users Section -->
<div class="card">
    <div class="card-header">
        <h2 class="card-title">Users</h2>
        <a href="/admin/organizations/{{ organization.euid }}/users/new" class="btn btn-sm btn-secondary">+ Add User</a>
    </div>
    {% if users %}
    <div class="table-container">
        <table class="table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Roles</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                {% for user in users %}
                <tr>
                    <td>{{ user.name or '—' }}</td>
                    <td>{{ user.email }}</td>
                    <td>
                        {% for role in user.roles %}
                        <span class="badge badge-secondary">{{ role }}</span>
                        {% endfor %}
                    </td>
                    <td>
                        <span class="badge badge-{{ 'success' if user.is_active else 'danger' }}">
                            {{ 'Active' if user.is_active else 'Inactive' }}
                        </span>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% else %}
    <div class="card-body text-muted">No users found for this organization.</div>
    {% endif %}
</div>
{% endblock %}