{{define "page_admin_links"}}
{{template "admin_shell_open" dict "Active" .Active "Admin" .Admin "Title" "Ссылки"}}
{{template "admin_flash" .}}

<div class="card">
  <div class="card-header"><h2><i class="fa-solid fa-plus"></i> Новая ссылка</h2></div>
  <form method="post" action="{{appURL "admin/links"}}" class="form-row-2">
    {{template "admin_csrf_field"}}
    <input type="hidden" name="action" value="create">
    <div>
      <label class="form-label">Срок (дней от первого конфига)</label>
      <select class="form-select" name="days">
        {{range .AllowedDurations}}<option value="{{.}}">{{.}} дн.</option>{{end}}
      </select>
    </div>
    <div>
      <label class="form-label">Лимит конфигов</label>
      <input class="form-control" type="number" name="max_uses" value="5" min="1" max="1000">
    </div>
    <div>
      <label class="form-label">Подписка до (необязательно)</label>
      <input class="form-control" type="date" name="subscription_until">
    </div>
    <div class="d-flex align-items-end">
      <button type="submit" class="btn btn-primary w-100"><i class="fa-solid fa-plus"></i> Создать</button>
    </div>
  </form>
</div>

<div class="card">
  <div class="card-header"><h2><i class="fa-solid fa-filter"></i> Список ссылок ({{.Total}})</h2></div>
  <form method="get" action="{{appURL "admin/links"}}" class="links-toolbar mb-2">
    <select class="form-select form-select-sm" name="status" style="max-width:220px;" onchange="this.form.submit()">
      <option value="" {{if eq2 .StatusFilter ""}}selected{{end}}>Все статусы</option>
      <option value="active" {{if eq2 .StatusFilter "active"}}selected{{end}}>Активные</option>
      <option value="expired" {{if eq2 .StatusFilter "expired"}}selected{{end}}>Истёкшие</option>
      <option value="limit" {{if eq2 .StatusFilter "limit"}}selected{{end}}>Лимит исчерпан</option>
      <option value="cleaned" {{if eq2 .StatusFilter "cleaned"}}selected{{end}}>Очищенные</option>
    </select>
  </form>

  {{if not .Links}}
  <p class="hint">Ссылок не найдено.</p>
  {{else}}
  <div class="tbl-wrap">
    <table class="table table-sm mb-0">
      <thead><tr><th>ID</th><th>Токен</th><th>Статус</th><th>Использовано</th><th>Срок</th><th>Конфигов</th><th></th></tr></thead>
      <tbody>
      {{range .Links}}
      <tr>
        <td class="sl-td-id">#{{.ID}}</td>
        <td><a class="mono sl-url-link" href="{{appURL "share"}}?k={{.Token}}" target="_blank">{{.Token}}</a></td>
        <td>
          {{if eq2 .Status "active"}}<span class="badge badge-ok">активна</span>{{end}}
          {{if eq2 .Status "expired"}}<span class="badge badge-warn">истекла</span>{{end}}
          {{if eq2 .Status "limit"}}<span class="badge badge-info">лимит</span>{{end}}
          {{if eq2 .Status "cleaned"}}<span class="badge badge-err">очищена</span>{{end}}
        </td>
        <td>{{.UseCount}} / {{.MaxUses}}</td>
        <td class="sl-muted">{{.ExpiresLabel}}</td>
        <td>{{.ActiveConfigs}}</td>
        <td class="sl-td-actions">
          <a class="btn btn-sm btn-ghost" href="{{appURL "admin/links"}}?id={{.ID}}"><i class="fa-solid fa-eye"></i></a>
          <form method="post" action="{{appURL "admin/links"}}" style="display:inline" onsubmit="return confirm('Удалить ссылку #{{.ID}}?');">
            {{template "admin_csrf_field"}}
            <input type="hidden" name="action" value="delete">
            <input type="hidden" name="link_id" value="{{.ID}}">
            <button type="submit" class="btn btn-sm btn-danger"><i class="fa-solid fa-trash"></i></button>
          </form>
        </td>
      </tr>
      {{end}}
      </tbody>
    </table>
  </div>

  <div class="sl-pager mt-2">
    {{if gt .Page 1}}<a class="btn btn-sm btn-ghost" href="{{appURL "admin/links"}}?status={{.StatusFilter}}&page={{sub .Page 1}}">« Назад</a>{{end}}
    <span class="hint d-inline-block mx-2">Страница {{.Page}}</span>
    {{if gt .Total (mul .Page .PerPage)}}<a class="btn btn-sm btn-ghost" href="{{appURL "admin/links"}}?status={{.StatusFilter}}&page={{add .Page 1}}">Вперёд »</a>{{end}}
  </div>
  {{end}}
</div>

{{if .Detail}}
<div class="card">
  <div class="card-header"><h2><i class="fa-solid fa-link"></i> Ссылка #{{.Detail.ID}}</h2></div>
  <p class="mono">{{appURL "share"}}?k={{.Detail.Token}}</p>

  <form method="post" action="{{appURL "admin/links"}}" class="form-row-2">
    {{template "admin_csrf_field"}}
    <input type="hidden" name="action" value="update">
    <input type="hidden" name="link_id" value="{{.Detail.ID}}">
    <div>
      <label class="form-label">Срок (дней)</label>
      <input class="form-control" type="number" name="validity_days" value="{{if .Detail.ValidityDays}}{{.Detail.ValidityDays}}{{else}}30{{end}}" min="1" max="3650">
    </div>
    <div>
      <label class="form-label">Лимит конфигов</label>
      <input class="form-control" type="number" name="max_uses" value="{{.Detail.MaxUses}}" min="1" max="1000">
    </div>
    <div>
      <label class="form-label">Явная дата истечения (необязательно)</label>
      <input class="form-control" type="date" name="expires_at">
      <div class="form-check mt-1">
        <input class="form-check-input" type="checkbox" name="floating_expiry" value="1" id="floating_expiry" checked>
        <label class="form-check-label hint" for="floating_expiry">Плавающий срок (от первого конфига)</label>
      </div>
    </div>
    <div>
      <label class="form-label">Подписка до</label>
      <input class="form-control" type="date" name="subscription_until">
    </div>
    <div class="d-flex align-items-end">
      <button type="submit" class="btn btn-primary w-100"><i class="fa-solid fa-floppy-disk"></i> Сохранить</button>
    </div>
  </form>

  <form method="post" action="{{appURL "admin/links"}}" class="d-flex gap-2 align-items-end mt-3">
    {{template "admin_csrf_field"}}
    <input type="hidden" name="action" value="extend">
    <input type="hidden" name="link_id" value="{{.Detail.ID}}">
    <input type="hidden" name="back_id" value="{{.Detail.ID}}">
    <div>
      <label class="form-label">Продлить на, дней</label>
      <input class="form-control input-inline" type="number" name="days" value="30" min="1" max="3650">
    </div>
    <button type="submit" class="btn btn-ghost"><i class="fa-solid fa-rotate"></i> Продлить</button>
  </form>

  {{if .AllServers}}
  <form method="post" action="{{appURL "admin/links"}}" class="mt-3">
    {{template "admin_csrf_field"}}
    <input type="hidden" name="action" value="set_allowed_servers">
    <input type="hidden" name="link_id" value="{{.Detail.ID}}">
    <input type="hidden" name="back_id" value="{{.Detail.ID}}">
    <label class="form-label d-block">Разрешённые серверы (пусто = все)</label>
    <div class="tn-servers__scroll d-flex flex-wrap gap-2 mb-2">
      {{$allowed := .AllowedServerIDs}}
      {{range .AllServers}}
      <div class="form-check form-check-inline">
        <input class="form-check-input" type="checkbox" name="server_ids[]" value="{{.ID}}" id="srv{{.ID}}" {{if intIn $allowed .ID}}checked{{end}}>
        <label class="form-check-label" for="srv{{.ID}}">{{.Label}}</label>
      </div>
      {{end}}
    </div>
    <button type="submit" class="btn btn-sm btn-ghost"><i class="fa-solid fa-floppy-disk"></i> Сохранить список серверов</button>
  </form>
  {{end}}

  <h3 class="config-section-title mt-4">Активные конфигурации ({{len .Creations}})</h3>
  {{if not .Creations}}<p class="hint">Пока нет.</p>{{end}}
  {{range .Creations}}
  <div class="creation-card">
    <div class="d-flex justify-content-between align-items-center">
      <span class="mono">#{{.ID}} · {{.ConnectionName}} · сервер {{.ServerID}} · {{.Protocol}}</span>
      <form method="post" action="{{appURL "admin/links"}}" onsubmit="return confirm('Удалить конфигурацию #{{.ID}}?');">
        {{template "admin_csrf_field"}}
        <input type="hidden" name="action" value="delete_creation">
        <input type="hidden" name="link_id" value="{{$.Detail.ID}}">
        <input type="hidden" name="creation_id" value="{{.ID}}">
        <input type="hidden" name="back_id" value="{{$.Detail.ID}}">
        <button type="submit" class="btn btn-sm btn-danger"><i class="fa-solid fa-trash"></i></button>
      </form>
    </div>
  </div>
  {{end}}

  {{if .DeletedCreations}}
  <h3 class="config-section-title config-section-title--deleted mt-3">Удалённые ({{len .DeletedCreations}})</h3>
  {{range .DeletedCreations}}
  <div class="creation-card creation-card--deleted">
    <span class="mono">#{{.ID}} · {{.ConnectionName}} · сервер {{.ServerID}} · {{.Protocol}}</span>
  </div>
  {{end}}
  {{end}}
</div>
{{end}}
{{template "admin_shell_close" .}}
{{end}}