HH/templates/emails/survey_results_notification.html

{% extends 'emails/base_email_template.html' %}

{% block title %}Survey Results Available - Al Hammadi Hospital{% endblock %}

{% block preheader %}Your department's survey results are now available for review.{% endblock %}

{% block hero_title %}Survey Results Ready{% endblock %}

{% block hero_subtitle %}View the latest patient experience survey results for your department{% endblock %}

{% block content %}
<!-- Greeting -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
    <tr>
        <td style="padding-bottom: 20px;">
            <p style="margin: 0; font-size: 16px; color: #1e293b; line-height: 1.6;">
                Dear <strong>{{ recipient_name|default:'Team Member' }}</strong>,
            </p>
            <p style="margin: 15px 0 0 0; font-size: 16px; color: #64748b; line-height: 1.6;">
                The patient experience survey results for <strong>{{ department_name|default:'your department' }}</strong> are now available for review.
            </p>
        </td>
    </tr>
</table>

<!-- Summary Stats -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin: 25px 0;">
    <tr>
        <!-- Stat 1 -->
        <td width="33%" style="padding: 15px; background-color: #eef6fb; border-radius: 8px; text-align: center;">
            <p style="margin: 0; font-size: 28px; font-weight: 700; color: #005696;">
                {{ overall_score|default:'N/A' }}
            </p>
            <p style="margin: 5px 0 0 0; font-size: 13px; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px;">
                Overall Score
            </p>
        </td>
        
        <!-- Stat 2 -->
        <td width="33%" style="padding: 15px; background-color: #eef6fb; border-radius: 8px; text-align: center; margin: 0 10px;">
            <p style="margin: 0; font-size: 28px; font-weight: 700; color: #007bbd;">
                {{ total_responses|default:'N/A' }}
            </p>
            <p style="margin: 5px 0 0 0; font-size: 13px; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px;">
                Responses
            </p>
        </td>
        
        <!-- Stat 3 -->
        <td width="33%" style="padding: 15px; background-color: #eef6fb; border-radius: 8px; text-align: center;">
            <p style="margin: 0; font-size: 28px; font-weight: 700; color: #10b981;">
                {{ response_rate|default:'N/A' }}
            </p>
            <p style="margin: 5px 0 0 0; font-size: 13px; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px;">
                Response Rate
            </p>
        </td>
    </tr>
</table>

<!-- Key Highlights -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
    <tr>
        <td>
            <h3 style="margin: 0 0 15px 0; font-size: 18px; font-weight: 600; color: #005696;">
                Key Highlights:
            </h3>
        </td>
    </tr>
    <tr>
        <td>
            <!-- Highlight 1 -->
            <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin-bottom: 12px;">
                <tr>
                    <td width="40" valign="top" style="padding-right: 10px;">
                        <span style="display: inline-block; width: 32px; height: 32px; background-color: #d1fae5; border-radius: 50%; text-align: center; line-height: 32px; font-size: 18px;">↑</span>
                    </td>
                    <td>
                        <p style="margin: 0; font-size: 15px; color: #1e293b; line-height: 1.5;">
                            <strong>Strengths:</strong> {{ strengths|default:'Patient care and communication received high ratings' }}
                        </p>
                    </td>
                </tr>
            </table>
            
            <!-- Highlight 2 -->
            <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin-bottom: 12px;">
                <tr>
                    <td width="40" valign="top" style="padding-right: 10px;">
                        <span style="display: inline-block; width: 32px; height: 32px; background-color: #fef3c7; border-radius: 50%; text-align: center; line-height: 32px; font-size: 18px;">!</span>
                    </td>
                    <td>
                        <p style="margin: 0; font-size: 15px; color: #1e293b; line-height: 1.5;">
                            <strong>Areas for Improvement:</strong> {{ improvements|default:'Wait times and facility comfort can be enhanced' }}
                        </p>
                    </td>
                </tr>
            </table>
            
            <!-- Highlight 3 -->
            <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
                <tr>
                    <td width="40" valign="top" style="padding-right: 10px;">
                        <span style="display: inline-block; width: 32px; height: 32px; background-color: #eef6fb; border-radius: 50%; text-align: center; line-height: 32px; font-size: 18px;">📊</span>
                    </td>
                    <td>
                        <p style="margin: 0; font-size: 15px; color: #1e293b; line-height: 1.5;">
                            <strong>Survey Period:</strong> {{ survey_period|default:'Last 30 days' }}
                        </p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

<!-- Action Items -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin-top: 25px;">
    <tr>
        <td style="padding: 20px; background-color: #fef3c7; border-radius: 8px; border-left: 4px solid #f59e0b;">
            <p style="margin: 0 0 10px 0; font-size: 14px; font-weight: 600; color: #92400e;">
                ⚠️ Action Required:
            </p>
            <p style="margin: 0; font-size: 14px; color: #78350f; line-height: 1.6;">
                Please review the detailed results and prepare an action plan to address identified areas for improvement by {{ deadline|default:'end of month' }}.
            </p>
        </td>
    </tr>
</table>
{% endblock %}

{% block cta_url %}{{ results_link|default:'#' }}{% endblock %}
{% block cta_text %}View Full Report{% endblock %}

{% block info_title %}Report Details{% endblock %}
{% block info_content %}
<strong>Report Generated:</strong> {{ report_date|default:'Today' }}<br>
<strong>Survey Type:</strong> {{ survey_type|default:'Patient Experience Survey' }}<br>
<strong>Access Level:</strong> {{ access_level|default:'Department Manager' }}
{% endblock %}

{% block footer_address %}
Patient Experience Management Department<br>
Al Hammadi Hospital
{% endblock %}