{{template "base/head" .}}
{{template "base/navbar" .}}
{{template "repo/nav" .}}
{{template "repo/toolbar" .}}
<div id="body" class="container">
    {{template "repo/setting_nav" .}}
    <div id="repo-setting-container" class="col-md-10">
        {{template "base/alert" .}}
        <div class="panel panel-default">
            <div class="panel-heading">
                Add Webhook
            </div>
            <div class="panel-body">
                <p>We’ll send a POST request to the URL below with details of any subscribed events.</p>
                <hr/>
                <form id="repo-hooks-add-form" action="/{{.Owner.Name}}/{{.Repository.Name}}/settings/hooks/add" method="post" class="col-md-7">
                    <div class="form-group">
                        <label for="payload-url">Payload URL</label>
                        <input id="payload-url" class="form-control" type="url" required="required" name="url"/>
                    </div>
                    <div class="form-group">
                        <label for="payload-version">Payload Version</label>
                        <select name="version" id="payload-version" class="form-control">
                            <option value="json">application/json</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="payload-secret">Secret</label>
                        <input id="payload-secret" class="form-control" type="text" required="required" name="secret"/>
                    </div>
                    <hr/>
                    <div class="form-group">
                        <label>Which events would you like to trigger this webhook?</label>
                        <div class="radio">
                            <label>
                                <input class="form-control" type="radio" value="push" name="trigger"/> Just the <i>push</i> event.
                            </label>
                        </div>
                    </div>
                    <hr/>
                    <div class="form-group">
                        <label>
                            <input type="checkbox" name="active" value="Active" checked/>&nbsp;&nbsp;
                            Active
                        </label>
                        <p class="help-block">We will deliver event details when this hook is triggered.</p>
                    </div>
                </form>
            </div>
            <div class="panel-footer">
                <a href="/{{.Owner.Name}}/{{.Repository.Name}}/settings/hooks"><button class="btn btn-primary">Webhooks List</button></a>
            </div>
        </div>

    </div>
</div>
{{template "base/footer" .}}