ghinda/index.html

## index.html
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>

    <textarea cols="100" rows="10"></textarea>

    <p>
      Test variable support with this template:

<pre><code>
to.first_name: {{to.first_name}}
from.first_name: {{from.first_name}}.
airbnb.phone_number: {{airbnb.phone_numer}}
airbnb.host.first_name: {{airbnb.host.first_name}}
</code></pre>
    <p>

    <script>
      const vars = {
        from: {
          first_name: 'Ionuț'
        },
        to: {
          first_name: 'John'
        },
        airbnb: {
          phone_numer: '+123456789',
          host: {
            first_name: 'Marie'
          }
        }
      }

      function encodeVars (v = {}) {
        return encodeURIComponent(JSON.stringify(v))
      }

      const $textarea = document.querySelector('textarea')
      $textarea.setAttribute('data-gorgias-variables', encodeVars(vars))
    </script>

  </body>
</html>
	<html>
	<head>
	<meta charset="utf-8">
	</head>
	<body>

	<textarea cols="100" rows="10"></textarea>

	<p>
	Test variable support with this template:

	<pre><code>
	to.first_name: {{to.first_name}}
	from.first_name: {{from.first_name}}.
	airbnb.phone_number: {{airbnb.phone_numer}}
	airbnb.host.first_name: {{airbnb.host.first_name}}
	</code></pre>
	<p>

	<script>
	const vars = {
	from: {
	first_name: 'Ionuț'
	},
	to: {
	first_name: 'John'
	},
	airbnb: {
	phone_numer: '+123456789',
	host: {
	first_name: 'Marie'
	}
	}
	}

	function encodeVars (v = {}) {
	return encodeURIComponent(JSON.stringify(v))
	}

	const $textarea = document.querySelector('textarea')
	$textarea.setAttribute('data-gorgias-variables', encodeVars(vars))
	</script>

	</body>
	</html>