<?php
session_start();
require __DIR__.'/config.php';
if(empty($_SESSION['fb_login'])){ header('Location: login.php'); exit; }
$posts = db()->query("SELECT * FROM posts ORDER BY id DESC")->fetchAll(PDO::FETCH_ASSOC);
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>后台 · 发表</title>
<!--居中-->
<style type="text/css">
      body {
          max-width: 800px;
          margin: 0 auto;
          padding: 20px;
          line-height: 1.7;
          background-color: #f8f9fa;
          color: #333;
      }
</style><!--居中-->
<style>
  .top{display:flex;justify-content:space-between;align-items:center;}
  .top a{color:#999;font-size:14px;text-decoration:none;}
  textarea{width:100%;box-sizing:border-box;min-height:140px;padding:12px;
      border:1px solid #ddd;border-radius:8px;font-size:16px;resize:vertical;background:#fff;}
  input[type=text]{width:100%;box-sizing:border-box;padding:10px;margin-top:10px;
      border:1px solid #ddd;border-radius:6px;font-size:14px;}
  button{margin-top:15px;padding:10px 40px;border:none;background:#07c160;
      color:#fff;font-size:16px;border-radius:6px;cursor:pointer;}
  button:hover{background:#06ad56;}
  .msg{margin-top:15px;padding:12px;border-radius:6px;background:#e8f9ee;color:#07c160;}
  .list{margin-top:30px;}
  .list li{padding:6px 0;border-bottom:1px dashed #eee;font-size:15px;
      display:flex;justify-content:space-between;align-items:center;}
  .list a{color:#576b95;text-decoration:none;}
  .list time{color:#999;font-size:13px;margin-left:10px;}
  .del{color:#fa5151 !important;font-size:13px;margin-left:15px;}
  .empty{color:#999;}
</style>
</head>
<body>
<div class="top">
  <h2>📝 发表分享</h2>
  <a href="logout.php">退出登录</a>
</div>

<form method="post" action="post.php">
  <textarea name="content" placeholder="这一刻的想法..." required></textarea>
  <input type="text" id="imgurl" name="image" placeholder="图片地址（可选，点击右侧按钮上传后自动填充）">
  <button type="submit">发表</button>
<a href="fb2.php" target="_blank">2</a>
<a href="fb3.php" target="_blank">3</a>
<a href="fb4.php" target="_blank">4</a>
<a href="fb5.php" target="_blank">5</a>
</form>

<?php
if(!empty($_GET['ok'])){
    $id = intval($_GET['ok']);
    echo '<div class="msg">✅ 发表成功！已生成网页：<a href="fb/'.$id.'.html" target="_blank">fb/'.$id.'.html</a></div>';
}
?>

<div class="list">
  <h3>📄 已发表（共 <?php echo count($posts); ?> 条）</h3>
  <ul>
<?php
if(!$posts) echo '<li class="empty">还没有发表任何内容～</li>';
foreach($posts as $p){
    $preview = mb_strimwidth(preg_replace('/\s+/', ' ', $p['content']), 0, 25, '...');
    echo '<li><span><a href="fb/'.$p['id'].'.html" target="_blank">第 '.$p['id'].' 条</a> · '
        .htmlspecialchars($preview)
        .'<time>'.$p['created_at'].'</time></span>'
        .'<a class="del" href="delete.php?id='.intval($p['id']).'" '
        .'onclick="return confirm(\'确定删除这条吗？\')">删除</a></li>';
}
?>
  </ul>
</div>

<!-- 图床上传插件：上传后自动把图片URL填入图片地址输入框 -->
<script async src="//www.imageoss.com/sdk/pup.js"
        data-url="https://www.imageoss.com/upload"
        data-sibling="#imgurl"
        data-sibling-position="after"
        data-auto-insert="direct-links"></script>


<script>
document.addEventListener('DOMContentLoaded', function(){
  var ta  = document.querySelector('textarea[name="content"]');
  var img = document.getElementById('imgurl');
  var urlRe = /^\s*https?:\/\/\S+\.(jpg|jpeg|png|gif|webp|bmp|avif)(\?\S*)?\s*$/i;
  ta.addEventListener('input', function(){
    var v = ta.value.trim();
    if(urlRe.test(v)){
      if(!img.value){ img.value = v; }
      ta.value = '';
    }
  });
});
</script>









<!-- yj2 -->
<script src="/a/js/yj2.js"></script>

</body>
</html>