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

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

        <h1>Jira Integration</h1>

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

            <div class="form-group" id="row-host_name">

                <label class="control-label col-sm-3 col-lg-2">
                    Server URL <span class="required">*</span>
                </label>
                <div class="col-sm-8 col-lg-9">
                    <data-form-errors errors="integration.integrationForm.ae_validation.host_name"></data-form-errors>
                    <input class="form-control" id="host_name" name="host_name" type="text" ng-model="integration.config.host_name">
                </div>
            </div>
            <div class="form-group" id="row-user_name">

                <label class="control-label col-sm-3 col-lg-2">
                    Username <span class="required">*</span>
                </label>
                <div class="col-sm-8 col-lg-9">

                    <data-form-errors errors="integration.integrationForm.ae_validation.user_name"></data-form-errors>
                    <input class="form-control" id="user_name" name="user_name" type="text" ng-model="integration.config.user_name">
                </div>
            </div>
            <div class="form-group" id="row-password">

                <label class="control-label col-sm-3 col-lg-2">
                    Password <span class="required">*</span>
                </label>
                <div class="col-sm-8 col-lg-9">
                    <data-form-errors errors="integration.integrationForm.ae_validation.password"></data-form-errors>
                    <input class="form-control" id="password" name="password" type="password" ng-model="integration.config.password">
                </div>
            </div>
            <div class="form-group" id="row-project">

                <label class="control-label col-sm-3 col-lg-2">
                    Project key <span class="required">*</span>
                </label>
                <div class="col-sm-8 col-lg-9">
                    <data-form-errors errors="integration.integrationForm.ae_validation.project"></data-form-errors>
                    <input class="form-control" id="project" name="project" type="text" ng-model="integration.config.project">
                </div>
            </div>
            <div class="form-group" id="row-submit">
                <label class="control-label col-sm-3 col-lg-2"></label>
                <div class="col-sm-8 col-lg-9">
                    <input class="form-control btn btn-primary" id="submit" name="submit" type="submit" value="Setup Jira">

                        <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="integration.removeIntegration()">Yes</a></li>
                          </ul>
                        </span>
                </div>
            </div>

        </form>


    </div>
</div>