<div>
  <div class="linkModal">
    <h1><%- insertHeading %></h1>
    <% if(_.contains(linkTypes, 'upload')){ %>
    <p class="info"><%- insertLinkHelp %></p>
    <% } %>

    <div class="linkTypes pat-autotoc autotabs"
         data-pat-autotoc="section:fieldset;levels:legend;IDPrefix:tinymce-autotoc-">

      <% if(_.contains(linkTypes, 'internal')){ %>
      <fieldset class="linkType internal" data-linkType="internal">
        <legend id="tinylink-internal"><%- internal %></legend>
        <div>
          <div class="main mb-2">
            <!-- this gives the name to the "linkType" -->
            <input type="text" name="internal" class="form-control" />
          </div>
        </div>
      </fieldset>
      <% } %>

      <% if(_.contains(linkTypes, 'external')){ %>
      <fieldset class="linkType external" data-linkType="external">
        <legend id="tinylink-external"><%- external %></legend>
        <div class="main mb-2">
          <label for="external"><%- externalText %></label>
          <input type="text" name="external" class="form-control" />
        </div>
      </fieldset>
      <% } %>

      <% if(_.contains(linkTypes, 'email')){ %>
      <fieldset class="linkType email" data-linkType="email">
        <legend id="tinylink-email"><%- emailText %></legend>
        <div>
          <div class="main mb-2">
            <label><%- emailText %></label>
            <input type="text" name="email" class="form-control" />
          </div>
          <div class="mb-2">
            <label><%- subjectText %></label>
            <input type="text" name="subject" class="form-control" />
          </div>
        </div>
      </fieldset>
      <% } %>

      <% if(_.contains(linkTypes, 'anchor')){ %>
      <fieldset class="linkType anchor" data-linkType="anchor">
        <legend id="tinylink-anchor"><%- anchor %></legend>
        <div>
          <div class="main mb-2">
            <label><%- anchorLabel %></label>
            <div class="input-wrapper">
              <select name="anchor" class="pat-select2" data-pat-select2="width:500px"></select>
            </div>
          </div>
        </div>
      </fieldset>
      <% } %>

    </div><!-- / tabs -->

    <div class="common-controls mt-3 border-top pt-3">
      <div class="mb-2">
        <label><%- target %></label>
        <select name="target" class="form-select">
          <% _.each(targetList, function(target){ %>
            <option value="<%- target.value %>"><%- target.text %></option>
          <% }); %>
        </select>
      </div>
      <div class="mb-2">
        <label><%- titleText %></label>
        <input type="text" name="title" class="form-control" />
      </div>
    </div>

    <input type="submit" class="btn btn-secondary plone-btn me-1" name="cancel" value="<%- cancelBtn %>" />
    <input type="submit" class="btn btn-primary plone-btn" name="insert" value="<%- insertBtn %>" />
  </div>
</div>
