{% extends "admin/base_site.html" %}
{% load static %}

{% block breadcrumbs %}
<div class="breadcrumbs">
    <a href="{% url 'admin:index' %}">首页</a>
    &rsaquo; <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
    &rsaquo; <a href="{% url 'admin:materials_material_changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a>
    &rsaquo; 批量上传材料目录
</div>
{% endblock %}

{% block content %}
<div id="content-main">
    <div class="module aligned">
        <h1 style="margin-bottom: 16px;">批量上传材料目录</h1>
        <p style="margin-bottom: 18px; color: #666;">
            请选择一个包含 CIF 文件的文件夹。浏览器会递归上传该目录中的文件，系统会自动忽略非 <code>.cif</code> 文件。
        </p>

        <form method="post" enctype="multipart/form-data" novalidate>
            {% csrf_token %}

            <div class="form-row">
                <div>
                    <label for="id_dataset"><strong>数据集</strong></label><br>
                    <input type="text" id="id_dataset" name="dataset" value="{{ form_defaults.dataset }}" style="width: 360px;" required>
                </div>
            </div>

            <div class="form-row" style="margin-top: 12px;">
                <div>
                    <label for="id_folder_id"><strong>文件夹ID</strong>（可选）</label><br>
                    <input type="number" id="id_folder_id" name="folder_id" value="{{ form_defaults.folder_id }}" style="width: 200px;">
                    <p class="help">留空时会按数据集自动分配 folder_id。</p>
                </div>
            </div>

            <div class="form-row" style="margin-top: 12px;">
                <div>
                    <label for="id_storage_backend"><strong>CIF 存储后端</strong></label><br>
                    <select id="id_storage_backend" name="cif_storage_backend" style="width: 220px;">
                        {% for value, label in storage_backend_choices %}
                            <option value="{{ value }}"{% if form_defaults.cif_storage_backend == value %} selected{% endif %}>{{ label }}</option>
                        {% endfor %}
                    </select>
                </div>
            </div>

            <div class="form-row" style="margin-top: 12px;">
                <div>
                    <label for="id_notes"><strong>备注</strong>（可选）</label><br>
                    <textarea id="id_notes" name="notes" rows="4" style="width: 480px;">{{ form_defaults.notes }}</textarea>
                </div>
            </div>

            <div class="form-row" style="margin-top: 12px;">
                <div>
                    <label for="id_override_if_exists">
                        <input type="checkbox" id="id_override_if_exists" name="override_if_exists" value="1"{% if form_defaults.override_if_exists %} checked{% endif %}>
                        已存在相同 SHA256 时仍强制新建
                    </label>
                </div>
            </div>

            <div class="form-row" style="margin-top: 16px;">
                <div>
                    <label for="id_cif_files"><strong>选择文件夹</strong></label><br>
                    <input type="file" id="id_cif_files" name="cif_files" multiple webkitdirectory directory accept=".cif">
                    <p class="help">如浏览器不支持目录选择，也可以直接多选多个 CIF 文件。</p>
                </div>
            </div>

            <div class="submit-row" style="margin-top: 20px;">
                <input type="submit" value="开始上传" class="default">
                <a href="{% url 'admin:materials_material_changelist' %}" class="button cancel-link">返回材料列表</a>
            </div>
        </form>
    </div>

    <div class="module" style="margin-top: 24px;">
        <h2>当前 folder_id 与 dataset 对照</h2>
        <p class="help">
            如果上传时不手动填写文件夹ID，系统会按这里已有的 dataset 映射自动复用；新 dataset 会分配新的 folder_id。
        </p>
        <table id="result_list">
            <thead>
                <tr>
                    <th>文件夹ID</th>
                    <th>数据集</th>
                    <th>材料数量</th>
                </tr>
            </thead>
            <tbody>
                {% for item in folder_dataset_mappings %}
                <tr>
                    <td>{{ item.folder_id }}</td>
                    <td>{{ item.dataset }}</td>
                    <td>{{ item.count }}</td>
                </tr>
                {% empty %}
                <tr>
                    <td colspan="3">当前还没有任何材料记录。</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    {% if upload_result %}
    <div class="module" style="margin-top: 24px;">
        <h2>上传结果</h2>
        {% if upload_result.summary %}
        <p>
            共处理 <strong>{{ upload_result.summary.total }}</strong> 个 CIF；
            新增 <strong>{{ upload_result.summary.created_count }}</strong> 个，
            已存在 <strong>{{ upload_result.summary.existing_count }}</strong> 个，
            失败 <strong>{{ upload_result.summary.failed_count }}</strong> 个。
        </p>
        {% endif %}

        {% if upload_result.ignored_files %}
        <div class="help" style="margin-bottom: 12px;">
            已忽略非 CIF 文件：{{ upload_result.ignored_files|join:", " }}
        </div>
        {% endif %}

        {% if upload_result.results %}
        <table id="result_list">
            <thead>
                <tr>
                    <th>文件名</th>
                    <th>状态</th>
                    <th>材料ID</th>
                    <th>化学式</th>
                    <th>数据集</th>
                    <th>文件夹ID</th>
                    <th>错误</th>
                </tr>
            </thead>
            <tbody>
                {% for item in upload_result.results %}
                <tr>
                    <td>{{ item.filename }}</td>
                    <td>
                        {% if item.status == 'created' %}
                            <span style="color: #0a7f2e;">新增</span>
                        {% elif item.status == 'existing' %}
                            <span style="color: #8a6d3b;">已存在</span>
                        {% else %}
                            <span style="color: #ba2121;">失败</span>
                        {% endif %}
                    </td>
                    <td>
                        {% if item.material_id %}
                            <a href="{% url 'admin:materials_material_change' item.material_id %}" target="_blank">{{ item.material_id }}</a>
                        {% else %}
                            -
                        {% endif %}
                    </td>
                    <td>{{ item.formula|default:"-" }}</td>
                    <td>{{ item.dataset|default:"-" }}</td>
                    <td>{{ item.folder_id|default:"-" }}</td>
                    <td>{{ item.error|default:"-" }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% endif %}
    </div>
    {% endif %}
</div>
{% endblock %}