{% extends "op_zz_frame.html" %}
{% block centercontent %}
<main class="ct-docs-content-col" role="main">
  <div class="d-flex justify-content-between align-items-center flex-wrap gap-3">
    <h2 class="ct-docs-page-h1-title mb-0" id="content">
      {{ _('External API Logs') }}
    </h2>
    <a href="{{ url_for('external_api_config') }}" class="btn btn-outline-secondary btn-sm">
      {{ _('Back') }}
    </a>
  </div>

  <form class="row g-3 align-items-end mt-3 mb-3" method="get">
    <div class="col-sm-3">
      <label for="partnerFilter" class="form-label">{{ _('Partner') }}</label>
      <input type="text" name="partner" id="partnerFilter" class="form-control" value="{{ selected_filters.partner }}">
    </div>
    <div class="col-sm-3">
      <label for="moduleFilter" class="form-label">{{ _('Module') }}</label>
      <input type="text" name="module" id="moduleFilter" class="form-control" value="{{ selected_filters.module }}">
    </div>
    <div class="col-sm-2">
      <label for="statusFilter" class="form-label">{{ _('HTTP status') }}</label>
      <input type="number" name="status" id="statusFilter" class="form-control" value="{{ selected_filters.status }}">
    </div>
    <div class="col-sm-2">
      <label for="pageSize" class="form-label">{{ _('Page size') }}</label>
      <input type="number" name="page_size" id="pageSize" class="form-control" value="{{ pagination.page_size }}">
    </div>
    <div class="col-auto d-flex gap-2">
      <button type="submit" class="btn btn-primary">{{ _('Filter') }}</button>
      <a href="{{ url_for('external_api_logs') }}" class="btn btn-outline-secondary">{{ _('Reset') }}</a>
    </div>
  </form>

  <div class="table-responsive">
    <table class="table table-striped table-sm align-middle">
      <thead>
        <tr>
          <th scope="col" style="width:22%">{{ _('Chargepoint') }}</th>
          <th scope="col" style="width:38%">{{ _('Request JSON') }}</th>
          <th scope="col" style="width:40%">{{ _('Response Message') }}</th>
        </tr>
      </thead>
      <tbody>
        {% for entry in entries %}
        <tr>
          <td>
            <div class="fw-bold">{{ entry.chargepoint_id or '-' }}</div>
            <div class="text-muted small">{{ entry.created_at or '-' }}</div>
            <div class="small">{{ entry.endpoint }}</div>
            <div class="small text-muted">{{ _('Module') }}: {{ entry.module or '-' }}</div>
            <div class="small text-muted">{{ _('Partner') }}: {{ entry.partner_id or '-' }}</div>
            <div class="mt-1">
              <span class="small">{{ _('Response Code:') }}</span>
              {% if entry.response_code == 200 %}
                <span class="text-success fw-bold">{{ entry.response_code }}</span>
              {% elif entry.response_code == 400 %}
                <span class="text-warning fw-bold">{{ entry.response_code }}</span>
              {% elif entry.response_code is not none %}
                <span class="fw-bold">{{ entry.response_code }}</span>
              {% else %}
                <span>-</span>
              {% endif %}
            </div>
          </td>
          <td><pre class="mb-0" style="white-space:pre-wrap; word-break:break-word;">{{ entry.request_payload }}</pre></td>
          <td><pre class="mb-0" style="white-space:pre-wrap; word-break:break-word;">{{ entry.response_body or '-' }}</pre></td>
        </tr>
        {% else %}
        <tr>
          <td colspan="6" class="text-center py-4">{{ _('No log entries found.') }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  <nav aria-label="Log pagination" class="mt-3">
    <ul class="pagination pagination-sm mb-0">
      <li class="page-item {% if pagination.page <= 1 %}disabled{% endif %}">
        <a class="page-link" href="{{ url_for('external_api_logs', page=pagination.page-1 if pagination.page>1 else 1, page_size=pagination.page_size, partner=selected_filters.partner, module=selected_filters.module, status=selected_filters.status) }}">&laquo;</a>
      </li>
      <li class="page-item disabled">
        <span class="page-link">
          {{ _('Page') }} {{ pagination.page }} / {{ pagination.pages }}
        </span>
      </li>
      <li class="page-item {% if pagination.page >= pagination.pages %}disabled{% endif %}">
        <a class="page-link" href="{{ url_for('external_api_logs', page=pagination.page+1 if pagination.page<pagination.pages else pagination.pages, page_size=pagination.page_size, partner=selected_filters.partner, module=selected_filters.module, status=selected_filters.status) }}">&raquo;</a>
      </li>
    </ul>
  </nav>
</main>
{% endblock %}