{% extends "base.html" %}
{% block title %}About{% endblock %}

{# About — linked from the modern sidebar.

   MT note: ST's version of this page hardcodes its own company name and links
   the `enrollment` blueprint, neither of which is portable here. This version
   is tenant-neutral: the workspace name comes from tenant_branding (the same
   source the layouts use), and "add people" points at the Users admin page,
   which is how accounts are actually created in MT. #}

{% set workspace_name = tenant_branding.display_name if tenant_branding else 'this workspace' %}

{% block content %}
<div class="jqc-page-head center">
  <div class="jqc-page-title">About</div>
  <div class="jqc-page-sub text-center">
    Janitorial Quality Control{% if tenant_branding %} — {{ tenant_branding.display_name }}{% endif %}
  </div>
</div>

<div class="row g-4">
  <div class="col-12 col-lg-7">
    <div class="jqc-card h-100">
      <div class="jqc-card-title">
        <span class="jqc-tile-icon"><i class="bi bi-buildings"></i></span>{{ workspace_name }}
      </div>
      <p class="mb-3">
        Quality is verified in the field, not assumed. Every contract is backed by
        scheduled inspections, documented findings and tracked resolution, so what
        was checked, when, and by whom is always on the record.
      </p>
      <p class="mb-0 text-muted">
        JQC is the quality control platform behind that work. Inspectors work from an
        offline-capable iPad app; managers, contract staff and customers work from
        this web portal. Both share one record of every inspection, issue and photo.
      </p>
    </div>
  </div>

  <div class="col-12 col-lg-5">
    <div class="jqc-card h-100">
      <div class="jqc-card-title">
        <span class="jqc-tile-icon"><i class="bi bi-shield-check"></i></span>Your data
      </div>
      <p class="mb-0 text-muted">
        {{ workspace_name }} has its own isolated database. Inspections, issues,
        photos and accounts belong to this workspace alone and are never shared
        with, or visible to, any other organisation using JQC.
      </p>
    </div>
  </div>

  {% if current_user.role == 'admin' %}
  <div class="col-12 col-lg-6">
    <a class="jqc-hub-card" href="{{ url_for('auth.list_users') }}">
      <div class="d-flex gap-3 align-items-start">
        <span class="jqc-tile-icon lg"><i class="bi bi-person-plus"></i></span>
        <div>
          <div class="jqc-hub-title">Add More People</div>
          <div class="jqc-hub-text">
            Create accounts for colleagues and set what each person can do.
            External inspectors are invited by email and choose their own password.
          </div>
        </div>
      </div>
      <div class="jqc-hub-open">Open &rarr;</div>
    </a>
  </div>

  <div class="col-12 col-lg-6">
    <a class="jqc-hub-card" href="{{ url_for('tenant_settings.branding') }}">
      <div class="d-flex gap-3 align-items-start">
        <span class="jqc-tile-icon lg"><i class="bi bi-palette"></i></span>
        <div>
          <div class="jqc-hub-title">Workspace Settings</div>
          <div class="jqc-hub-text">
            Set the workspace name, logo and colours used across the portal and
            in outbound email.
          </div>
        </div>
      </div>
      <div class="jqc-hub-open">Open &rarr;</div>
    </a>
  </div>
  {% endif %}

  <div class="col-12">
    <div class="jqc-card">
      <div class="jqc-card-title">
        <span class="jqc-tile-icon"><i class="bi bi-envelope"></i></span>Contact &amp; Support
      </div>
      <p class="mb-3">
        Questions about an inspection, an issue on a site, or access to the portal —
        start in the Support Center and it will be routed to the right person.
      </p>
      <a href="{{ url_for('ui.support_center') }}" class="btn btn-primary">
        <i class="bi bi-life-preserver me-1"></i>Go to Support
      </a>
    </div>
  </div>
</div>
{% endblock %}