{% extends "base.html" %}
{% block title %}刷新规则 - Squid Manager{% endblock %}
{% block content %}
<div class="page-header">
    <h1>♻️ Refresh Pattern 刷新规则</h1>
    <div class="page-actions">
        <button onclick="document.getElementById('add-form').style.display='block'" class="btn btn-primary btn-small">➕ 添加规则</button>
    </div>
</div>

<div class="card" id="add-form" style="display:none;">
    <h3 class="card-title">添加 refresh_pattern</h3>
    <form method="post">
    <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
        <input type="hidden" name="action" value="add">
        <div class="filter-grid">
            <div class="form-group">
                <label>正则</label>
                <input type="text" name="regex" class="form-input" required value="." >
            </div>
            <div class="form-group">
                <label>忽略大小写 (-i)</label>
                <select name="case_insensitive" class="form-input">
                    <option value="off">off</option>
                    <option value="on">on</option>
                </select>
            </div>
            <div class="form-group">
                <label>min (分钟)</label>
                <input type="number" name="min_minutes" class="form-input" value="0">
            </div>
            <div class="form-group">
                <label>percent (%)</label>
                <input type="number" name="percent" class="form-input" value="20">
            </div>
            <div class="form-group">
                <label>max (分钟)</label>
                <input type="number" name="max_minutes" class="form-input" value="4320">
            </div>
        </div>
        <div class="form-actions">
            <button type="submit" class="btn btn-primary">添加</button>
            <button type="button" onclick="document.getElementById('add-form').style.display='none'" class="btn btn-secondary">取消</button>
        </div>
    </form>
</div>

<div class="card">
    <form method="post">
    <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
        <input type="hidden" name="action" value="save">
        <p class="card-desc">refresh_pattern regex min percent max - 控制对象过期判断</p>
        <div class="table-scroll">
        <table class="data-table">
            <thead>
            <tr>
                <th>#</th>
                <th>-i</th>
                <th>正则</th>
                <th>min (分钟)</th>
                <th>percent</th>
                <th>max (分钟)</th>
                <th>删除</th>
            </tr>
            </thead>
            <tbody>
            {% for rp in patterns %}
            <tr>
                <td>{{ loop.index }}
                    <input type="hidden" name="id[]" value="{{ loop.index }}">
                    <input type="hidden" name="case_insensitive_marker[]" value="{{ loop.index0 }}">
                </td>
                <td>
                    <input type="checkbox" name="case_insensitive[]" value="{{ loop.index0 }}" {% if rp.case_insensitive %}checked{% endif %}>
                </td>
                <td><input type="text" name="regex[]" value="{{ rp.regex }}" class="form-input"></td>
                <td><input type="number" name="min_minutes[]" value="{{ rp.min_minutes }}" class="form-input"></td>
                <td><input type="number" name="percent[]" value="{{ rp.percent }}" class="form-input"></td>
                <td><input type="number" name="max_minutes[]" value="{{ rp.max_minutes }}" class="form-input"></td>
                <td><button type="button" class="btn btn-danger btn-tiny" onclick="this.closest('tr').remove()">删除</button></td>
            </tr>
            {% endfor %}
            {% if not patterns %}
            <tr><td colspan="7" class="empty-row">暂无刷新规则</td></tr>
            {% endif %}
            </tbody>
        </table>
        </div>
        {% if patterns %}
        <div class="form-actions">
            <button type="submit" class="btn btn-primary">💾 保存</button>
        </div>
        {% endif %}
    </form>
</div>

<div class="card">
    <h3 class="card-title">📖 参数说明</h3>
    <ul>
        <li><strong>regex</strong>: 匹配 URL 的正则表达式</li>
        <li><strong>min</strong>: 最少缓存时间 (分钟)。即使 origin 返回更新也至少缓存这么久</li>
        <li><strong>percent</strong>: 对象年龄百分比。如果 (当前时间 - 修改时间) × percent% &gt; 已缓存时间，则视为过期</li>
        <li><strong>max</strong>: 最大缓存时间 (分钟)。无论 origin 怎么说，超过此时间视为过期</li>
        <li><strong>-i</strong>: 忽略大小写</li>
    </ul>
</div>
{% endblock %}