fmard/pdf-api
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <title>{{ title | default("SOAP Note") }}</title>6 <style>7 * { margin: 0; padding: 0; box-sizing: border-box; }8 body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; padding: 40px; font-size: 14px; line-height: 1.6; color: #1a1a2e; }9 .header { display: flex; justify-content: space-between; align-items: center; border-bottom: 3px solid #4f46e5; padding-bottom: 18px; margin-bottom: 20px; }10 .header .clinic-info h1 { font-size: 18px; color: #4f46e5; margin-bottom: 3px; }11 .header .clinic-info p { font-size: 11px; color: #666; }12 .header .logo-box { width: 50px; height: 50px; background: #4f46e5; color: white; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: bold; }13 .patient-bar { display: flex; gap: 15px; background: #f8f9ff; padding: 12px 15px; border-radius: 6px; margin-bottom: 20px; }14 .patient-bar .field { flex: 1; }15 .patient-bar .field label { font-size: 9px; color: #4f46e5; font-weight: bold; text-transform: uppercase; }16 .patient-bar .field .value { font-size: 12px; color: #333; }17 .soap-section { margin-bottom: 20px; border-radius: 8px; overflow: hidden; }18 .soap-header { padding: 10px 16px; color: white; font-weight: bold; font-size: 14px; display: flex; align-items: center; gap: 10px; }19 .soap-header .letter { width: 30px; height: 30px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; }20 .soap-body { padding: 16px; border: 1px solid #e5e7eb; border-top: none; border-radius: 0 0 8px 8px; min-height: 80px; }21 .soap-body p { font-size: 13px; color: #333; margin-bottom: 8px; }22 .soap-body ul { padding-left: 18px; margin-bottom: 8px; }23 .soap-body li { font-size: 12px; color: #444; margin-bottom: 4px; }24 .soap-body .subsection { font-weight: bold; font-size: 12px; color: #4f46e5; margin-bottom: 4px; margin-top: 10px; }25 .s-header { background: #2563eb; }26 .o-header { background: #16a34a; }27 .a-header { background: #d97706; }28 .p-header { background: #7c3aed; }29 .vitals-row { display: flex; gap: 10px; margin-bottom: 12px; flex-wrap: wrap; }30 .vital-tag { background: #f0fdf4; border: 1px solid #bbf7d0; padding: 4px 10px; border-radius: 4px; font-size: 11px; }31 .vital-tag strong { color: #16a34a; }32 .signature-section { margin-top: 25px; padding-top: 15px; border-top: 2px solid #4f46e5; display: flex; justify-content: space-between; align-items: flex-end; }33 .sig-block .line { width: 180px; border-bottom: 1px solid #333; height: 30px; margin-bottom: 4px; }34 .sig-block p { font-size: 11px; color: #666; }35 .footer { margin-top: 15px; padding-top: 10px; border-top: 1px solid #e5e7eb; font-size: 10px; color: #999; text-align: center; }36 </style>37</head>38<body>39 <div class="header">40 <div class="clinic-info">41 <h1>{{ clinic_name | default("Harmony Medical Clinic") }}</h1>42 <p>{{ clinic_address | default("789 Wellness Blvd, Suite 101, New York, NY 10003") }}</p>43 <p>Tel: {{ clinic_phone | default("(555) 345-6789") }}</p>44 </div>45 <div class="logo-box">[Logo]</div>46 </div>47 48 <div class="patient-bar">49 <div class="field"><label>Patient</label><div class="value">{{ patient_name | default("John A. Smith") }}</div></div>50 <div class="field"><label>DOB</label><div class="value">{{ patient_dob | default("05/12/1985") }}</div></div>51 <div class="field"><label>MRN</label><div class="value">{{ mrn | default("MR-2024-00587") }}</div></div>52 <div class="field"><label>Visit Date</label><div class="value">{{ visit_date | default("01/15/2024") }}</div></div>53 <div class="field"><label>Provider</label><div class="value">{{ provider | default("Dr. Sarah Mitchell") }}</div></div>54 </div>55 56 <!-- SUBJECTIVE -->57 <div class="soap-section">58 <div class="soap-header s-header">59 <div class="letter">S</div>60 <span>Subjective</span>61 </div>62 <div class="soap-body">63 <div class="subsection">Chief Complaint</div>64 <p>{{ chief_complaint | default("\"I've been having headaches almost every day for the past two weeks.\"") }}</p>65 66 <div class="subsection">History of Present Illness (HPI)</div>67 <p>{{ hpi | default("38-year-old male presents with a 2-week history of bilateral frontal headaches, rated 6/10 in severity, occurring daily in the afternoon. Headaches are described as pressure-like, lasting 2-4 hours. Aggravated by prolonged screen use and stress. Partially relieved by ibuprofen 400mg. Denies visual changes, nausea, vomiting, or neurological symptoms. Reports increased work stress and poor sleep (5-6 hours/night).") }}</p>68 69 <div class="subsection">Review of Systems</div>70 <ul>71 {% for ros in review_of_systems | default(["General: No fever, weight loss, or fatigue", "HEENT: No visual disturbances, sinus pressure noted", "Neuro: No numbness, tingling, weakness, or gait changes", "Psych: Increased stress, difficulty concentrating"]) %}72 <li>{{ ros }}</li>73 {% endfor %}74 </ul>75 </div>76 </div>77 78 <!-- OBJECTIVE -->79 <div class="soap-section">80 <div class="soap-header o-header">81 <div class="letter">O</div>82 <span>Objective</span>83 </div>84 <div class="soap-body">85 <div class="subsection">Vital Signs</div>86 <div class="vitals-row">87 {% for vital in vitals | default([{"label": "BP", "value": "132/84 mmHg"}, {"label": "HR", "value": "76 bpm"}, {"label": "Temp", "value": "98.4°F"}, {"label": "RR", "value": "16/min"}, {"label": "SpO2", "value": "99%"}, {"label": "Wt", "value": "185 lbs"}]) %}88 <div class="vital-tag"><strong>{{ vital.label }}:</strong> {{ vital.value }}</div>89 {% endfor %}90 </div>91 92 <div class="subsection">Physical Examination</div>93 <ul>94 {% for finding in exam_findings | default(["General: Alert, oriented, no acute distress", "HEENT: PERRLA, EOM intact, no papilledema on fundoscopy, TMs clear", "Neck: Supple, no meningismus, mild trapezius tenderness bilaterally", "Neuro: CN II-XII intact, 5/5 strength all extremities, normal gait, DTRs 2+ symmetric", "Mental Status: Appropriate affect, mildly anxious"]) %}95 <li>{{ finding }}</li>96 {% endfor %}97 </ul>98 </div>99 </div>100 101 <!-- ASSESSMENT -->102 <div class="soap-section">103 <div class="soap-header a-header">104 <div class="letter">A</div>105 <span>Assessment</span>106 </div>107 <div class="soap-body">108 <ul>109 {% for dx in assessment | default(["1. Tension-type headache (G44.209) — Likely related to stress and poor sleep hygiene. No red flags for secondary causes.", "2. Elevated blood pressure (R03.0) — Borderline, may be contributing to headaches. Monitor.", "3. Occupational stress — Contributing factor to primary complaint."]) %}110 <li>{{ dx }}</li>111 {% endfor %}112 </ul>113 </div>114 </div>115 116 <!-- PLAN -->117 <div class="soap-section">118 <div class="soap-header p-header">119 <div class="letter">P</div>120 <span>Plan</span>121 </div>122 <div class="soap-body">123 <div class="subsection">Medications</div>124 <ul>125 {% for med in plan_medications | default(["Continue ibuprofen 400mg PRN (max 3x/day with food)", "Start amitriptyline 10mg at bedtime for headache prophylaxis", "Consider triptans if migraine features develop"]) %}126 <li>{{ med }}</li>127 {% endfor %}128 </ul>129 130 <div class="subsection">Diagnostics / Orders</div>131 <ul>132 {% for order in plan_orders | default(["BP log — patient to monitor at home for 2 weeks", "Comprehensive metabolic panel (CMP)", "Lipid panel (fasting)", "Refer to ophthalmology if symptoms worsen"]) %}133 <li>{{ order }}</li>134 {% endfor %}135 </ul>136 137 <div class="subsection">Patient Education & Lifestyle</div>138 <ul>139 {% for edu in plan_education | default(["Sleep hygiene counseling: aim for 7-8 hours nightly", "Stress management: recommend mindfulness / exercise 30 min/day", "Screen breaks: 20-20-20 rule (every 20 min, look 20 ft away, 20 sec)", "Headache diary to track triggers and frequency"]) %}140 <li>{{ edu }}</li>141 {% endfor %}142 </ul>143 144 <div class="subsection">Follow-up</div>145 <p>{{ followup | default("Return in 4 weeks for reassessment. Sooner if headaches worsen, develop neurological symptoms, or experience adverse effects from amitriptyline. Return to ER if sudden severe headache (\"worst headache of life\"), vision loss, or weakness.") }}</p>146 </div>147 </div>148 149 <div class="signature-section">150 <div class="sig-block">151 <div class="line"></div>152 <p><strong>{{ provider | default("Dr. Sarah Mitchell, M.D.") }}</strong></p>153 <p>{{ provider_title | default("Internal Medicine") }}</p>154 </div>155 <div>156 <p style="font-size: 12px; color: #555;"><strong>Date:</strong> {{ visit_date | default("01/15/2024") }}</p>157 <p style="font-size: 12px; color: #555;"><strong>Time:</strong> {{ visit_time | default("10:30 AM") }}</p>158 <p style="font-size: 12px; color: #555;"><strong>Duration:</strong> {{ visit_duration | default("30 min") }}</p>159 </div>160 </div>161 162 <div class="footer">163 {{ clinic_name | default("Harmony Medical Clinic") }} — SOAP Note | {{ patient_name | default("John A. Smith") }} | {{ visit_date | default("01/15/2024") }} | CONFIDENTIAL164 </div>165</body>166</html>167