{% extends "base.html" %}
{% block title %}缓存目录 - Squid Manager{% endblock %}
{% block content %}
<div class="page-header">
    <h1>💾 缓存目录配置</h1>
    <div class="page-actions">
        <button onclick="document.getElementById('add-form').style.display='block'" class="btn btn-primary btn-small">➕ 添加 cache_dir</button>
    </div>
</div>

<div class="card" id="add-form" style="display:none;">
    <h3 class="card-title">添加 cache_dir</h3>
    <form method="post">
    <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
        <input type="hidden" name="action" value="add_dir">
        <div class="filter-grid">
            <div class="form-group">
                <label>类型</label>
                <select name="type" class="form-input">
                    {% for t in ['ufs','aufs','diskd','rock'] %}
                    <option value="{{ t }}">{{ t }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="form-group">
                <label>路径 <span class="hint">*</span></label>
                <input type="text" name="path" class="form-input" required value="/var/spool/squid">
            </div>
            <div class="form-group">
                <label>大小 (MB)</label>
                <input type="number" name="size_mb" class="form-input" value="100">
            </div>
            <div class="form-group">
                <label>L1 (一级目录数)</label>
                <input type="number" name="l1" class="form-input" value="16">
            </div>
            <div class="form-group">
                <label>L2 (二级目录数)</label>
                <input type="number" name="l2" class="form-input" value="256">
            </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">共 {{ cache_dirs | length }} 个缓存目录。修改路径后需手动创建目录并执行 <code>squid -z</code> 初始化。</p>
        <div class="table-scroll">
        <table class="data-table">
            <thead>
            <tr>
                <th>#</th>
                <th>类型</th>
                <th>路径</th>
                <th>大小 (MB)</th>
                <th>L1</th>
                <th>L2</th>
                <th>删除</th>
            </tr>
            </thead>
            <tbody>
            {% for cd in cache_dirs %}
            <tr>
                <td>{{ loop.index }}
                    <input type="hidden" name="id[]" value="{{ loop.index }}">
                </td>
                <td>
                    <select name="type[]" class="form-input">
                        {% for t in ['ufs','aufs','diskd','rock'] %}
                        <option value="{{ t }}" {% if cd.type == t %}selected{% endif %}>{{ t }}</option>
                        {% endfor %}
                    </select>
                </td>
                <td><input type="text" name="path[]" value="{{ cd.path }}" class="form-input"></td>
                <td><input type="number" name="size_mb[]" value="{{ cd.size_mb }}" class="form-input"></td>
                <td><input type="number" name="l1[]" value="{{ cd.l1 }}" class="form-input"></td>
                <td><input type="number" name="l2[]" value="{{ cd.l2 }}" 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 cache_dirs %}
            <tr><td colspan="7" class="empty-row">暂无 cache_dir。点击上方添加。</td></tr>
            {% endif %}
            </tbody>
        </table>
        </div>
        {% if cache_dirs %}
        <div class="form-actions">
            <button type="submit" class="btn btn-primary">💾 保存</button>
        </div>
        {% endif %}
    </form>
</div>

<div class="card">
    <h3 class="card-title">📖 cache_dir 类型说明</h3>
    <ul>
        <li><code>ufs</code>: 默认同步写入</li>
        <li><code>aufs</code>: 异步线程写入 (推荐生产环境)</li>
        <li><code>diskd</code>: 独立进程写入</li>
        <li><code>rock</code>: 共享内存缓存 (适合多 worker)</li>
    </ul>
    <p class="meta-text">缓存大小、内存策略等参数在 <a href="{{ url_for('config_main') }}">主配置</a> 页面设置。</p>
</div>
{% endblock %}