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

{% block title %}Booking Request Received - Attune Heart Therapy{% endblock %}

{% block content %}
<div class="email-header">
    <h1>🎉 Thank You for Your Booking Request!</h1>
</div>

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

    <div class="section">
        <p>We have received your request for a <strong>{{ booking.get_appointment_type_display }}</strong> appointment and we're excited to support you on your healing journey.</p>
    </div>

    <div class="section">
        <h2 class="section-title">Your Request 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">Preferred Date:</span>
                <span class="info-value">{{ booking.preferred_date|date:"l, F d, Y" }}</span>
            </div>
            <div class="info-item">
                <span class="info-label">Preferred Time:</span>
                <span class="info-value">{{ booking.preferred_time }}</span>
            </div>
            {% if booking.additional_message %}
            <div class="info-item">
                <span class="info-label">Your Message:</span>
                <span class="info-value">{{ booking.additional_message }}</span>
            </div>
            {% endif %}
        </div>
    </div>

    <div class="section">
        <h2 class="section-title">What Happens Next?</h2>
        <div class="steps">
            <div class="step">
                <strong>Review Process</strong><br>
                Our clinical team will review your request to ensure we're the right fit for your needs.
            </div>
            <div class="step">
                <strong>Confirmation</strong><br>
                We'll contact you within 24 hours to confirm your appointment details.
            </div>
            <div class="step">
                <strong>Session Preparation</strong><br>
                You'll receive a confirmed date, time, and secure video meeting link.
            </div>
        </div>
    </div>

    <div class="section">
        <h2 class="section-title">Need Immediate Assistance?</h2>
        <p>If you have any questions or need to modify your request, please don't hesitate to contact us:</p>
        <div style="text-align: center; margin: 25px 0;">
            <a href="tel:+19548073027" class="button">📞 Call Us: (954) 807-3027</a>
        </div>
    </div>

    <div class="section">
        <p style="color: #6b7280; font-style: italic;">
            "The journey of a thousand miles begins with a single step."<br>
            - Lao Tzu
        </p>
    </div>
</div>

<div class="footer">
    <p><strong>Attune Heart Therapy</strong></p>
    <p>Healing Hearts, Transforming Lives</p>
    <div class="contact-info">
        📞 (954) 807-3027<br>
        ✉️ hello@attunehearttherapy.com<br>
        🌐 attunehearttherapy.com
    </div>
</div>
{% endblock %}