{% extends "baseTemplate/index.html" %}
{% load static %}
{% comment %} Per-site access/error log tail with a line-count and search filter. {% endcomment %}

{% block title %}Logs · {{ domain }}{% endblock %}

{% block content %}
<div ng-controller="siteLogsController" data-domain="{{ domain }}">

  <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-4">
    <div>
      <h1 class="h4 mb-1">Logs</h1>
      <p class="text-muted mb-0 small">
        <span ng-bind="domain"></span> &middot;
        <a ng-href="/websites/manage?domain={$ domain $}">back to Manage</a>
      </p>
    </div>
  </div>

  <div class="alert alert-danger py-2 px-3" ng-show="errorMessage" ng-cloak role="alert">
    <i class="fas fa-triangle-exclamation me-1"></i><span ng-bind="errorMessage"></span>
  </div>

  <div class="card">
    <div class="card-body">
      <div class="row g-2 align-items-center mb-3">
        <div class="col-md-3">
          <select class="form-select" ng-model="kind" ng-change="load()">
            <option value="access">Access log</option>
            <option value="error">Error log</option>
          </select>
        </div>
        <div class="col-md-3">
          <select class="form-select" ng-model="lines" ng-change="load()">
            <option ng-value="100">Last 100 lines</option>
            <option ng-value="500">Last 500 lines</option>
            <option ng-value="2000">Last 2,000 lines</option>
            <option ng-value="10000">Last 10,000 lines</option>
          </select>
        </div>
        <div class="col-md-4">
          <input type="search" class="form-control" placeholder="Filter…"
                 ng-model="search" ng-model-options="{debounce: 250}" ng-change="load()">
        </div>
        <div class="col-md-2 text-md-end">
          <button type="button" class="btn btn-outline-secondary btn-sm w-100"
                  ng-click="load()" ng-disabled="busy">
            <i class="fas fa-rotate me-1"></i>Refresh
          </button>
        </div>
      </div>

      <div class="small text-muted mb-2">
        <span ng-bind="rows.length"></span> matching line(s).
      </div>
      <pre class="cp-log-view bg-body-tertiary border rounded p-3 mb-0"
           style="max-height: 60vh; overflow: auto; font-size: 0.8rem;"><code ng-repeat="row in rows track by $index" ng-bind="row + '\n'"></code><span ng-show="!busy && rows.length === 0" class="text-muted">No lines matched.</span></pre>
    </div>
  </div>

</div>
{% endblock %}

{% block scripts %}
<script>window.CP_SITE_DOMAIN = "{{ domain|escapejs }}";</script>
<script src="{% static 'websiteFunctions/siteTools.js' %}"></script>
{% endblock %}