<div class="twelve wide column content">
	{{template "base/alert" .}}
	<h4 class="ui top attached header">
	  {{.i18n.Tr "repo.settings.hooks"}}
	  <div class="ui right">
      <div class="ui floating1 jump dropdown">
        <div class="ui blue tiny button">{{.i18n.Tr "repo.settings.add_webhook"}}</div>
        <div class="menu">
          <a class="item" href="{{.BaseLink}}/settings/hooks/gogs/new">
            <img class="img-10" src="{{AppSubUrl}}/img/favicon.png">Gogs
          </a>
          <a class="item" href="{{.BaseLink}}/settings/hooks/slack/new">
            <img class="img-10" src="{{AppSubUrl}}/img/slack.png">Slack
          </a>
        </div>
      </div>
	  </div>
	</h4>
	<div class="ui attached table segment">
    <div class="ui hook list">
      <div class="item">
      	{{.Description | Str2html}}
      </div>
      {{range .Webhooks}}
			<div class="item">
				{{if eq .LastStatus 1}}
				<span class="text green"><i class="octicon octicon-check"></i></span>
				{{else if eq .LastStatus 2}}
				<span class="text red"><i class="octicon octicon-alert"></i></span>
				{{else}}
				<span class="text grey"><i class="octicon octicon-primitive-dot"></i></span>
				{{end}}
				<a href="{{$.BaseLink}}/settings/hooks/{{.ID}}">{{.URL}}</a>
				<div class="ui right">
					<span class="text blue"><a href="{{$.BaseLink}}/settings/hooks/{{.ID}}"><i class="fa fa-pencil"></i></a></span>
					<span class="text red"><a class="delete-button" data-url="{{$.Link}}/delete" data-id="{{.ID}}"><i class="fa fa-times"></i></a></span>
				</div>
			</div>
      {{end}}
    </div>
  </div>
</div>

{{template "repo/settings/hook_delete_modal" .}}