{% extends "admin/base.html" %}
{% block page_title %}{% if is_new %}发布资讯{% else %}编辑资讯{% endif %}{% endblock %}
{% block content %}
<div class="card-box" style="max-width:760px">
  <form method="post" enctype="multipart/form-data">
    <div class="form-section-title"><i class="bi bi-newspaper"></i> 资讯内容</div>
    <div class="mb-3"><label class="form-label">标题 *</label><input name="title" class="form-control" value="{{a.title or ''}}" required></div>
    <div class="mb-3"><label class="form-label">摘要（可选，列表/详情展示）</label><textarea name="summary" class="form-control" rows="2">{{a.summary or ''}}</textarea></div>
    <div class="mb-3">
      <label class="form-label">正文（纯文本，可在段落间插入图片）</label>
      <div class="mb-2">
        <button type="button" id="btn-ins-img" class="btn btn-sm btn-outline-secondary" onclick="document.getElementById('art-img').click()"><i class="bi bi-image"></i> 在光标处插入图片</button>
        <span class="form-text">点击上传，自动在正文光标位置插入该图片；图片单独占一行。</span>
      </div>
      <input type="file" id="art-img" accept="image/*" style="display:none">
      <textarea name="content" id="art-content" class="form-control" rows="12">{{a.content or ''}}</textarea>
    </div>
    <hr class="form-divider">
    <div class="form-section-title"><i class="bi bi-image"></i> 封面图与发布</div>
    <div class="row g-3">
      <div class="col-md-6"><label class="form-label">封面图（可选）</label><input name="cover" type="file" accept="image/*" class="form-control">
        {% if a.cover %}<div class="mt-2 d-flex align-items-center" style="gap:8px"><img src="{{a.cover}}" style="width:64px;height:64px;object-fit:cover;border-radius:8px"><label class="form-check-label small"><input type="checkbox" name="clear_cover" value="1" class="form-check-input"> 清除封面</label></div>{% endif %}
      </div>
      <div class="col-md-3"><label class="form-label">排序权重</label><input name="sort" type="number" class="form-control" value="{{a.sort or 0}}"><div class="form-text">大在前</div></div>
      <div class="col-md-3"><label class="form-label">状态</label><select name="status" class="form-select"><option value="published" {% if a.status=='published'%}selected{% endif %}>已发布</option><option value="draft" {% if a.status=='draft'%}selected{% endif %}>草稿</option></select></div>
    </div>
    <div class="mt-3"><button class="btn btn-brand">保存</button> <a href="{{url_for('admin.articles')}}" class="btn btn-outline-secondary">返回</a></div>
  </form>
</div>
<script>
(function () {
  var btn = document.getElementById('btn-ins-img');
  document.getElementById('art-img').addEventListener('change', function () {
    var f = this.files[0]; if (!f) return;
    var fd = new FormData(); fd.append('file', f);
    var old = btn.innerHTML;
    btn.disabled = true; btn.textContent = '上传中...';
    fetch("{{url_for('admin.article_upload_img')}}", {
      method: 'POST', body: fd,
      headers: { 'X-CSRFToken': document.querySelector('meta[name=csrf-token]').content }
    }).then(function (r) { return r.json(); }).then(function (d) {
      if (d.error) { alert(d.error); return; }
      var ta = document.getElementById('art-content');
      var mark = '\n[IMG]' + d.url + '[/IMG]\n';
      var pos = ta.selectionStart != null ? ta.selectionStart : ta.value.length;
      ta.value = ta.value.slice(0, pos) + mark + ta.value.slice(pos);
      ta.focus(); ta.setSelectionRange(pos + mark.length, pos + mark.length);
    }).catch(function () { alert('上传失败'); })
      .finally(function () { btn.disabled = false; btn.innerHTML = old; });
  });
})();
</script>
{% endblock %}