<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>视频播放源管理系统</title>
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; background-color: #f4f4f4; padding: 20px; }
.container { max-width: 1200px; margin: 0 auto; background: white; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
h1, h2 { margin-bottom: 20px; color: #444; }
.form-group { margin-bottom: 15px; }
label { display: block; margin-bottom: 5px; font-weight: bold; }
input, select, textarea { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; }
button { background: #5cb85c; color: white; border: none; padding: 10px 15px; border-radius: 4px; cursor: pointer; }
button:hover { background: #4cae4c; }
button.delete { background: #d9534f; }
button.delete:hover { background: #c9302c; }
table { width: 100%; border-collapse: collapse; margin-top: 20px; }
th, td { padding: 10px; text-align: left; border-bottom: 1px solid #ddd; }
th { background-color: #f8f8f8; }
.actions { white-space: nowrap; }
.actions a { margin-right: 10px; text-decoration: none; color: #337ab7; }
.pagination { margin-top: 20px; text-align: center; }
.pagination a { display: inline-block; padding: 5px 10px; margin: 0 2px; background: #f8f8f8; border: 1px solid #ddd; border-radius: 3px; text-decoration: none; color: #333; }
.pagination a.active { background: #337ab7; color: white; border-color: #337ab7; }
.message { padding: 10px; background: #dff0d8; border: 1px solid #d6e9c6; border-radius: 4px; margin-bottom: 20px; color: #3c763d; }
.error { padding: 10px; background: #f2dede; border: 1px solid #ebccd1; border-radius: 4px; margin-bottom: 20px; color: #a94442; }
.detail-section { margin-bottom: 20px; padding: 15px; background: #f8f8f8; border-radius: 4px; }
.detail-section h3 { margin-bottom: 10px; color: #555; }
.logo-preview { max-width: 100px; max-height: 100px; margin-top: 10px; }
</style>
</head>
<body>
<div class="container">
<h1>视频播放源管理系统</h1>
<!-- 添加/编辑表单 -->
<div class="form-section">
<h2>添加播放源</h2>
<form method="post">
<div class="form-group">
<label for="name">名称 *</label>
<input type="text" id="name" name="name" value="" required>
</div>
<div class="form-group">
<label for="url">地址 *</label>
<input type="text" id="url" name="url" value="" required>
</div>
<div class="form-group">
<label for="type">类型 *</label>
<select id="type" name="type" required>
<option value="">请选择</option>
<option value="点播" >点播</option>
<option value="直播" >直播</option>
</select>
</div>
<div class="form-group">
<label for="epg">EPG</label>
<input type="text" id="epg" name="epg" value="">
</div>
<div class="form-group">
<label for="logo">台标</label>
<input type="text" id="logo" name="logo" value="">
</div>
<div class="form-group">
<label for="notes">备注</label>
<textarea id="notes" name="notes" rows="3"></textarea>
</div>
<button type="submit" name="add">
添加 </button>
</form>
</div>
<!-- 播放源列表 -->
<div class="list-section">
<h2>播放源列表 (共 1 个)</h2>
<table>
<thead>
<tr>
<th>名称</th>
<th>类型</th>
<th>地址</th>
<th>创建时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>上海复旦</td>
<td>点播</td>
<td>https://verify.qcc.com/getNetInfo</td>
<td>2026-01-12 08:45:14</td>
<td class="actions">
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Fdetail%3D6964b49a02b6c">详情</a>
<a href="?url=https%3A%2F%2Fweb.daaee.cn%2F%3Fedit%3D6964b49a02b6c">编辑</a>
<form method="post" style="display:inline;" onsubmit="return confirm('确定要删除这个播放源吗？');">
<input type="hidden" name="id" value="6964b49a02b6c">
<input type="password" name="password" placeholder="删除密码" required style="width:100px; display:inline;">
<button type="submit" name="delete" class="delete">删除</button>
</form>
</td>
</tr>
</tbody>
</table>
<!-- 分页 -->
</div>
</div>
</body>
</html>