<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>Order Received</title></head>
<body style="font-family: Arial, sans-serif; line-height: 1.6; color: #333; max-width: 600px; margin: 0 auto; padding: 20px;">
    <div style="background: #fff3cd; padding: 20px; border-radius: 8px; margin-bottom: 20px; border-left: 4px solid #ffc107;">
        <h2 style="color: #856404; margin: 0;">Order Processing</h2>
        <p style="color: #856404; margin: 5px 0 0 0;">Order #{order_id} Received</p>
    </div>
    
    <div style="background: white; padding: 20px; border: 1px solid #dee2e6; border-radius: 8px;">
        <p>Dear {reseller_name},</p>
        
        <p>We have received your order and it is now being processed.</p>
        
        <div style="background: #f8f9fa; padding: 15px; border-radius: 5px; margin: 20px 0;">
            <h4 style="color: #495057; margin: 0 0 10px 0;">Order Details:</h4>
            <ul style="margin: 0; padding-left: 20px;">
                <li><strong>Order ID:</strong> #{order_id}</li>
                <li><strong>Order Date:</strong> {order_date}</li>
                <li><strong>Total Amount:</strong> {total_amount}</li>
                <li><strong>Estimated Completion:</strong> {estimated_completion}</li>
            </ul>
        </div>
        
        <div style="background: #e3f2fd; padding: 15px; border-radius: 5px; margin: 20px 0;">
            <h4 style="color: #1976d2; margin: 0 0 10px 0;">Items Ordered:</h4>
            <div style="white-space: pre-line;">{items_list}</div>
        </div>
        
        <p>You will receive another notification once your order has been provisioned and is ready for use.</p>
        
        <p>Best regards,<br><strong>OpenWeb Reseller Management Team</strong></p>
    </div>
</body>
</html>