bio-performx/report_gen/page_7.html

<div class="w-full page bg-white p-8">
  <!-- Header -->
  <h1 class="text-3xl font-bold mb-6">Lung Analysis</h1>
  
  <!-- Spirometry Assessment Section -->
  <div class="mb-8">
    <h2 class="text-xl font-semibold mb-4">Spirometry Assessment</h2>
    <p class="text-sm text-gray-700 mb-6">
      Spirometry is a diagnostic device that assesses how well a person breathes and how their lungs are functioning. Lung function 
      is crucial for oxygen delivery during physical activity. Comparing results to expected/normal values can highlight potential limitations 
      that would require additional lung training to improve overall physical activity.
    </p>
    
    <!-- Lung Volume Chart -->
    <img src="data:image/png;base64,{{ lung_analysis_chart }}" alt="Lung Volume Analysis Chart" class="w-full">
    
    <!-- Indications Box -->
    <div class="bg-gray-200 rounded-lg p-4 text-center mb-8">
      <h3 class="font-semibold text-lg mb-2">Indications</h3>
        <p class="text-gray-700">{{ indication }}</p>
    </div>
  </div>
  
  <!-- Respiratory Section -->
  <div class="mb-8">
    <h2 class="text-xl font-semibold mb-4 text-center">Respiratory</h2>
    
    <!-- Respiratory Chart -->
    <img src="data:image/png;base64,{{ respiratory_analysis_chart }}" alt="Respiratory Analysis Chart" class="w-full mb-4">
    
    <!-- Peak VT Info Box -->
    <div class="bg-gray-200 rounded-lg p-4 text-center">
      <h3 class="font-semibold mb-2">Peak VT</h3>
      <p class="text-sm">{{ peak_vt }} L/Breath which occurs at {{ peak_vt_bpm }} bpm (Zone {{ peak_vt_zone }})</p>
      <p class="text-sm">{{ fev1_percentage }}% of FEV1</p>
    </div>
  </div>
</div>