{% extends "layout.html" %}

{% block content %}
<h2 class="mb-4"><i class="bi bi-pencil-square"></i> Edit Document</h2>

<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0">Edit Document Details</h5>
            </div>
            <div class="card-body">
                <form method="post" action="{{ url_for('edit_document', document_id=document.id) }}">
                    <div class="mb-3">
                        <label for="custom_filename" class="form-label">Document Name</label>
                        <input type="text" class="form-control" id="custom_filename" name="custom_filename" 
                               value="{{ document.custom_filename }}" required>
                    </div>
                    
                    <div class="mb-3">
                        <label for="category" class="form-label">Category</label>
                        <select class="form-select" id="category" name="category" required>
                            {% for category in categories %}
                            <option value="{{ category }}" {% if category == document.category %}selected{% endif %}>
                                {{ category|capitalize }}
                            </option>
                            {% endfor %}
                        </select>
                    </div>
                    
                    <div class="mb-3">
                        <label class="form-label">Visibility</label>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="visibility" id="private" value="private"
                                  {% if document.visibility == 'private' %}checked{% endif %}>
                            <label class="form-check-label" for="private">
                                <i class="bi bi-lock"></i> Private (Only you can access)
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="visibility" id="public" value="public"
                                  {% if document.visibility == 'public' %}checked{% endif %}>
                            <label class="form-check-label" for="public">
                                <i class="bi bi-globe"></i> Public (Anyone can access)
                            </label>
                        </div>
                    </div>
                    
                    <div class="d-flex justify-content-between">
                        <a href="{{ url_for('view_document', document_id=document.id) }}" class="btn btn-secondary">
                            <i class="bi bi-x-circle"></i> Cancel
                        </a>
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-save"></i> Save Changes
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    
    <div class="col-md-4">
        <div class="card">
            <div class="card-header bg-info text-white">
                <h5 class="mb-0"><i class="bi bi-info-circle"></i> Document Information</h5>
            </div>
            <div class="card-body">
                <p><strong>Original Filename:</strong> {{ document.original_filename }}</p>
                <p><strong>File Type:</strong> {{ document.file_type|capitalize }}</p>
                <p><strong>File Size:</strong> {{ (document.file_size / 1024)|round(1) }} KB</p>
                <p><strong>Uploaded:</strong> {{ document.created_at.split(' ')[0] }}</p>
                <p><strong>Last Modified:</strong> {{ document.updated_at.split(' ')[0] }}</p>
            </div>
        </div>
    </div>
</div>
{% endblock %}