{% extends "cacsremoteservice/views/layouts/master.html" %}

{% block scripts %}
<script type="text/javascript">
  {% if ff-multi-host-pr-integration %}
  codescene.views.multiHostPrIntegration.init({
    mountPoint: document.getElementById('multi-host-pr-integration-root'),
    data: {{multi-host-pr-integration-data|json|safe}}
  });
  {% else %}
  codescene.views.projects.deltaAnalysisConfiguration.init();
  {% endif %}
</script>
{% endblock %}

{% block secondary-nav %}
{% include "cacsremoteservice/views/projects/project-header.html" with project=item tabs=tabs %}
{% endblock %}

{% block main %}
{% if ff-multi-host-pr-integration %}
<div class="project-webhooks-view" id="page-body">
  <div id="multi-host-pr-integration-root"></div>
</div>
{% else %}
<div class="project-webhooks-view" id="page-body">
  {% include "cacsremoteservice/views/partials/validation-errors.html" %}
  <div class="text-content">
    <div class="title-area">
      <h2>PR Integration</h2>
      <p class="lead text-muted">Specify if you want to run delta analyses on Pull Requests using external webhooks.</p>
      <p class="help-block">Remember to configure the <a href="{{view-context}}/configuration#network-settings">CodeScene host URL</a> before configuring webhooks.
    Read more in <a href="{{view-context}}/docs/guides/pr-integration/integrate-into-ci-cd.html">the documentation</a>.</p>
      {% if not item.hosted-remotes-available? %}
      <div class="details-box details-box--warning">
        <h5 class="details-box__title">PR integration unavailable</h5>
        <p>PR integration is unavailable because the project has no hosted repository origins. Add a hosted Git remote using an HTTPS or SSH repository URL, then run an analysis before enabling PR integration.</p>
      </div>
      {% endif %}

    </div>
    <div>
      <div class="details-box">
        <h5 class="details-box__title">Automated code health review, code quality & code coverage</h5>
        <p>Customize how CodeScene comments on pull requests by selecting a code quality profile {% if any item.possible-repo-providers.github item.possible-repo-providers.other %}and defining coverage thresholds.{% endif %}</p>
        <div class="details-box__links">
          <a href="configuration#delta-analysis">Configure Code Quality Gates</a>
          {% if any item.possible-repo-providers.github item.possible-repo-providers.other %}
          <a href="configuration#coverage-gates">Configure Code Coverage Gates</a>
          {% endif %}
        </div>
      </div>
        {% if item.multi-host-pr-integration-unavailable? %}
        <div class="details-box">
          <h5 class="details-box__title">PR integration unavailable</h5>
          <p>This project has repositories from multiple code hosts. PR integration is not available unless the multi-host PR integration feature is enabled.</p>
        </div>
        {% else %}
        <form action="{{view-context}}/projects/{{item.id}}/webhooks/"
        method="post"
        name="webhooks_form"
        enctype="multipart/form-data"   
        >
        <div class="form-group">
          <input
            class="form-check-input"
            id="delta-analysis-enabled"
            data-automation-id="enable-pr-integration"
            name="delta-analysis-enabled"
            type="checkbox"
            value="true"
            {% if item.integration-enabled? %} checked="checked" {% endif %}
            {% if not item.hosted-remotes-available? %} disabled="disabled" {% endif %}>
          <label
            class="form-check-label"
            for="delta-analysis-enabled">
            Enable integration for this project
          </label>

            {% if any item.possible-repo-providers.azure item.possible-repo-providers.other %}
            <div class="radio">
                <label><input type="radio" name="webhook-provider-type" required value="azure"
                    {% ifequal item.config-set.metadata.provider-id :azure %} checked="checked" {% endifequal %}>
                Azure
                </label>
            </div>
            {% endif %}
            {% if any item.possible-repo-providers.bitbucket item.possible-repo-providers.other %}
            <div class="radio">
                <label><input type="radio" name="webhook-provider-type" required value="bitbucket"
                    {% ifequal item.config-set.metadata.provider-id :bitbucket %} checked="checked" {% endifequal %}>
                BitBucket
                </label>
            {% endif %}
            {% if any item.possible-repo-providers.bitbucket-server item.possible-repo-providers.other %}
            <div class="radio">
                <label><input type="radio" name="webhook-provider-type" required value="bitbucket-server"
                    {% ifequal item.config-set.metadata.provider-id :bitbucket-server %} checked="checked" {% endifequal %}>
                BitBucket Server
                </label>
            </div>
            {% endif %}
            {% if any item.possible-repo-providers.gerrit item.possible-repo-providers.other %}
            <div class="radio">
                <label><input type="radio" name="webhook-provider-type" required value="gerrit"
                    {% ifequal item.config-set.metadata.provider-id :gerrit %} checked="checked" {% endifequal %}>
                Gerrit
                </label>
            </div>
            {% endif %}
              {% if ff-gerrit-plugin %}
            {% if any item.possible-repo-providers.plugin-gerrit item.possible-repo-providers.other %}
            <div class="radio">
              <label><input type="radio" name="webhook-provider-type" required value="plugin-gerrit"
                {% ifequal item.config-set.metadata.provider-id :plugin-gerrit %} checked="checked" {% endifequal %}>
                Gerrit Plugin
              </label>
            </div>
            {% endif %}
              {% endif %}

            {% if any item.possible-repo-providers.github item.possible-repo-providers.other %}
            <div class="radio">
                <label><input type="radio" name="webhook-provider-type" required value="github-app"
                    {% ifequal item.config-set.metadata.provider-id :github %} checked="checked" {% endifequal %}>
                GitHub App
                </label>
            </div>
            {% endif %}
            {% if any item.possible-repo-providers.gitlab item.possible-repo-providers.other %}
            <div class="radio">
                <label><input type="radio" name="webhook-provider-type" required value="gitlab"
                    {% ifequal item.config-set.metadata.provider-id :gitlab %} checked="checked" {% endifequal %}>
                GitLab
                </label>
            </div>
            {% endif %}
        </div>
    </div>

        <div class="azure-provider-toggleable">
            {% include "cacsremoteservice/views/projects/webhooks-configuration/azure-provider.html" %}
        </div>

        <div class="bitbucket-provider-toggleable">
          {% include "cacsremoteservice/views/projects/webhooks-configuration/bitbucket-provider.html" %}
        </div>

        <div class="bitbucket-server-provider-toggleable">
          {% include "cacsremoteservice/views/projects/webhooks-configuration/bitbucket-server-provider.html" %}
        </div>

        <div class="gerrit-provider-toggleable">
          {% include "cacsremoteservice/views/projects/webhooks-configuration/gerrit-provider.html" %}
        </div>
          {% if ff-gerrit-plugin %}
        <div class="plugin-gerrit-provider-toggleable">
          {% include "cacsremoteservice/views/projects/webhooks-configuration/plugin-gerrit-provider.html" %}
        </div>
          {% endif %}

        <div class="github-app-provider-toggleable">
          {% include "cacsremoteservice/views/projects/webhooks-configuration/github-app-provider.html" %}
        </div>

        <div class="gitlab-provider-toggleable">
          {% include "cacsremoteservice/views/projects/webhooks-configuration/gitlab-provider.html" %}
        </div>

        <div id='save-config-button'>
            <button class="default-button" type="submit">
            <i class="save-progress-indicator fa fa-check"></i>
            <span class="text">Save Configuration</span>
            </button>
        </div>
        </form>
        {% endif %}
    </div>

  </div>
  </div>
</div>
{% endif %}
{% endblock %}