fmard/pdf-api
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Exit Interview</title>7 <style>8 * { margin: 0; padding: 0; box-sizing: border-box; }9 body {10 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;11 font-size: 14px;12 line-height: 1.6;13 color: #1f2937;14 padding: 40px;15 max-width: 800px;16 margin: 0 auto;17 }18 .header {19 border-bottom: 3px solid #4f46e5;20 padding-bottom: 15px;21 margin-bottom: 25px;22 }23 .company-name {24 font-size: 20px;25 font-weight: 700;26 color: #4f46e5;27 }28 .form-title {29 font-size: 18px;30 font-weight: 700;31 color: #374151;32 margin-top: 4px;33 }34 .confidential-badge {35 display: inline-block;36 background: #fef2f2;37 color: #dc2626;38 padding: 3px 10px;39 border-radius: 3px;40 font-size: 11px;41 font-weight: 700;42 text-transform: uppercase;43 letter-spacing: 0.5px;44 margin-top: 8px;45 }46 .info-grid {47 display: grid;48 grid-template-columns: 1fr 1fr;49 gap: 10px;50 background: #f9fafb;51 padding: 15px 20px;52 border-radius: 6px;53 margin-bottom: 25px;54 }55 .info-item label {56 font-size: 11px;57 text-transform: uppercase;58 color: #6b7280;59 letter-spacing: 0.5px;60 }61 .info-item p { font-weight: 600; }62 .section {63 margin-bottom: 25px;64 }65 .section-title {66 font-size: 15px;67 font-weight: 700;68 color: #4f46e5;69 border-bottom: 1px solid #e5e7eb;70 padding-bottom: 6px;71 margin-bottom: 12px;72 }73 .qa-block {74 margin-bottom: 18px;75 padding: 12px 15px;76 background: #f9fafb;77 border-left: 3px solid #4f46e5;78 border-radius: 0 6px 6px 0;79 }80 .qa-question {81 font-weight: 600;82 color: #374151;83 margin-bottom: 6px;84 }85 .qa-answer {86 color: #4b5563;87 }88 .reason-box {89 background: #eef2ff;90 border: 1px solid #c7d2fe;91 padding: 15px;92 border-radius: 6px;93 margin-bottom: 15px;94 }95 .reason-label {96 font-size: 12px;97 text-transform: uppercase;98 color: #6b7280;99 margin-bottom: 4px;100 }101 .rating-row {102 display: flex;103 justify-content: space-between;104 align-items: center;105 padding: 10px 0;106 border-bottom: 1px solid #f3f4f6;107 }108 .rating-label { font-weight: 500; }109 .rating-value {110 font-weight: 700;111 color: #4f46e5;112 }113 .suggestions-box {114 background: #f9fafb;115 border: 1px solid #e5e7eb;116 border-radius: 6px;117 padding: 15px;118 min-height: 60px;119 }120 .signature-grid {121 display: grid;122 grid-template-columns: 1fr 1fr;123 gap: 40px;124 margin-top: 40px;125 }126 .sig-block .line {127 border-top: 1px solid #374151;128 padding-top: 8px;129 margin-top: 40px;130 font-weight: 600;131 }132 .sig-block .sig-title {133 font-size: 12px;134 color: #6b7280;135 }136 </style>137</head>138<body>139 <div class="header">140 <div class="company-name">{{ company_name | default('Acme Corporation') }}</div>141 <div class="form-title">Exit Interview Form</div>142 <div class="confidential-badge">Confidential</div>143 </div>144 145 <div class="info-grid">146 <div class="info-item"><label>Employee Name</label><p>{{ employee_name | default('John Doe') }}</p></div>147 <div class="info-item"><label>Position</label><p>{{ position | default('Software Engineer') }}</p></div>148 <div class="info-item"><label>Department</label><p>{{ department | default('Engineering') }}</p></div>149 <div class="info-item"><label>Tenure</label><p>{{ tenure | default('2 years 6 months') }}</p></div>150 <div class="info-item"><label>Interview Date</label><p>{{ interview_date | default('January 15, 2025') }}</p></div>151 <div class="info-item"><label>Interviewer</label><p>{{ interviewer | default('HR Manager') }}</p></div>152 <div class="info-item"><label>Last Working Day</label><p>{{ last_day | default('February 15, 2025') }}</p></div>153 </div>154 155 <div class="section">156 <div class="section-title">Reason for Leaving</div>157 <div class="reason-box">158 <div class="reason-label">Primary Reason</div>159 <p>{{ reason_for_leaving | default('Career growth opportunity') }}</p>160 </div>161 </div>162 163 <div class="section">164 <div class="section-title">Interview Questions & Responses</div>165 {% if questions %}166 {% for qa in questions %}167 <div class="qa-block">168 <div class="qa-question">{{ qa.question }}</div>169 <div class="qa-answer">{{ qa.answer | default('—') }}</div>170 </div>171 {% endfor %}172 {% else %}173 <div class="qa-block">174 <div class="qa-question">What did you enjoy most about working here?</div>175 <div class="qa-answer">—</div>176 </div>177 <div class="qa-block">178 <div class="qa-question">What could the company improve?</div>179 <div class="qa-answer">—</div>180 </div>181 <div class="qa-block">182 <div class="qa-question">How was your relationship with your manager?</div>183 <div class="qa-answer">—</div>184 </div>185 <div class="qa-block">186 <div class="qa-question">Were you given adequate training and resources?</div>187 <div class="qa-answer">—</div>188 </div>189 <div class="qa-block">190 <div class="qa-question">Did you feel your contributions were recognized?</div>191 <div class="qa-answer">—</div>192 </div>193 {% endif %}194 </div>195 196 <div class="section">197 <div class="section-title">Overall Assessment</div>198 <div class="rating-row">199 <span class="rating-label">Overall Experience</span>200 <span class="rating-value">{{ overall_experience | default('Good') }}</span>201 </div>202 <div class="rating-row">203 <span class="rating-label">Would Recommend Company to Others</span>204 <span class="rating-value">{{ would_recommend | default('Yes') }}</span>205 </div>206 </div>207 208 <div class="section">209 <div class="section-title">Suggestions for Improvement</div>210 <div class="suggestions-box">{{ suggestions | default('') }}</div>211 </div>212 213 <div class="signature-grid">214 <div class="sig-block">215 <div class="line">{{ employee_name | default('John Doe') }}</div>216 <div class="sig-title">Employee</div>217 </div>218 <div class="sig-block">219 <div class="line">{{ interviewer | default('HR Manager') }}</div>220 <div class="sig-title">Interviewer</div>221 </div>222 </div>223</body>224</html>225