{% extends 'file_explorer/base.html' %}

{% block title %}编辑文件 - {{ file.original_name }}{% endblock %}

{% block content %}
<div class="container mt-4">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <!-- 导航面包屑 -->
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">
                        <a href="{% url 'file_explorer:file_list' %}">
                            <i class="fas fa-home"></i> 文件列表
                        </a>
                    </li>
                    <li class="breadcrumb-item">
                        <a href="{% url 'file_explorer:file_detail' file.pk %}">
                            {{ file.original_name }}
                        </a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">编辑文件</li>
                </ol>
            </nav>

            <!-- 编辑表单卡片 -->
            <div class="card">
                <div class="card-header">
                    <h3 class="mb-0">
                        <i class="fas fa-edit"></i> 编辑文件信息
                    </h3>
                    <p class="text-muted mb-0">编辑文件: {{ file.original_name }}</p>
                </div>
                <div class="card-body">
                    <!-- 文件基本信息显示 -->
                    <div class="alert alert-info">
                        <h6><i class="fas fa-info-circle"></i> 文件基本信息</h6>
                        <div class="row">
                            <div class="col-md-6">
                                <strong>文件名:</strong> {{ file.original_name }}<br>
                                <strong>文件类型:</strong> {{ file.file_type|upper }}<br>
                                <strong>文件大小:</strong> {{ file.get_file_size_display }}
                            </div>
                            <div class="col-md-6">
                                <strong>上传时间:</strong> {{ file.uploaded_at|date:"Y-m-d H:i" }}<br>
                                <strong>上传用户:</strong> {{ file.uploaded_by.username }}<br>
                                <strong>下载次数:</strong> {{ file.download_count }}
                            </div>
                        </div>
                    </div>

                    <!-- 编辑表单 -->
                    <form method="post">
                        {% csrf_token %}

                        <!-- 文件描述 -->
                        <div class="mb-3">
                            <label for="{{ form.description.id_for_label }}" class="form-label">
                                <i class="fas fa-align-left"></i> 文件描述
                            </label>
                            <textarea
                                name="{{ form.description.name }}"
                                id="{{ form.description.id_for_label }}"
                                class="form-control {% if form.description.errors %}is-invalid{% endif %}"
                                rows="4"
                                placeholder="请输入文件描述..."
                            >{{ form.description.value|default:'' }}</textarea>
                            {% if form.description.errors %}
                                <div class="invalid-feedback">
                                    {% for error in form.description.errors %}
                                        {{ error }}
                                    {% endfor %}
                                </div>
                            {% endif %}
                            <div class="form-text">
                                描述文件的用途、内容或相关信息
                            </div>
                        </div>

                        <!-- 标签 -->
                        <div class="mb-3">
                            <label for="{{ form.tags.id_for_label }}" class="form-label">
                                <i class="fas fa-tags"></i> 标签
                            </label>
                            <input
                                type="text"
                                name="{{ form.tags.name }}"
                                id="{{ form.tags.id_for_label }}"
                                class="form-control {% if form.tags.errors %}is-invalid{% endif %}"
                                value="{{ form.tags.value|default:'' }}"
                                placeholder="请输入标签，用空格分隔..."
                            >
                            {% if form.tags.errors %}
                                <div class="invalid-feedback">
                                    {% for error in form.tags.errors %}
                                        {{ error }}
                                    {% endfor %}
                                </div>
                            {% endif %}
                            <div class="form-text">
                                输入相关标签，用空格分隔，例如：文档 工作 重要
                            </div>
                        </div>

                        <!-- 访问权限 -->
                        <div class="mb-3">
                            <label class="form-label">
                                <i class="fas fa-lock"></i> 访问权限
                            </label>
                            <div class="form-check">
                                <input
                                    class="form-check-input"
                                    type="checkbox"
                                    name="{{ form.is_public.name }}"
                                    id="{{ form.is_public.id_for_label }}"
                                    value="True"
                                    {% if form.is_public.value %}checked{% endif %}
                                >
                                <label class="form-check-label" for="{{ form.is_public.id_for_label }}">
                                    公开文件
                                </label>
                            </div>
                            <div class="form-text">
                                勾选此项表示其他用户也可以查看和下载此文件
                            </div>
                        </div>

                        <!-- 操作按钮 -->
                        <div class="d-flex justify-content-between">
                            <a href="{% url 'file_explorer:file_detail' file.pk %}"
                               class="btn btn-secondary">
                                <i class="fas fa-times"></i> 取消
                            </a>
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save"></i> 保存更改
                            </button>
                        </div>
                    </form>
                </div>
            </div>

            <!-- 注意事项 -->
            <div class="alert alert-warning mt-3">
                <h6><i class="fas fa-exclamation-triangle"></i> 注意事项</h6>
                <ul class="mb-0">
                    <li>文件名和文件内容无法修改，如需更换文件请重新上传</li>
                    <li>修改访问权限后，其他用户将立即看到变化</li>
                    <li>标签有助于其他用户搜索和发现您的文件</li>
                </ul>
            </div>
        </div>
    </div>
</div>
{% endblock %}