{{template "base.html" .}}

{{define "nav"}}
  <a href="/" class="nav-link">Home</a>
  <a href="https://github.com/smart-on-fhir" target="_blank" class="nav-link">About SMART</a>
{{end}}

{{define "content"}}
<div class="text-center py-12">
  <h1 class="text-4xl font-extrabold mb-4 text-primary">FHIR Health Platform</h1>
  <p class="text-xl text-muted max-w-2xl mx-auto mb-8">
    Secure, context-aware EHR integration powered by SMART on FHIR R4.
    Seamlessly visualize patient data, sync records, and improve clinical workflows.
  </p>
  
  <div class="flex justify-center gap-4">
    <a class="btn btn-primary btn-lg px-6 py-3 text-lg" 
       href="https://launch.smarthealthit.org/?launch_url=http%3A%2F%2Flocalhost%3A8080%2Flaunch&iss=https%3A%2F%2Flaunch.smarthealthit.org%2Fv%2Fr4%2Ffhir" 
       target="_blank" rel="noopener">
      Launch Demo Environment
    </a>
    <a class="btn btn-secondary" href="https://hl7.org/fhir/smart-app-launch/" target="_blank">
      Read Documentation
    </a>
  </div>
</div>

<div class="grid grid-cols-1 md:grid-cols-3 gap-8 mt-12">
  <div class="card p-6">
    <div class="mb-4 text-primary">
      <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
    </div>
    <h3 class="text-lg font-bold mb-2">Secure Authentication</h3>
    <p class="text-muted">
      OAuth2 + OIDC integration ensures secure practitioner and patient context launch directly from the EHR.
    </p>
  </div>

  <div class="card p-6">
    <div class="mb-4 text-secondary">
      <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
    </div>
    <h3 class="text-lg font-bold mb-2">Real-time Vitals</h3>
    <p class="text-muted">
      Instant synchronization of Observations, Conditions, and Medications using FHIR R4 standards.
    </p>
  </div>

  <div class="card p-6">
    <div class="mb-4 text-info">
      <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
    </div>
    <div class="card-header border-none p-0 mb-2">
       <h3 class="text-lg font-bold">Clinical Notes</h3>
    </div>
    <p class="text-muted">
      Access DocumentReferences and clinical notes with built-in viewer support for PDF and text content.
    </p>
  </div>
</div>
{{end}}