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

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

{% block scripts %}
{% 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" id="reports">
    <h1>Mail Server Configuration</h1>
    <p class="lead text-muted">
      Configure a connection to an email server for sending auto-generated reports.
    </p>
    <!-- TODO: once we introduce more ways of using the mail server we can have both 'Test Send Management Report'
    as well as sending a simple plain-text email. -->
    <p>
      <i>You can test the configuration by <strong><a href="{{view-context}}/reports/config#test-management-report-email">sending a test management report</a></strong></i>
    </p>

    <form action="{{view-context}}/configuration/mail-server" method="post">
      <div class="reports" >
        <div class="form-group">
          <label for="mail-server-host-name">Host name:</label>
          <input class="form-control"
                 type="text"
                 id="mail-server-host-name"
                 name="mail-server-host-name"
                 placeholder="e.g. smtp.gmail.com"
                 value="{{mail-server-host-name}}"
                 required/>
        </div>
        <div class="form-group">
          <label>Port</label>
          <input class="form-control"
                 type="number"
                 id="mail-server-port"
                 name="mail-server-port"
                 placeholder="e.g. 465"
                 value="{{mail-server-port}}"
                 min="1"
                 required/>
        </div>
        <div class="form-group">
          <label>Secure Mail Transport</label>
          <div class="radio">
            <label>
              <input type="radio" name="mail-server-secure-transport" value="none"
                {% if not mail-server-ssl %} checked="checked" {% endif %}/>
              None
            </label>
            <label>
              <input type="radio" name="mail-server-secure-transport" value="ssl"
                {% if mail-server-ssl %} checked="checked" {% endif %}/>
              SSL / Implicit TLS
            </label>
            &nbsp;&nbsp;&nbsp;
            <label>
              <input type="radio" name="mail-server-secure-transport" value="starttls"
                {% if mail-server-starttls %} checked="checked" {% endif %}/>
              STARTTLS (use this if you are using office365)
            </label>
          </div>
        </div>

        <div class="form-group">
          <label for="mail-server-sender">Sender:</label>
          <input class="form-control"
                 type="text"
                 id="mail-server-sender"
                 name="mail-server-sender"
                 placeholder="e.g. noreply@codescene.io"
                 value="{{mail-server-sender}}"
                 required/>
        </div>
        <div class="form-group">
          <label>Credentials</label>
          <input class="form-control"
                 type="text"
                 id="mail-server-user"
                 name="mail-server-user"
                 value="{{mail-server-user}}"
                 placeholder="User Name"/>
          <span class="help-block">Specify the user name.</span>
        </div>
        <div class="form-group">
          <input class="form-control" type="password"
                 id="mail-server-password"
                 name="mail-server-password"
                 placeholder="Password"/>
          <span class="help-block">Specify the password.</span>
          <span class="help-block">Note: existing password (if any) is not shown for security reasons</span>
        </div>
      </div>
      <button class="default-button" type="submit">Save Configuration</button>
    </form>
  </div>
</div>

{% endblock %}