<ng-include src="'templates/loader.html'" ng-if="$ctrl.loading.application || $ctrl.loading.integration"></ng-include>

<div class="panel panel-default" ng-show="!$ctrl.loading.application && !$ctrl.loading.integration">
    <div class="panel-heading" ng-include="'templates/settings_breadcrumbs.html'"></div>
    <div class="panel-body">

        <h1>Github Integration</h1>

        <form name="$ctrl.integrationForm" ng-submit="$ctrl.configureIntegration()" class="form-horizontal">


            <div class="form-group">

                <label class="control-label col-sm-3 col-lg-2">Repository</label>

                <div class="col-sm-8 col-lg-9">

                    <data-form-errors errors="$ctrl.integrationForm.ae_validation.user_name"></data-form-errors>
                    <data-form-errors errors="$ctrl.integrationForm.ae_validation.repo_name"></data-form-errors>

                    <div class="input-group">
                        <div class="input-group-addon">https://api.github.com/</div>
                        <input class="form-control" ng-model="$ctrl.config.user_name" placeholder="user" type="text">
                        <div class="input-group-addon">/</div>
                        <input class="form-control" ng-model="$ctrl.config.repo_name" placeholder="repo_name" type="text">
                    </div>

                </div>
            </div>

            <div class="form-group">

                <label class="control-label col-sm-3 col-lg-2"></label>

                <input type="submit" class="btn btn-primary" value="Use this repo">

                    <span class="dropdown" data-uib-dropdown on-toggle="toggled(open)">
                        <a class="btn btn-danger" data-uib-dropdown-toggle><span class="fa fa-trash-o"></span> Remove Integration</a>
                      <ul class="dropdown-menu">
                          <li><a>No</a></li>
                          <li><a ng-click="$ctrl.removeIntegration()">Yes</a></li>
                      </ul>
                    </span>

            </div>
        </form>

        <p class="m-t-1">Remember you first need to
            <strong>
                <a data-ui-sref="user.profile.identities">authorize your user account</a></strong>
            with Github before we can send issues on your behalf.</p>

        <p>Every user will have to authorize AppEnlight to access Github to be able to post issues.</p>

        <div class="panel panel-warning">
            <div class="panel-heading">Private repository access</div>
            <div class="panel-body">
                <p>If you need access to private repositories <a data-ui-sref="user.profile.identities">profile page</a> allows you to require token including private repository permissions.</p>

                <p>Registration page OAuth does NOT give you token with private repository access permissions.</p>
            </div>
        </div>

    </div>
</div>