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

{{if index .Data "FlashNotice"}}
<div class="alert alert-success py-2">{{index .Data "FlashNotice"}}</div>
{{end}}
{{if index .Data "FlashError"}}
<div class="alert alert-danger py-2">{{index .Data "FlashError"}}</div>
{{end}}

{{$edit := index .Data "AnnouncementEdit"}}
<section class="cs-admin-section mb-3">
  <div class="cs-admin-section__body">
    <h3 class="h6 mb-3">{{if $edit.ID}}{{T "admin.announcements.edit_prefix"}}{{$edit.ID}}{{else}}{{T "admin.announcements.new"}}{{end}}</h3>
    <form method="post" action="/admin/announcements">
      <input type="hidden" name="action" value="save">
      <input type="hidden" name="id" value="{{$edit.ID}}">
      <div class="mb-3">
        <label class="form-label">{{T "admin.announcements.field_title"}}</label>
        <input type="text" class="form-control" name="title" maxlength="200" required value="{{$edit.Title}}">
      </div>
      <div class="mb-3">
        <label class="form-label">{{T "admin.announcements.field_body"}}</label>
        <textarea class="form-control font-monospace" name="body" rows="10" required>{{$edit.Body}}</textarea>
      </div>
      <div class="row g-3 mb-3">
        <div class="col-md-3">
          <label class="form-label">{{T "admin.announcements.field_status"}}</label>
          <select class="form-select" name="status">
            <option value="0" {{if eq $edit.Status 0}}selected{{end}}>{{T "admin.announcements.draft"}}</option>
            <option value="1" {{if eq $edit.Status 1}}selected{{end}}>{{T "admin.announcements.published"}}</option>
          </select>
        </div>
        <div class="col-md-3">
          <label class="form-label">{{T "admin.announcements.sort"}}</label>
          <input type="number" class="form-control" name="sort_order" value="{{$edit.SortOrder}}">
        </div>
        <div class="col-md-3">
          <label class="form-label">{{T "admin.announcements.nav_color"}}</label>
          <input type="text" class="form-control" name="nav_text_color" placeholder="#2563eb" value="{{$edit.NavTextColor}}">
        </div>
        <div class="col-md-3 d-flex align-items-end">
          <div class="form-check mb-2">
            <input type="checkbox" class="form-check-input" name="show_in_nav" value="1" id="annShowNav" {{if $edit.ShowInNav}}checked{{end}}>
            <label class="form-check-label" for="annShowNav">{{T "admin.announcements.show_nav"}}</label>
          </div>
        </div>
      </div>
      <div class="d-flex gap-2">
        <button type="submit" class="btn btn-primary btn-sm">{{T "admin.announcements.save"}}</button>
        {{if $edit.ID}}<a class="btn btn-outline-secondary btn-sm" href="/admin/announcements">{{T "admin.announcements.cancel_edit"}}</a>{{end}}
      </div>
    </form>
  </div>
</section>

<section class="cs-admin-section">
  <div class="cs-admin-section__body">
    <h3 class="h6 mb-3">{{T "admin.announcements.list"}}</h3>
    {{$rows := index .Data "AnnouncementRows"}}
    {{if not $rows}}
    <p class="text-muted mb-0">{{T "admin.announcements.empty"}}</p>
    {{else}}
    <div class="table-responsive">
      <table class="table table-sm align-middle">
        <thead>
          <tr>
            <th>ID</th>
            <th>{{T "admin.announcements.col_title"}}</th>
            <th>{{T "admin.announcements.col_status"}}</th>
            <th>{{T "admin.announcements.col_nav"}}</th>
            <th>{{T "admin.announcements.col_publish"}}</th>
            <th>{{T "admin.announcements.col_updated"}}</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          {{range $rows}}
          <tr>
            <td>#{{.ID}}</td>
            <td>{{.Title}}</td>
            <td>{{.StatusLabel}}</td>
            <td>{{if .ShowInNav}}{{T "admin.announcements.yes"}}{{else}}—{{end}}</td>
            <td>{{.PublishedAtDisplay}}</td>
            <td>{{.UpdatedAtDisplay}}</td>
            <td class="text-nowrap">
              <a class="btn btn-outline-primary btn-sm" href="/admin/announcements?edit={{.ID}}">{{T "admin.announcements.edit"}}</a>
              <form method="post" action="/admin/announcements" class="d-inline" onsubmit="return confirm({{jsString (T "admin.announcements.confirm_del")}});">
                <input type="hidden" name="action" value="delete">
                <input type="hidden" name="id" value="{{.ID}}">
                <button type="submit" class="btn btn-outline-danger btn-sm">{{T "admin.announcements.delete"}}</button>
              </form>
            </td>
          </tr>
          {{end}}
        </tbody>
      </table>
    </div>
    {{end}}
  </div>
</section>
</div>
{{template "admin/layout_foot" .}}
{{end}}