const template = `
<div class="cookie-container">
  <div class="cookie-content">
    <h3 class="cookie-heading"></h3>
      <p>
        We use cookies for different reasons, including measuring your visits to our sites and remembering
        your preferences.
        <span class="cookie-necessary-url"></span>
      </p>

      <h4 class="cookie-heading">Analytics data</h4>
      <p>
        We gather analytics data to improve this website. You can choose whether your website usage is
        recorded in our analytics.
        <span class="cookie-performance-url"></span>
      </p>
      <div class="cookie-settings">
        <div class="cookie-check">
          <input type="radio" class="cookie-check-input" data-cookie-choice
                 name="performance"
                 id="edgel-cookie-setting-1"
                 value="yes"
          >
          <label class="cookie-check-label" for="edgel-cookie-setting-1">I'm OK with analytics data being recorded</label>
        </div>
        <div class="cookie-check">
          <input type="radio" class="cookie-check-input" data-cookie-choice
                 name="performance"
                 id="edgel-cookie-setting-2"
                 value="no"
          >
          <label class="cookie-check-label" for="edgel-cookie-setting-2">I do not want my website usage included in analytics data</label>
        </div>
      </div>

      <h4 class="cookie-heading">Personalised ads</h4>
      <p>
        We work with advertising partners to show you personalised ads for events and services you might
        be interested in, such as open days.
        <span class="cookie-adverts-url"></span>
      </p>
      <div class="cookie-settings">
        <div class="cookie-check">
          <input type="radio" class="cookie-check-input" data-cookie-choice
                 name="advertising"
                 id="edgel-cookie-setting-3"
                 value="yes"
          >
          <label class="cookie-check-label" for="edgel-cookie-setting-3">I'm OK with personalised ads</label>
        </div>
        <div class="cookie-check">
          <input type="radio" class="cookie-check-input" data-cookie-choice
                 name="advertising"
                 id="edgel-cookie-setting-4"
                 value="no"
          >
          <label class="cookie-check-label" for="edgel-cookie-setting-4">I do not want to see personalised ads</label>
        </div>
      </div>

      <p>You can always revisit these settings by clicking on the link at the bottom of all web pages.</p>

      <div class="cookie-actions">
        <button type="button" class="cookie-btn cookie-btn-primary" data-cookie-save>Save settings</button>
      </div>
    </div>
  </div>
</div>
`

export default template
