{{define "admin/check_log_tables.html"}}
{{template "admin/layout_head" .}}
<div class="cs-admin-page">
{{template "admin_pagehead" (dict "Icon" "bx-data" "Title" (T "admin.log_tables.title") "Desc" (T "admin.log_tables.desc"))}}

<div class="d-flex flex-wrap gap-2 mb-3">
  <a href="/admin/check-logs" class="btn btn-sm btn-outline-secondary"><i class="bx bx-list-ul me-1"></i>{{T "admin.log_tables.link_logs"}}</a>
  <span class="badge text-bg-light align-self-center px-3 py-2">{{T "admin.log_tables.summary_prefix"}} {{len (index .Data "Tables")}} {{T "admin.log_tables.summary_mid"}} {{index .Data "TotalRows"}} {{T "admin.log_tables.summary_suffix"}}</span>
</div>

{{with index .Data "Ok"}}<div class="alert alert-success alert-dismissible fade show py-2 mb-3"><button type="button" class="btn-close" data-bs-dismiss="alert"></button>{{T "admin.log_tables.dropped_prefix"}} {{.}} {{T "admin.log_tables.dropped_suffix"}}</div>{{end}}
{{with index .Data "Err"}}
  {{if eq . "empty"}}<div class="alert alert-warning py-2 mb-3">{{T "admin.log_tables.err_empty"}}</div>
  {{else}}<div class="alert alert-danger py-2 mb-3">{{.}}</div>{{end}}
{{end}}

<form method="post" action="/admin/check-log-tables" id="dropTablesForm">
  <div class="cs-admin-section">
    <div class="cs-admin-section__head">
      <div class="cs-admin-section__head-icon cs-admin-section__head-icon--sky"><i class="bx bx-table"></i></div>
      <div class="cs-admin-section__head-text">
        <h2 class="cs-admin-section__head-title">{{T "admin.log_tables.list_title"}}</h2>
        <p class="cs-admin-section__head-sub">{{T "admin.log_tables.list_sub"}}</p>
      </div>
    </div>
    <div class="cs-admin-section__body cs-admin-section__body--flush">
      <div class="table-responsive">
        <table class="table table-hover mb-0 align-middle">
          <thead class="table-light">
            <tr>
              <th style="width:2.5rem"><input type="checkbox" class="form-check-input" id="checkAllTables" title="{{T "admin.log_tables.check_all"}}"></th>
              <th>{{T "admin.log_tables.col_name"}}</th>
              <th>{{T "admin.log_tables.col_month"}}</th>
              <th>{{T "admin.log_tables.col_rows"}}</th>
              <th>{{T "admin.log_tables.col_size"}}</th>
              <th>{{T "admin.log_tables.col_range"}}</th>
              <th>{{T "admin.log_tables.col_status"}}</th>
            </tr>
          </thead>
          <tbody>
          {{range index .Data "Tables"}}
            <tr>
              <td>
                {{if .CanDrop}}
                <input type="checkbox" class="form-check-input table-pick" name="tables" value="{{.TableName}}">
                {{else}}<span class="text-muted">—</span>{{end}}
              </td>
              <td><code class="ut-admin-code">{{.TableName}}</code></td>
              <td>{{.MonthLabel}}</td>
              <td>{{.RowCount}}</td>
              <td>{{.DataSizeLabel}}</td>
              <td class="small text-muted">
                {{if gt .MinCheckedAt 0}}{{.MinCheckedAt | unixTime}}{{else}}—{{end}}
                {{if gt .MaxCheckedAt 0}} ~ {{.MaxCheckedAt | unixTime}}{{end}}
              </td>
              <td>
                {{if .IsCurrentMonth}}<span class="badge rounded-pill text-bg-primary">{{T "admin.log_tables.badge_current"}}</span>{{end}}
                {{if .IsLegacy}}<span class="badge rounded-pill text-bg-secondary">{{T "admin.log_tables.badge_legacy"}}</span>{{end}}
                {{if .CanDrop}}<span class="badge rounded-pill text-bg-light border">{{T "admin.log_tables.badge_droppable"}}</span>{{end}}
              </td>
            </tr>
          {{else}}
            <tr><td colspan="7" class="text-center text-muted py-4">{{T "admin.log_tables.empty"}}</td></tr>
          {{end}}
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="cs-admin-savebar mt-3">
    <p class="cs-admin-savebar__hint mb-0"><i class="bx bx-info-circle me-1"></i>{{T "admin.log_tables.save_hint"}}</p>
    <button type="submit" class="btn btn-danger btn-sm" id="btnDropTables"><i class="bx bx-trash me-1"></i>{{T "admin.log_tables.drop_btn"}}</button>
  </div>
</form>
</div>
<script>
(function () {
  var all = document.getElementById('checkAllTables');
  var picks = document.querySelectorAll('.table-pick');
  if (all) {
    all.addEventListener('change', function () {
      picks.forEach(function (el) { el.checked = all.checked; });
    });
  }
  var form = document.getElementById('dropTablesForm');
  if (form) {
    form.addEventListener('submit', function (e) {
      var n = document.querySelectorAll('.table-pick:checked').length;
      if (n === 0) {
        e.preventDefault();
        alert({{jsString (T "admin.log_tables.alert_none")}});
        return;
      }
      if (!confirm({{jsString (T "admin.log_tables.confirm_drop")}}.replace('%d', n))) {
        e.preventDefault();
      }
    });
  }
})();
</script>
{{template "admin/layout_foot" .}}
{{end}}