Inserting dynamic content into script

Hello, I really need your help. I am not really much into a coding, but i am trying my best. I am using Elementor single post template with HTML code widget on it to display information from Tradingview (you may generate code for this widget on the Tradingview website).

The code of widget is the following:

<div class="tradingview-widget-container">
  <div class="tradingview-widget-container__widget"></div>
  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-symbol-info.js" async> 
  {
    
  "symbol": "NASDAQ:AAPL",
  "width": "100%",
  "locale": "ru",
  "colorTheme": "light",
  "isTransparent": false
}
  </script>
</div>

And i need the place where “NASDAQ:AAPL” to be dynamic depending on the post (pods field is created as simple text). I am trying to do that with Pods plugin in any way, but it’s just not working. Is it possible to do that and can you help me please?

The page I need help with: [log in to see the link]