{% extends "layout/base.html" %}

{% block content %}
<h2 class="mb-3">Overrides</h2>

{% if can_manage %}
<div class="card mb-4">
  <div class="card-header">
    Add override
  </div>
  <div class="card-body">
    <form method="post" action="{{ url_for('main.overrides_create') }}" id="overrideForm" class="row g-3">
  <input type="hidden" name="override_id" id="ov_override_id" value="">

      <div class="col-md-3">
        <label for="ov_level" class="form-label">Level</label>
        <select class="form-select" id="ov_level" name="level" required>
          <option value="global">Global</option>
          <option value="object">Object</option>
        </select>
      </div>
      <div class="col-md-3">
        <label for="ov_backup_software" class="form-label">Backup software (global)</label>
        <select class="form-select" id="ov_backup_software" name="backup_software">
          <option value="">Global</option>
          {% for bs in backup_software_options %}
          <option value="{{ bs }}">{{ bs }}</option>
          {% endfor %}
        </select>
      </div>
      <div class="col-md-3">
        <label for="ov_backup_type" class="form-label">Backup type (global)</label>
        <select class="form-select" id="ov_backup_type" name="backup_type">
          <option value="">Global</option>
          {% for bt in backup_type_options %}
          <option value="{{ bt }}">{{ bt }}</option>
          {% endfor %}
        </select>
      </div>
      <div class="col-md-3">
        <label for="ov_job_id" class="form-label">Job (object level)</label>
        <select class="form-select" id="ov_job_id" name="job_id">
          <option value="">-- none --</option>
          {% for job in jobs_for_select %}
          <option value="{{ job.id }}">
            {{ job.customer.name if job.customer else "-" }} / {{ job.backup_software or "-" }} / {{ job.backup_type or "-" }} / {{ job.job_name or "-" }}
          </option>
          {% endfor %}
        </select>
      </div>
      <div class="col-md-3">
        <label for="ov_object_name" class="form-label">Object name (object level)</label>
        <input type="text" class="form-control" id="ov_object_name" name="object_name" placeholder="Exact object name">
      </div>
      <div class="col-md-3">
        <label for="ov_match_status" class="form-label">Status</label>
        <select class="form-select" id="ov_match_status" name="match_status">
          <option value="">Any</option>
          <option value="success">Success</option>
          <option value="warning">Warning</option>
          <option value="failed">Failed</option>
        </select>
      </div>
      <div class="col-md-3">
        <label for="ov_match_error_mode" class="form-label">Error match type</label>
        <select class="form-select" id="ov_match_error_mode" name="match_error_mode">
          <option value="contains">Contains</option>
          <option value="exact">Exact</option>
          <option value="starts_with">Starts with</option>
          <option value="ends_with">Ends with</option>
        </select>
      </div>
      <div class="col-md-3">
        <label for="ov_match_error_contains" class="form-label">Error text</label>
        <input type="text" class="form-control" id="ov_match_error_contains" name="match_error_contains" placeholder="Text to match in error message">
      </div>
      <div class="col-md-3">
        <label for="ov_start_at" class="form-label">From</label>
        <input type="datetime-local" class="form-control" id="ov_start_at" name="start_at">
      </div>
      <div class="col-md-3">
        <label for="ov_end_at" class="form-label">Until</label>
        <input type="datetime-local" class="form-control" id="ov_end_at" name="end_at">
      </div>
      <div class="col-md-3">
        <label class="form-label d-block">&nbsp;</label>
        <div class="form-check">
          <input class="form-check-input" type="checkbox" id="ov_treat_success" name="treat_as_success" checked>
          <label class="form-check-label" for="ov_treat_success">
            Treat as success
          </label>
        </div>
      </div>
      <div class="col-12">
        <label for="ov_comment" class="form-label">Comment</label>
        <textarea class="form-control" id="ov_comment" name="comment" rows="2" placeholder="Ticket number / reason for override"></textarea>
      </div>
      <div class="col-12">
        <button type="submit" class="btn btn-primary" id="ov_submit_btn">Save override</button>
        <button type="button" class="btn btn-outline-secondary ms-2 d-none" id="ov_cancel_edit_btn">Cancel edit</button>
      </div>
    </form>
  </div>
</div>
{% endif %}

<div class="card">
  <div class="card-header">
    Existing overrides
  </div>
  <div class="card-body">
    <div class="table-responsive">
      <table class="table table-sm table-hover align-middle">
        <thead class="table-light">
          <tr>
            <th scope="col">Level</th>
            <th scope="col">Scope</th>
            <th scope="col">From</th>
            <th scope="col">Until</th>
            <th scope="col">Active</th>
            <th scope="col">Comment</th>
            {% if can_manage %}
            <th scope="col">Actions</th>
            {% endif %}
          </tr>
        </thead>
        <tbody>
          {% if overrides %}
            {% for ov in overrides %}
            <tr>
              <td>{{ ov.level }}</td>
              <td>{{ ov.scope }}</td>
              <td>{{ ov.start_at|local_datetime }}</td>
              <td>{{ ov.end_at|local_datetime if ov.end_at else "-" }}</td>
              <td>
                {% if ov.active %}
                  <span class="badge bg-success">Active</span>
                {% else %}
                  <span class="badge bg-secondary">Inactive</span>
                {% endif %}
              </td>
              <td>{{ ov.comment }}</td>
              {% if can_manage %}
              <td>
                <button type="button" class="btn btn-sm btn-outline-primary me-1 ov-edit-btn"
                        data-ov-id="{{ ov.id }}"
                        data-ov-level="{{ ov.level }}"
                        data-ov-backup-software="{{ ov.backup_software or '' }}"
                        data-ov-backup-type="{{ ov.backup_type or '' }}"
                        data-ov-job-id="{{ ov.job_id or '' }}"
                        data-ov-object-name="{{ ov.object_name or '' }}"
                        data-ov-match-status="{{ ov.match_status or '' }}"
                        data-ov-match-error-contains="{{ ov.match_error_contains or '' }}"
                        data-ov-match-error-mode="{{ ov.match_error_mode or 'contains' }}"
                        data-ov-treat-as-success="{{ 1 if ov.treat_as_success else 0 }}"
                        data-ov-comment="{{ ov.comment or '' }}"
                        data-ov-start-at="{{ ov.start_at_raw or '' }}"
                        data-ov-end-at="{{ ov.end_at_raw or '' }}">Edit</button>
                <form method="post" action="{{ url_for('main.overrides_toggle', override_id=ov.id) }}" class="d-inline">
                  <button type="submit" class="btn btn-sm btn-outline-secondary">
                    {% if ov.active %}Disable{% else %}Enable{% endif %}
                  </button>
                </form>
                {% if can_delete %}
                <form method="post" action="{{ url_for('main.overrides_delete', override_id=ov.id) }}" class="d-inline ms-1"
                      onsubmit="return confirm('Delete this override?');">
                  <button type="submit" class="btn btn-sm btn-outline-danger">Delete</button>
                </form>
                {% endif %}
              </td>
              {% endif %}
            </tr>
            {% endfor %}
          {% else %}
            <tr>
              <td colspan="{% if can_manage %}7{% else %}6{% endif %}" class="text-center text-muted py-3">
                No overrides defined.
              </td>
            </tr>
          {% endif %}
        </tbody>
      </table>
    </div>
  </div>
</div>


<script>
(function () {
  const form = document.getElementById('overrideForm');
  if (!form) return;

  const submitBtn = document.getElementById('ov_submit_btn');
  const cancelBtn = document.getElementById('ov_cancel_edit_btn');
  const idField = document.getElementById('ov_override_id');

  const levelField = document.getElementById('ov_level');
  const backupSoftwareField = document.getElementById('ov_backup_software');
  const backupTypeField = document.getElementById('ov_backup_type');
  const jobField = document.getElementById('ov_job_id');
  const objectNameField = document.getElementById('ov_object_name');
  const matchStatusField = document.getElementById('ov_match_status');
  const matchErrorModeField = document.getElementById('ov_match_error_mode');
  const matchErrorContainsField = document.getElementById('ov_match_error_contains');
  const treatAsSuccessField = document.getElementById('ov_treat_success');
  const commentField = document.getElementById('ov_comment');
  const startAtField = document.getElementById('ov_start_at');
  const endAtField = document.getElementById('ov_end_at');

  const createAction = form.getAttribute('action');
  const updateActionTemplate = "{{ url_for('main.overrides_update', override_id=0) }}";

  function setFormModeEdit(ovId) {
    idField.value = ovId;
    form.setAttribute('action', updateActionTemplate.replace('/0', '/' + ovId));
    cancelBtn.classList.remove('d-none');
    if (submitBtn) submitBtn.textContent = 'Update override';
    window.scrollTo({ top: 0, behavior: 'smooth' });
  }

  function resetFormModeCreate() {
    idField.value = '';
    form.setAttribute('action', createAction);
    cancelBtn.classList.add('d-none');
    if (submitBtn) submitBtn.textContent = 'Save override';
  }

  function setValue(field, val) {
    if (!field) return;
    field.value = (val === null || val === undefined) ? '' : String(val);
    field.dispatchEvent(new Event('change'));
  }

  document.querySelectorAll('.ov-edit-btn').forEach(btn => {
    btn.addEventListener('click', () => {
      setValue(levelField, btn.dataset.ovLevel || '');
      setValue(backupSoftwareField, btn.dataset.ovBackupSoftware || '');
      setValue(backupTypeField, btn.dataset.ovBackupType || '');
      setValue(jobField, btn.dataset.ovJobId || '');
      setValue(objectNameField, btn.dataset.ovObjectName || '');
      setValue(matchStatusField, btn.dataset.ovMatchStatus || '');
      setValue(matchErrorModeField, btn.dataset.ovMatchErrorMode || 'contains');
      setValue(matchErrorContainsField, btn.dataset.ovMatchErrorContains || '');
      if (treatAsSuccessField) treatAsSuccessField.checked = (btn.dataset.ovTreatAsSuccess === '1');
      setValue(commentField, btn.dataset.ovComment || '');
      setValue(startAtField, btn.dataset.ovStartAt || '');
      setValue(endAtField, btn.dataset.ovEndAt || '');
      setFormModeEdit(btn.dataset.ovId);
    });
  });

  if (cancelBtn) {
    cancelBtn.addEventListener('click', () => {
      form.reset();
      resetFormModeCreate();
    });
  }
})();
</script>

{% endblock %}