{% extends "base_generic.html" %}

{% load settings_tags custom_tags %}

{% block pagetitle %}System Configuration{% endblock %}


{% block content %}
  {% get_solo "commandcenter.CompanyInformation" as company_config %}
  {% get_solo "commandcenter.CloudServicesConfiguration" as cloud_config %}
  {% get_solo "commandcenter.NamecheapConfiguration" as namecheap_config %}
  {% get_solo "commandcenter.ReportConfiguration" as report_config %}
  {% get_solo "commandcenter.SlackConfiguration" as slack_config %}
  {% get_solo "commandcenter.VirusTotalConfiguration" as vt_config %}
  {% get_solo "commandcenter.GeneralConfiguration" as general_config %}
  {% get_solo "commandcenter.BloodHoundConfiguration" as bloodhound_config %}

  <div class="management-page">
    <header class="detail-page-heading resource-detail-heading">
      <div class="detail-page-heading-main resource-detail-heading-main">
        <span class="detail-eyebrow">Administration</span>
        <h2 class="mb-0">System Configuration</h2>
        <p class="resource-edit-intro mb-0">Review Ghostwriter’s runtime defaults and integration readiness. Sensitive values remain masked.</p>
      </div>
      <div class="detail-page-heading-actions">
        <a class="btn btn-outline-primary btn-sm icon gears-icon" href="{% url 'admin:index' %}">
          Manage settings
        </a>
      </div>
    </header>

    <div class="detail-guidance management-guidance">
      Most values are managed in Django administration under <strong>Command Center</strong>.
      The server timezone is changed in the application settings and requires a restart.
    </div>

    <div class="management-card-grid">
      <section class="management-card" aria-labelledby="management-general-heading">
        <div class="management-card-header">
          <span class="management-card-icon"><i class="fas fa-cogs" aria-hidden="true"></i></span>
          <div>
            <span class="detail-eyebrow">Runtime</span>
            <h3 id="management-general-heading">General</h3>
          </div>
        </div>
        <dl class="management-setting-list">
          <div><dt>Server timezone</dt><dd>{{ timezone }}</dd></div>
          <div><dt>Form timezone</dt><dd>{{ general_config.default_timezone }}</dd></div>
          <div><dt>Hostname</dt><dd class="operator-data">{{ general_config.hostname }}</dd></div>
        </dl>
      </section>

      <section class="management-card" aria-labelledby="management-company-heading">
        <div class="management-card-header">
          <span class="management-card-icon"><i class="fas fa-building" aria-hidden="true"></i></span>
          <div>
            <span class="detail-eyebrow">Report identity</span>
            <h3 id="management-company-heading">Company</h3>
          </div>
        </div>
        <dl class="management-setting-list">
          <div><dt>Company name</dt><dd>{{ company_config.company_name }}</dd></div>
          <div><dt>Twitter</dt><dd>{{ company_config.company_twitter|default:"Not configured" }}</dd></div>
          <div><dt>Email</dt><dd>{{ company_config.company_email|default:"Not configured" }}</dd></div>
        </dl>
      </section>

      <section class="management-card" aria-labelledby="management-virustotal-heading">
        <div class="management-card-header">
          <span class="management-card-icon"><i class="fas fa-heartbeat" aria-hidden="true"></i></span>
          <div>
            <span class="detail-eyebrow">Domain health</span>
            <h3 id="management-virustotal-heading">VirusTotal</h3>
          </div>
          <span class="library-tag {% if vt_config.enable %}library-tag-success{% else %}library-tag-neutral{% endif %}">
            <i class="fas {% if vt_config.enable %}fa-check-circle{% else %}fa-minus-circle{% endif %}" aria-hidden="true"></i>
            {% if vt_config.enable %}Enabled{% else %}Disabled{% endif %}
          </span>
        </div>
        <dl class="management-setting-list">
          <div><dt>API key</dt><dd class="operator-data">{% if vt_config.enable %}{{ vt_config.sanitized_api_key }}{% else %}Not configured{% endif %}</dd></div>
          <div><dt>Request interval</dt><dd>{{ vt_config.sleep_time }} seconds</dd></div>
        </dl>
        <div class="management-card-actions">
          <button type="button" class="js-queue-task btn btn-outline-secondary btn-sm"
                  queue-task-url="{% url 'home:ajax_test_virustotal' %}"
                  queue-task-csrf-token="{{ csrf_token }}"
                  {% if not vt_config.enable %}disabled{% endif %}>
            <i class="fas fa-plug" aria-hidden="true"></i> Test connection
          </button>
        </div>
      </section>

      <section class="management-card" aria-labelledby="management-namecheap-heading">
        <div class="management-card-header">
          <span class="management-card-icon"><i class="fas fa-globe" aria-hidden="true"></i></span>
          <div>
            <span class="detail-eyebrow">Registrar</span>
            <h3 id="management-namecheap-heading">Namecheap</h3>
          </div>
          <span class="library-tag {% if namecheap_config.enable %}library-tag-success{% else %}library-tag-neutral{% endif %}">
            <i class="fas {% if namecheap_config.enable %}fa-check-circle{% else %}fa-minus-circle{% endif %}" aria-hidden="true"></i>
            {% if namecheap_config.enable %}Enabled{% else %}Disabled{% endif %}
          </span>
        </div>
        <dl class="management-setting-list">
          {% if namecheap_config.enable %}
            <div><dt>Whitelisted IP</dt><dd class="operator-data">{{ namecheap_config.client_ip }}</dd></div>
            <div><dt>API key</dt><dd class="operator-data">{{ namecheap_config.sanitized_api_key }}</dd></div>
            <div><dt>Username</dt><dd>{{ namecheap_config.username }}</dd></div>
            <div><dt>API username</dt><dd>{{ namecheap_config.api_username }}</dd></div>
            <div><dt>Page size</dt><dd class="operator-data">{{ namecheap_config.page_size }}</dd></div>
          {% else %}
            <div><dt>Configuration</dt><dd>Not configured</dd></div>
          {% endif %}
        </dl>
        <div class="management-card-actions">
          <button type="button" class="js-queue-task btn btn-outline-secondary btn-sm"
                  queue-task-url="{% url 'home:ajax_test_namecheap' %}"
                  queue-task-csrf-token="{{ csrf_token }}"
                  {% if not namecheap_config.enable %}disabled{% endif %}>
            <i class="fas fa-plug" aria-hidden="true"></i> Test connection
          </button>
        </div>
      </section>

      <section class="management-card" aria-labelledby="management-cloud-heading">
        <div class="management-card-header">
          <span class="management-card-icon"><i class="fas fa-cloud" aria-hidden="true"></i></span>
          <div>
            <span class="detail-eyebrow">Infrastructure</span>
            <h3 id="management-cloud-heading">Cloud Services</h3>
          </div>
          <span class="library-tag {% if cloud_config.enable %}library-tag-success{% else %}library-tag-neutral{% endif %}">
            <i class="fas {% if cloud_config.enable %}fa-check-circle{% else %}fa-minus-circle{% endif %}" aria-hidden="true"></i>
            {% if cloud_config.enable %}Enabled{% else %}Disabled{% endif %}
          </span>
        </div>
        <dl class="management-setting-list">
          {% if cloud_config.enable %}
            <div><dt>AWS access key</dt><dd class="operator-data">{{ cloud_config.sanitized_aws_key }}</dd></div>
            <div><dt>AWS secret</dt><dd class="operator-data">{{ cloud_config.sanitized_aws_secret }}</dd></div>
            <div><dt>DigitalOcean key</dt><dd class="operator-data">{{ cloud_config.sanitized_do_api_key }}</dd></div>
          {% else %}
            <div><dt>Configuration</dt><dd>Not configured</dd></div>
          {% endif %}
        </dl>
        <div class="management-card-actions">
          <button type="button" class="js-queue-task btn btn-outline-secondary btn-sm"
                  queue-task-url="{% url 'home:ajax_test_aws' %}"
                  queue-task-csrf-token="{{ csrf_token }}"
                  {% if not cloud_config.enable %}disabled{% endif %}>
            <i class="fab fa-aws" aria-hidden="true"></i> Test AWS
          </button>
          <button type="button" class="js-queue-task btn btn-outline-secondary btn-sm"
                  queue-task-url="{% url 'home:ajax_test_do' %}"
                  queue-task-csrf-token="{{ csrf_token }}"
                  {% if not cloud_config.enable %}disabled{% endif %}>
            <i class="fas fa-cloud" aria-hidden="true"></i> Test DigitalOcean
          </button>
        </div>
      </section>

      <section class="management-card" aria-labelledby="management-bloodhound-heading">
        <div class="management-card-header">
          <span class="management-card-icon"><i class="fas fa-project-diagram" aria-hidden="true"></i></span>
          <div>
            <span class="detail-eyebrow">Attack paths</span>
            <h3 id="management-bloodhound-heading">BloodHound</h3>
          </div>
          <span class="library-tag {% if bloodhound_config.has_bloodhound_api %}library-tag-success{% else %}library-tag-neutral{% endif %}">
            <i class="fas {% if bloodhound_config.has_bloodhound_api %}fa-check-circle{% else %}fa-minus-circle{% endif %}" aria-hidden="true"></i>
            {% if bloodhound_config.has_bloodhound_api %}Enabled{% else %}Disabled{% endif %}
          </span>
        </div>
        <dl class="management-setting-list">
          <div><dt>API URL</dt><dd class="operator-data">{% if bloodhound_config.bloodhound_api_root_url %}{{ bloodhound_config.bloodhound_api_root_url }}{% else %}Not configured{% endif %}</dd></div>
        </dl>
      </section>

      <section class="management-card" aria-labelledby="management-slack-heading">
        <div class="management-card-header">
          <span class="management-card-icon"><i class="fab fa-slack" aria-hidden="true"></i></span>
          <div>
            <span class="detail-eyebrow">Notifications</span>
            <h3 id="management-slack-heading">Slack</h3>
          </div>
          <span class="library-tag {% if slack_config.enable %}library-tag-success{% else %}library-tag-neutral{% endif %}">
            <i class="fas {% if slack_config.enable %}fa-check-circle{% else %}fa-minus-circle{% endif %}" aria-hidden="true"></i>
            {% if slack_config.enable %}Enabled{% else %}Disabled{% endif %}
          </span>
        </div>
        <dl class="management-setting-list">
          {% if slack_config.enable %}
            <div><dt>Webhook</dt><dd class="operator-data">{{ slack_config.sanitized_webhook }}</dd></div>
            <div><dt>Bot name</dt><dd>{{ slack_config.slack_username }}</dd></div>
            <div><dt>Bot avatar</dt><dd>{{ slack_config.slack_emoji }}</dd></div>
            <div><dt>Global channel</dt><dd>{{ slack_config.slack_channel }}</dd></div>
            <div><dt>Alert target</dt><dd>{{ slack_config.slack_alert_target }}</dd></div>
          {% else %}
            <div><dt>Configuration</dt><dd>Not configured</dd></div>
          {% endif %}
        </dl>
        <div class="management-card-actions">
          <button type="button" class="js-queue-task btn btn-outline-secondary btn-sm"
                  queue-task-url="{% url 'home:ajax_test_slack' %}"
                  queue-task-csrf-token="{{ csrf_token }}"
                  {% if not slack_config.enable %}disabled{% endif %}>
            <i class="fas fa-paper-plane" aria-hidden="true"></i> Send test
          </button>
        </div>
      </section>

      <section class="management-card management-card-wide" aria-labelledby="management-reporting-heading">
        <div class="management-card-header">
          <span class="management-card-icon"><i class="fas fa-file-alt" aria-hidden="true"></i></span>
          <div>
            <span class="detail-eyebrow">Generated output</span>
            <h3 id="management-reporting-heading">Reporting Defaults</h3>
          </div>
        </div>
        <dl class="management-setting-list management-setting-columns">
          <div><dt>Image borders</dt><dd>{% if report_config.enable_borders %}Enabled{% else %}Disabled{% endif %}</dd></div>
          {% if report_config.enable_borders %}
            <div><dt>Border weight</dt><dd>{{ report_config.border_weight|divide:12700 }} pt</dd></div>
            <div><dt>Border color</dt><dd class="operator-data">#{{ report_config.border_color }} <i class="fas fa-tint" style="color:#{{ report_config.border_color }}" aria-hidden="true"></i></dd></div>
          {% endif %}
          <div><dt>Figure label</dt><dd>{{ report_config.label_figure }}{{ report_config.prefix_figure }}</dd></div>
          <div><dt>Figure caption</dt><dd>{{ report_config.get_figure_caption_location_display }}</dd></div>
          <div><dt>Evidence alignment</dt><dd>{{ report_config.get_evidence_image_alignment_display }}</dd></div>
          <div><dt>Evidence width</dt><dd>{% if report_config.evidence_image_width is not None %}{{ report_config.evidence_image_width }}{% else %}6.5{% endif %} inches</dd></div>
          <div><dt>Table label</dt><dd>{{ report_config.label_table }}{{ report_config.prefix_table }}</dd></div>
          <div><dt>Table caption</dt><dd>{{ report_config.get_table_caption_location_display }}</dd></div>
          <div><dt>Title case captions</dt><dd>{% if report_config.title_case_captions %}Enabled{% else %}Disabled{% endif %}</dd></div>
          <div><dt>Title case exceptions</dt><dd>{{ report_config.title_case_exceptions|split_and_join:","|default:"None" }}</dd></div>
          <div><dt>Report filename</dt><dd class="operator-data">{{ report_config.report_filename }}</dd></div>
          <div><dt>Target delivery</dt><dd>{% if report_config.target_delivery_date > 0 %}+{% endif %}{{ report_config.target_delivery_date }} business days</dd></div>
          <div>
            <dt>Default DOCX</dt>
            <dd>{% if report_config.default_docx_template %}<a href="{% url 'reporting:template_detail' report_config.default_docx_template.id %}">{{ report_config.default_docx_template }}</a>{% else %}Not configured{% endif %}</dd>
          </div>
          <div>
            <dt>Default PPTX</dt>
            <dd>{% if report_config.default_pptx_template %}<a href="{% url 'reporting:template_detail' report_config.default_pptx_template.id %}">{{ report_config.default_pptx_template }}</a>{% else %}Not configured{% endif %}</dd>
          </div>
        </dl>
      </section>
    </div>
  </div>
{% endblock %}

{% block morescripts %}
  <script>
    $('.js-queue-task').on('click', function (event) {
      event.preventDefault();
      const button = $(this);
      const originalContent = button.html();
      button.prop('disabled', true).html('<i class="fas fa-circle-notch fa-spin" aria-hidden="true"></i> Testing…');
      $.ajax({
        url: button.attr('queue-task-url'),
        type: 'POST',
        dataType: 'json',
        data: {
          csrfmiddlewaretoken: button.attr('queue-task-csrf-token'),
        },
        complete: function () {
          button.prop('disabled', false).html(originalContent);
        },
        success: function (data) {
          if (data.message) {
            displayToastTop({type: data.result, string: data.message, title: 'Configuration Test'});
          }
        },
        error: function () {
          displayToastTop({type: 'error', string: 'The configuration test could not be completed.', title: 'Configuration Test'});
        }
      });
    });
  </script>
{% endblock %}