QR codes and email

from django.db.models.signals import post_save
from django.dispatch import receiver
from .models import PurchaseOrders
from api.utils import generate_qr_code

@receiver(post_save, sender=PurchaseOrders)
def create_qr_on_order(sender, instance, created, **kwargs):
    if created and not instance.qr_image:
        generate_qr_code(instance)

class PurchaseOrdersConfig(AppConfig):
    name = 'api.purchase_orders'

    def ready(self):
        import api.purchase_orders.signals  # registers the signal

INSTALLED_APPS = [
    # ...
    "api.purchase_orders.apps.PurchaseOrdersConfig",
]

import qrcode
import os
import json
import hashlib
from datetime import datetime
from django.conf import settings

def generate_qr_code(purchase_order):
    """
    Generates a QR code image for a purchase order.
    Stores the result at media/qr_codes/<filename>.png
    and writes the relative path to purchase_order.qr_image.
    """
    try:
        total_tickets = purchase_order.get_total_tickets()

        qr_data = {
            "order_id": purchase_order.id,
            "email": purchase_order.email,
            "purchase_date": purchase_order.purchase_date.isoformat(),
            "visit_date": purchase_order.visit.day.isoformat(),
            "total_tickets": total_tickets,
            "total_crc": float(purchase_order.total_crc),
            "total_usd": float(purchase_order.total_usd),
            "status": purchase_order.status,
            "visit_id": purchase_order.visit.id
        }

        # 8-character MD5 verification token
        data_string = (
            f"{purchase_order.id}-{purchase_order.email}"
            f"-{purchase_order.purchase_date}-{total_tickets}"
        )
        verification_hash = hashlib.md5(data_string.encode()).hexdigest()[:8]
        qr_data["verification"] = verification_hash

        qr_json = json.dumps(qr_data, ensure_ascii=False)

        qr = qrcode.QRCode(
            version=1,
            error_correction=qrcode.constants.ERROR_CORRECT_M,
            box_size=10,
            border=4,
        )
        qr.add_data(qr_json)
        qr.make(fit=True)

        # Cyan fill matches the site theme
        img = qr.make_image(fill_color="#0891b2", back_color="white")

        qr_dir = os.path.join(settings.MEDIA_ROOT, 'qr_codes')
        os.makedirs(qr_dir, exist_ok=True)

        timestamp = datetime.now().strftime("%Y%m%d_%H%M%S")
        file_name = f"qr_order_{purchase_order.id}_{timestamp}.png"
        file_path = os.path.join(qr_dir, file_name)
        img.save(file_path)

        relative_path = f"qr_codes/{file_name}"
        purchase_order.qr_image = relative_path
        purchase_order.save(update_fields=['qr_image'])

        return relative_path

    except Exception as e:
        print(f"Error generating QR for order {purchase_order.id}: {e}")
        return None

const EMAILJS_CONFIG = {
  serviceId: 'service_ke9gzcs',
  templateId: 'template_factura',          // primary invoice template
  fallbackTemplateId: 'template_cho3xqg',  // fallback if primary is missing
  publicKey: '3mQx8AVIUbbufg0BX'
};

VITE_EMAILJS_SERVICE_ID=service_ke9gzcs
VITE_EMAILJS_TEMPLATE_ID=template_factura
VITE_EMAILJS_PUBLIC_KEY=3mQx8AVIUbbufg0BX

/**
 * Send a full invoice email with QR reference.
 * @param {Object} invoiceData
 * @param {string} invoiceData.email           - Buyer's email address
 * @param {Object} invoiceData.purchaseOrder   - Order data from the API
 * @param {string} invoiceData.qrImageUrl      - Public URL of the generated QR image
 * @param {Array}  invoiceData.tickets         - Array of ticket line items
 * @returns {Promise<{ success: boolean, sentTo: string, emailResponse: Object }>}
 */
export const sendInvoiceEmail = async (invoiceData) => { ... };

/**
 * Send a minimal confirmation email (no itemised ticket list).
 * @param {Object} data
 * @param {string} data.name             - Buyer's name
 * @param {string} data.email            - Buyer's email address
 * @param {string} data.confirmationCode - Order confirmation code
 * @returns {Promise<{ success: boolean, message: string }>}
 */
export const sendSimpleConfirmationEmail = async (data) => { ... };

export const EMAIL_CONFIG = EMAILJS_CONFIG;

<h2>Purchase receipt — Fundación Corcovado</h2>

<p>Dear {{nombre}},</p>
<p>Thank you for your purchase. Here are your order details:</p>

<div style="background:#f5f5f5;padding:15px;border-radius:5px">
  <p><strong>Confirmation code:</strong> {{confirmation_code}}</p>
  <p><strong>Email:</strong> {{correo}}</p>
  <p><strong>Total:</strong> {{total_amount}}</p>
</div>

<pre style="white-space:pre-wrap;background:#f9f9f9;padding:10px">{{mensaje}}</pre>

<p>Present your QR code on the day of your visit.</p>
<p>Questions? Contact us at [email protected]</p>

try {
  response = await emailjs.send(
    EMAILJS_CONFIG.serviceId,
    EMAILJS_CONFIG.templateId,   // template_factura
    emailData,
    EMAILJS_CONFIG.publicKey
  );
} catch (templateError) {
  // Retry with the fallback template
  response = await emailjs.send(
    EMAILJS_CONFIG.serviceId,
    EMAILJS_CONFIG.fallbackTemplateId,  // template_cho3xqg
    emailData,
    EMAILJS_CONFIG.publicKey
  );
}

import { createAnonymousPurchase } from '@/services/anonymousPurchaseService';
import { sendInvoiceEmail } from '@/services/emailInvoiceService';

// After successful payment callback:
const purchaseResult = await createAnonymousPurchase(purchaseData);

if (purchaseResult.success) {
  const orderData = purchaseResult.data;
  const qrUrl = `${import.meta.env.VITE_BACKEND_URL}/media/${orderData.qr_image}`;

  const emailResult = await sendInvoiceEmail({
    email: buyer.email,
    purchaseOrder: orderData,
    qrImageUrl: qrUrl,
    tickets: ticketDetails
  });

  if (!emailResult.success) {
    toast.warn('Purchase confirmed, but the invoice email could not be sent.');
  }
}