<h4 class="ui top attached header">
  {{.i18n.Tr "settings.manage_gpg_keys"}}
  <div class="ui right">
    <div class="ui blue tiny show-panel button" data-panel="#add-gpg-key-panel">{{.i18n.Tr "settings.add_key"}}</div>
  </div>
</h4>
<div class="ui attached segment">
  <div class="ui key list">
    <div class="item">
      {{.i18n.Tr "settings.gpg_desc"}}
    </div>
    {{range .GPGKeys}}
      <div class="item">
          <div class="right floated content">
            <button class="ui red tiny button delete-button" id="delete-gpg" data-url="{{$.Link}}/delete?type=gpg" data-id="{{.ID}}">
              {{$.i18n.Tr "settings.delete_key"}}
            </button>
          </div>
          <i class="mega-octicon octicon-key {{if or .Expired.IsZero (.Expired.After $.PageStartTime)}}green{{end}}"></i>
          <div class="content">
            {{range .Emails}}<strong>{{.Email}} </strong>{{end}}
            <div class="print meta">
              <b>{{$.i18n.Tr "settings.key_id"}}:</b> {{.KeyID}}
              <b>{{$.i18n.Tr "settings.subkeys"}}:</b> {{range .SubsKey}} {{.KeyID}} {{end}}
            </div>
            <div class="activity meta">
                <i>{{$.i18n.Tr "settings.add_on"}} <span>{{DateFmtShort .Added}}</span></i>
                 -
                <i>{{$.i18n.Tr "settings.valid_until"}} <span>{{if not .Expired.IsZero }}{{DateFmtShort .Expired}}{{else}}{{$.i18n.Tr "settings.never"}}{{end}}</span></i>
            </div>
          </div>
      </div>
    {{end}}
  </div>
</div>
<br>
<p>{{.i18n.Tr "settings.gpg_helper" "https://help.github.com/articles/about-gpg/" | Str2html}}</p>
<div {{if not .HasGPGError}}class="hide"{{end}} id="add-gpg-key-panel">
  <h4 class="ui top attached header">
     {{.i18n.Tr "settings.add_new_gpg_key"}}
  </h4>
  <div class="ui attached segment">
    <form class="ui form" action="{{.Link}}" method="post">
      {{.CsrfTokenHtml}}
      <input type="hidden" name="title" value="none">
      <div class="field {{if .Err_Content}}error{{end}}">
        <label for="content">{{.i18n.Tr "settings.key_content"}}</label>
        <textarea id="gpg-key-content" name="content" required>{{.content}}</textarea>
      </div>
      <input name="type" type="hidden" value="gpg">
      <button class="ui green button">
        {{.i18n.Tr "settings.add_key"}}
      </button>
    </form>
  </div>
</div>

<div class="ui small basic delete modal" id="delete-gpg">
	<div class="ui icon header">
		<i class="trash icon"></i>
		{{.i18n.Tr "settings.gpg_key_deletion"}}
	</div>
	<div class="content">
		<p>{{.i18n.Tr "settings.gpg_key_deletion_desc"}}</p>
	</div>
	{{template "base/delete_modal_actions" .}}
</div>