{% extends "base.html" %}
{% block title %}Organization — TechHand Remote Support{% endblock %}
{% block content %}
<div class="app-page-header">
  <h1><i class="fas fa-building" aria-hidden="true"></i> Organization</h1>
  <div class="app-page-header-actions">
    {% if org and org.id %}
    <a class="btn btn-secondary btn-sm" href="{{ server_web_base }}/organizations/{{ org.id }}" target="_blank" rel="noopener">Open in TNT web</a>
    {% endif %}
  </div>
</div>

<p class="muted portal-org-overview-lead">Scoped to your TNT login and organization API key. Full billing and domain tools stay on the main TNT site.</p>

{% set cap = portal_capabilities %}
{% set cap_ok = cap is not none %}
<div class="portal-org-overview">
  <article class="portal-org-card">
    <header class="portal-org-card-head">
      <span class="portal-org-card-icon" aria-hidden="true"><i class="fas fa-chart-bar"></i></span>
      <h2 class="portal-org-card-title">Summary</h2>
    </header>
    <div class="portal-org-card-body">
      {% if portal_summary and portal_summary.get('success') %}
      <p class="portal-org-card-strong">{{ portal_summary.organization.name if portal_summary.organization else '—' }}</p>
      <p class="muted">Open tickets: {{ portal_summary.open_tickets }} · Assets: {{ portal_summary.device_assets }}</p>
      {% else %}
      <p class="muted">Could not load summary. Check connection and portal scopes on your org API key.</p>
      {% endif %}
    </div>
  </article>

  {% if not cap_ok or cap.get('tickets_read', true) %}
  <article class="portal-org-card">
    <header class="portal-org-card-head">
      <span class="portal-org-card-icon" aria-hidden="true"><i class="fas fa-ticket-alt"></i></span>
      <h2 class="portal-org-card-title">Tickets</h2>
    </header>
    <div class="portal-org-card-body">
      <p class="muted">View and create service tickets.</p>
    </div>
    <footer class="portal-org-card-foot">
      <a class="btn btn-primary btn-sm" href="{{ url_for('organization_tickets_page') }}">Tickets</a>
    </footer>
  </article>
  {% endif %}

  {% if not cap_ok or cap.get('docs_read', true) %}
  <article class="portal-org-card">
    <header class="portal-org-card-head">
      <span class="portal-org-card-icon" aria-hidden="true"><i class="fas fa-book"></i></span>
      <h2 class="portal-org-card-title">Documents</h2>
    </header>
    <div class="portal-org-card-body">
      <p class="muted">Organization documentation.</p>
    </div>
    <footer class="portal-org-card-foot">
      <a class="btn btn-secondary btn-sm" href="{{ url_for('organization_documents_page') }}">Documents</a>
    </footer>
  </article>
  {% endif %}

  {% if not cap_ok or cap.get('vault_read', true) %}
  <article class="portal-org-card">
    <header class="portal-org-card-head">
      <span class="portal-org-card-icon" aria-hidden="true"><i class="fas fa-lock"></i></span>
      <h2 class="portal-org-card-title">Vault</h2>
    </header>
    <div class="portal-org-card-body">
      <p class="muted">Passwords (role-scoped).</p>
    </div>
    <footer class="portal-org-card-foot">
      <a class="btn btn-secondary btn-sm" href="{{ url_for('organization_vault_page') }}">Vault</a>
    </footer>
  </article>
  {% endif %}

  {% if not cap_ok or cap.get('assets_read', true) %}
  <article class="portal-org-card">
    <header class="portal-org-card-head">
      <span class="portal-org-card-icon" aria-hidden="true"><i class="fas fa-server"></i></span>
      <h2 class="portal-org-card-title">Assets</h2>
    </header>
    <div class="portal-org-card-body">
      <p class="muted">Devices linked to this org.</p>
    </div>
    <footer class="portal-org-card-foot">
      <a class="btn btn-secondary btn-sm" href="{{ url_for('organization_assets_page') }}">Assets</a>
    </footer>
  </article>
  <article class="portal-org-card">
    <header class="portal-org-card-head">
      <span class="portal-org-card-icon" aria-hidden="true"><i class="fas fa-network-wired"></i></span>
      <h2 class="portal-org-card-title">Networks</h2>
    </header>
    <div class="portal-org-card-body">
      <p class="muted">Networks, VLANs, and wireless SSIDs.</p>
    </div>
    <footer class="portal-org-card-foot">
      <a class="btn btn-secondary btn-sm" href="{{ url_for('organization_networks_page') }}">Networks</a>
    </footer>
  </article>
  {% endif %}

  {% if not cap_ok or cap.get('training_read', true) %}
  <article class="portal-org-card">
    <header class="portal-org-card-head">
      <span class="portal-org-card-icon" aria-hidden="true"><i class="fas fa-graduation-cap"></i></span>
      <h2 class="portal-org-card-title">Training</h2>
    </header>
    <div class="portal-org-card-body">
      <p class="muted">Training materials.</p>
    </div>
    <footer class="portal-org-card-foot">
      <a class="btn btn-secondary btn-sm" href="{{ url_for('organization_training_page') }}">Training</a>
    </footer>
  </article>
  {% endif %}

  {% if not cap_ok or cap.get('ai_chat', true) %}
  <article class="portal-org-card">
    <header class="portal-org-card-head">
      <span class="portal-org-card-icon" aria-hidden="true"><i class="fas fa-robot"></i></span>
      <h2 class="portal-org-card-title">Org AI</h2>
    </header>
    <div class="portal-org-card-body">
      <p class="muted">Chat with TNT org context.</p>
    </div>
    <footer class="portal-org-card-foot">
      <a class="btn btn-secondary btn-sm" href="{{ url_for('organization_ai_page') }}">Open chat</a>
    </footer>
  </article>
  {% endif %}

  {% if not cap_ok or cap.get('machine_context', true) %}
  <article class="portal-org-card">
    <header class="portal-org-card-head">
      <span class="portal-org-card-icon" aria-hidden="true"><i class="fas fa-microchip"></i></span>
      <h2 class="portal-org-card-title">Machine context</h2>
    </header>
    <div class="portal-org-card-body">
      <p class="muted">This workstation in TNT context.</p>
    </div>
    <footer class="portal-org-card-foot">
      <a class="btn btn-secondary btn-sm" href="{{ url_for('organization_machine_page') }}">Open</a>
    </footer>
  </article>
  {% endif %}

  {% if not cap_ok or cap.get('owner_reports_read', true) %}
  <article class="portal-org-card">
    <header class="portal-org-card-head">
      <span class="portal-org-card-icon" aria-hidden="true"><i class="fas fa-file-invoice-dollar"></i></span>
      <h2 class="portal-org-card-title">Owner reports</h2>
    </header>
    <div class="portal-org-card-body">
      <p class="muted">Yearly owner/property reports per site.</p>
    </div>
    <footer class="portal-org-card-foot">
      <a class="btn btn-secondary btn-sm" href="{{ url_for('organization_owner_reports_page') }}">Open</a>
    </footer>
  </article>
  {% endif %}

  {% if not cap_ok or cap.get('apikeys_read', true) %}
  <article class="portal-org-card">
    <header class="portal-org-card-head">
      <span class="portal-org-card-icon" aria-hidden="true"><i class="fas fa-key"></i></span>
      <h2 class="portal-org-card-title">API keys</h2>
    </header>
    <div class="portal-org-card-body">
      <p class="muted">Manage org integration keys (admin roles).</p>
    </div>
    <footer class="portal-org-card-foot">
      <a class="btn btn-secondary btn-sm" href="{{ url_for('organization_api_keys_page') }}">API keys</a>
    </footer>
  </article>
  {% endif %}
</div>
{% endblock %}