<div class="standard-form bwlp-form bwlp-google-fonts">
  <p class="notes">{{localize "BWLP.GFontIntro"}}</p>
  <div class="form-group">
    <label>{{localize "BWLP.GFontFamily"}}</label>
    <div class="bwlp-file-row">
      <input type="text" name="family" list="bwlp-gfonts-list" placeholder="Cinzel" autocomplete="off"/>
      <button type="submit"><i class="fas fa-download"></i> {{localize "BWLP.GFontImport"}}</button>
    </div>
    <datalist id="bwlp-gfonts-list">{{#each curated}}<option value="{{this}}"></option>{{/each}}</datalist>
    <p class="notes">{{localize "BWLP.GFontHint"}}</p>
  </div>
  {{#if imported.length}}
  <fieldset>
    <legend>{{localize "BWLP.GFontImported"}} ({{imported.length}})</legend>
    <div class="bwlp-gfont-scroll" style="max-height: 45vh; overflow-y: auto;">
    {{#each imported}}
      <div class="bwlp-custom-row">
        <span class="bwlp-custom-name" style="font-family: '{{this}}', serif;">{{this}}</span>
        <button type="button" class="bwlp-remove" data-action="remove" data-key="{{this}}" data-tooltip="{{localize 'BWLP.Remove'}}"><i class="fas fa-trash"></i></button>
      </div>
    {{/each}}
    </div>
  </fieldset>
  {{/if}}
</div>
