{% extends "base.html" %}
{% block content %}
<h2>One-Click Discharge Summary</h2>
<form method="POST">
    <input type="text" name="patient_id" placeholder="Patient ID (Optional)" value="{{ patient_id or '' }}">
    <input type="text" name="first_name" placeholder="First Name (Optional)" value="{{ first_name or '' }}">
    <input type="text" name="last_name" placeholder="Last Name (Optional)" value="{{ last_name or '' }}"><br><br>
    <input type="submit" name="action" value="Display Summary" class="cyberpunk-button">
    <input type="submit" name="action" value="Generate PDF" class="cyberpunk-button">
</form>

{% if status %}
<div class="status-message">{{ status }}</div>
{% endif %}

{% if basic_summary %}
<div class="summary-container">
    <h3>Basic Discharge Summary Preview</h3>
    <div class="summary-content">{{ basic_summary | safe }}</div>
</div>
{% endif %}

{% if ai_summary %}
<div class="summary-container">
    <h3>AI-Generated Discharge Summary Preview</h3>
    <div class="summary-content">{{ ai_summary | safe }}</div>
</div>
{% endif %}

{% if verified_summary %}
<div class="summary-container">
    <h3>Verified AI Discharge Summary (Hallucinations Highlighted)</h3>
    <div class="summary-content">{{ verified_summary | safe }}</div>
</div>
{% endif %}

<style>
    .status-message {
        margin: 20px 0;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }
    .summary-container {
        margin: 20px 0;
        padding: 15px;
        border: 1px solid #ddd;
        border-radius: 5px;
        background-color: #f9f9f9;
    }
    .summary-content {
        white-space: pre-wrap;
        font-family: 'Courier New', Courier, monospace;
    }
</style>
{% endblock %}