alternative-backend-service/templates/emails/booking_confirmed.html

{% extends "emails/base.html" %}

{% block title %}Appointment Confirmed - Attune Heart Therapy{% endblock %}

{% block content %}
<div class="email-header">
    <h1>✅ Your Appointment is Confirmed!</h1>
</div>

<div class="email-body">
    <div class="greeting">
        Dear <strong>{{ booking.full_name }}</strong>,
    </div>

    <div class="section">
        <p>We're delighted to confirm your <strong>{{ booking.get_appointment_type_display }}</strong> appointment. Your healing journey begins now, and we're honored to walk this path with you.</p>
    </div>

    <div class="section">
        <h2 class="section-title">Appointment Details</h2>
        <div class="info-card">
            <div class="info-item">
                <span class="info-label">Appointment Type:</span>
                <span class="info-value">{{ booking.get_appointment_type_display }}</span>
            </div>
            <div class="info-item">
                <span class="info-label">Date & Time:</span>
                <span class="info-value">{{ booking.confirmed_datetime|date:"l, F d, Y" }} at {{ booking.confirmed_datetime|time:"g:i A" }}</span>
            </div>
            <div class="info-item">
                <span class="info-label">Duration:</span>
                <span class="info-value">
                    {% if booking.appointment_type == 'initial-consultation' %}90 minutes
                    {% elif booking.appointment_type == 'individual-therapy' %}60 minutes
                    {% elif booking.appointment_type == 'family-therapy' %}90 minutes
                    {% elif booking.appointment_type == 'couples-therapy' %}75 minutes
                    {% elif booking.appointment_type == 'group-therapy' %}90 minutes
                    {% elif booking.appointment_type == 'follow-up' %}45 minutes
                    {% else %}60 minutes{% endif %}
                </span>
            </div>
            <div class="info-item">
                <span class="info-label">Therapist:</span>
                <span class="info-value">{{ booking.assigned_therapist.get_full_name }}</span>
            </div>
            {% if booking.payment_status == 'paid' %}
            <div class="info-item">
                <span class="info-label">Payment Status:</span>
                <span class="info-value" style="color: #10b981; font-weight: 600;">✅ Paid</span>
            </div>
            {% endif %}
        </div>
    </div>

    <div class="section">
        <h2 class="section-title">Join Your Session</h2>
        <div class="info-card" style="background: linear-gradient(135deg, #f0f9ff, #e0f2fe); border-left-color: #0ea5e9;">
            <div style="text-align: center; padding: 10px 0;">
                <div style="font-size: 16px; font-weight: 600; color: #0369a1; margin-bottom: 15px;">
                    📅 Secure Video Session
                </div>
                <a href="{{ booking.jitsi_meet_url }}" class="button" style="font-size: 16px; padding: 16px 40px;">
                    🎥 Join Video Session
                </a>
                <div style="margin-top: 15px; font-size: 14px; color: #64748b;">
                    Or copy this link:<br>
                    <span style="word-break: break-all; color: #0ea5e9;">{{ booking.jitsi_meet_url }}</span>
                </div>
            </div>
        </div>
    </div>

    <div class="section">
        <h2 class="section-title">Preparing for Your Session</h2>
        <div class="steps">
            <div class="step">
                <strong>Test Your Technology</strong><br>
                Please test your camera, microphone, and internet connection before the session.
            </div>
            <div class="step">
                <strong>Find a Quiet Space</strong><br>
                Choose a private, comfortable location where you won't be interrupted.
            </div>
            <div class="step">
                <strong>Join Early</strong><br>
                Please join 5-10 minutes before your scheduled time to ensure everything is working.
            </div>
            <div class="step">
                <strong>Browser Recommendation</strong><br>
                Use Chrome, Firefox, or Safari for the best video experience.
            </div>
        </div>
    </div>

    {% if booking.payment_status != 'paid' %}
    <div class="section">
        <h2 class="section-title">Payment Information</h2>
        <div class="info-card" style="background: #fffbeb; border-left-color: #f59e0b;">
            <div style="text-align: center;">
                <div style="color: #d97706; font-weight: 600; margin-bottom: 10px;">
                    💳 Payment Required
                </div>
                <p>Your session fee of <strong>${{ booking.amount }}</strong> is pending. Please complete your payment before the session.</p>
                <a href="https://attunehearttherapy.com/payment/{{ booking.id }}" class="button" style="background: linear-gradient(135deg, #f59e0b, #d97706);">
                    Complete Payment
                </a>
            </div>
        </div>
    </div>
    {% endif %}

    <div class="section">
        <h2 class="section-title">Need to Reschedule?</h2>
        <p>If you need to reschedule or cancel your appointment, please contact us at least 24 hours in advance:</p>
        <div style="text-align: center; margin: 20px 0;">
            <a href="tel:+19548073027" class="button" style="background: linear-gradient(135deg, #64748b, #475569);">
                📞 Call (954) 807-3027
            </a>
        </div>
    </div>

    <div class="section">
        <div style="background: #f0fdf4; padding: 20px; border-radius: 8px; border-left: 4px solid #10b981;">
            <p style="color: #065f46; font-style: italic; margin: 0;">
                "The privilege of a lifetime is to become who you truly are."<br>
                <span style="font-size: 14px;">- Carl Jung</span>
            </p>
        </div>
    </div>
</div>

<div class="footer">
    <p><strong>Attune Heart Therapy</strong></p>
    <p>Compassionate Care for Your Healing Journey</p>
    <div class="contact-info">
        📞 (954) 807-3027<br>
        ✉️ hello@attunehearttherapy.com<br>
        🌐 attunehearttherapy.com
    </div>
    <p style="font-size: 12px; color: #9ca3af; margin-top: 15px;">
        Confirmation ID: {{ booking.id }}<br>
        Sent: {{ booking.confirmed_datetime|date:"Y-m-d H:i" }}
    </p>
</div>
{% endblock %}