{{template "base/head" .}}
{{template "base/navbar" .}}
{{template "repo/nav" .}}
{{template "repo/toolbar" .}}
<div id="body" class="container">
    <div id="user-setting-nav" class="col-md-3">
        <ul class="list-group">
            <li class="list-group-item active"><a href="/{{.Owner.Name}}/{{.Repository.Name}}/settings">Options</a></li>
            <!--<li class="list-group-item"><a href="#">Collaborators</a></li>
            <li class="list-group-item"><a href="#">Notifications</a></li>-->
        </ul>
    </div>

    <div id="repo-setting-container" class="col-md-9">
        {{if .IsSuccess}}<p class="alert alert-success">Repository options has been successfully updated.</p>{{else if .HasError}}<p class="alert alert-danger form-error">{{.ErrorMsg}}</p>{{end}}
        <div class="panel panel-default">
            <div class="panel-heading">
                Repository Options
            </div>

            <div class="panel-body">
                <form action="/{{.Owner.Name}}/{{.Repository.Name}}/settings" method="post" class="form-horizontal">
                    {{.CsrfTokenHtml}}
                    <input type="hidden" name="action" value="update">
                    <div class="form-group">
                        <label class="col-md-3 text-right">Name</label>
                        <div class="col-md-9">
                            <input class="form-control" name="name" value="{{.Repository.Name}}" />
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-3 text-right">Description</label>
                        <div class="col-md-9">
                            <textarea class="form-control" name="desc" id="repo-desc" rows="3">{{.Repository.Description}}</textarea>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-3 text-right">Official Site</label>
                        <div class="col-md-9">
                            <input type="url" class="form-control" name="site" value="{{.Repository.Website}}" />
                        </div>
                    </div>
                    <!-- <div class="form-group">
                        <label class="col-md-3 text-right">Default Branch</label>
                        <div class="col-md-9">
                            <select name="branch" id="repo-default-branch" class="form-control">
                                <option value="">Branch</option>
                            </select>
                        </div>
                    </div> -->
                    <div class="form-group">
                        <div class="col-md-9 col-md-offset-3">
                            <button class="btn btn-primary" type="submit">Save Options</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div class="panel panel-warning">
            <div class="panel-heading">
                Danger Zone
            </div>
            
            <div class="panel-body">
                <button type="button" class="btn btn-default pull-right" href="#delete-repository-modal" data-toggle="modal">
                    Delete this repository
                </button>
                <dd>
                    <dt>Delete this repository.</dt>
                    <dl>Once you delete a repository, there is no going back. Please be certain.</dl>
                </dd>

                <div class="modal fade" id="delete-repository-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <form action="/{{.Owner.Name}}/{{.Repository.Name}}/settings" method="post" class="modal-content">
                            {{.CsrfTokenHtml}}
                            <input type="hidden" name="action" value="delete">

                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                <h4 class="modal-title" id="myModalLabel">Delete repository</h4>
                            </div>

                            <div class="modal-body">
                                <div class="form-group">
                                    <label>Please enter your repository name "<strong class="text-danger">{{.Repository.Name}}</strong>"</label>
                                    <input name="repository" class="form-control" type="text" placeholder="Type your repository name" required="required">
                                </div>
                            </div>

                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                                <button class="btn btn-danger btn-lg">I understand the consequences, delete this repository</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{{template "base/footer" .}}