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

{% block site-nav %}
{% include "cacsremoteservice/views/partials/site-nav.html" with active="configuration" %}
{% endblock %}

{% block scripts %}
<script>
 codescene.views.configurations.notifications.init();
</script>
{% endblock %}

{% block main %}

{% include "cacsremoteservice/views/configuration/config-header.html" with configuration-tabs=configuration-tabs %}

<div id="page-body" class="configuration-view">
  <div class="text-content">
    <h1>Notifications Configuration
      <a href="{{view-context}}/docs/integrations/slack/notifications.html" target="_blank" class="help-link pull-right">
        <i class="fa fa-question-circle"></i>
      </a>
    </h1>
    <p class="lead text-muted">
      Receive notifications for analysis events and warnings about the state of your code.
    </p>

    <p class="help-block">
      <mark>Check your <a target="_blank" href="{{view-context}}/configuration#network-settings"><strong>CodeScene host URL</strong></a> first.</mark>
      To receive correct links to your analysis results set a proper host URL.
    </p>

      <div class="slack-notifications">
      <section>
        <h2>Slack Notifications</h2>
        <p>
          Notifications can be pushed to your <a target="_blank" href="https://slack.com/">Slack</a> channel.
          Read more about the <a target="_blank" href="https://api.slack.com/">Slack API here</a>.
        </p>

        <form action="{{view-context}}/configuration/notifications/slack" method="post">

          <div class="form-group">
            <label>
              <input id="slack-active" type="checkbox" name="slack-active" {% if notification-providers.slack.notification-provider/active? %} checked {% endif %} />
              Use Slack Notifications
            </label>
          </div>

          <div class="slack-notification-toggleable"
               {% if not notification-providers.slack.notification-provider/active? %} style="display: none" {% endif %}>

            <div id="slack-connection-settings">
              <h3>Slack API Connection Settings</h3>
              <hr />
              <p>Note: The default proxy server settings are applied automatically. See the <i>System -> Proxy Server</i> configuration.
              </p>
                <div class="form-group">
                  <label for="slack-api-url">Slack API url:</label>
                  <input class="form-control"
                         type="text"
                         id="slack-api-url"
                         name="slack-api-url"
                         value="{{notification-providers.slack.notification-provider/config.api-url}}"
                         required />
                </div>
                <div class="form-group">
                  <label for="slack-api-token">Slack API token:</label>
                  <p>
		    Consult
		    the <a href="https://api.slack.com/slack-apps">Slack documentation</a> about obtaining your API token.  Don't
		    forget to set the proper permission scope <a href="https://api.slack.com/scopes/chat:write:bot">chat:write:bot</a>.
                  </p>
                    <input class="form-control"
                           type="text"
                           id="slack-api-token"
                           name="slack-api-token"
                           value="{{notification-providers.slack.notification-provider/config.api-token}}"
                           placeholder="xoxs-123456789abc-123456789abc-123456789abc-123456789abc"
                           required />
                </div>
                <hr />
                <div class="form-group">
                  <label for="slack-api-connection-timeout"> Slack API connection timeout (in milliseconds):</label>
                  <input class="form-control"
                         type="number"
                         id="slack-api-connection-timeout"
                         name="slack-api-connection-timeout"
                         value="{{notification-providers.slack.notification-provider/config.connection-timeout}}"
                         />
                </div>
                <div class="form-group">
                  <label for="slack-api-socket-timeout"> Slack API socket timeout (in milliseconds):</label>
                  <input class="form-control"
                         type="number"
                         id="slack-api-socket-timeout"
                         name="slack-api-socket-timeout"
                         value="{{notification-providers.slack.notification-provider/config.socket-timeout}}"
                         />
                </div>
            </div>

            <div id="slack-notification-settings">
              <h3>Slack Notifications Settings</h3>

              <p>
                <i>Fill in the recipient and check notifications you want to receive.<br />
                  You can leave this section empty if you don't want to configure notifications for all projects
                  and configure per-project notifications instead.</i>.
              </p>

              <div class="form-group">
                <label for="slack-recipient">Notification recipient:</label>
                <p>
                  Slack notifications will be sent to this recipient.
                  You can <mark>specify an individual Slack user as <b><i>@username</i></b> or a channel as <b><i>#channel</i></b>.</mark>
                </p>
                <input class="form-control"
                  type="text"
                  id="slack-recipient"
                  name="slack-recipient"
                  value="{{notification-providers.slack.notification-provider/recipient}}"
                  />
              </div>

              {% include "cacsremoteservice/views/configuration/notifications-settings-fragment.html" %}

            </div>
          </div>
          <div class="form-group">
            <button class="default-button" type="submit">Save Slack Notifications Settings</button>
          </div>
        </form>

        <div>
          <hr />
          <p>
            Test the saved configuration quickly by clicking 'Send Test Notification'.
            You need to <i><strong>Save Slack Notifications Settings</strong></i> first!
          </p>
          <p class="help-block">
            This tries to find a project with last analysis results that produced some warnings (ordered by the most recent analyses).
            The project is used to generate a slack message.
            Whether the message will be delivered or not depends on the selected set of notifications.
            E.g. if you don't select the 'Analysis run' event and no project with warnings can be found, then you don't get any message on Slack.
          </p>
          <div class="form-group">
          <button id="test-notification-button" class="default-button" type="submit">Send Test Notification</button>
          </div>
        </div>

      </section>
    </div>
  </div>
</div>


{% endblock %}