{% extends "base.html" %}

{% block content %}
<h1>Markdown Viewer</h1>

<div>
    <a href="{{ url_for('main.upload_file') }}" class="button">Upload New Document</a>
</div>

{% if documents %}
<div class="container">
    <h2>Available Documents</h2>

    {% for doc in documents %}
    <div class="card">
        <!-- <div>
            <a href="{{ url_for('main.view_file', uri=doc.uri) }}" class="card-title">
                {{ doc.filename }}
            </a>
            <span class="file-uri">URI: {{ doc.uri }}</span>
        </div> -->
        <div>
            <a href="{{ url_for('main.view_file', uri=doc.uri) }}" class="card-title">
                <h3>{{ doc.filename }}</h3>
            </a>
            <form action="{{ url_for('main.index') }}" method="post">
                <input type="hidden" name="delete_uri" value="{{ doc.uri }}">
                <button type="submit" class="delete-button">Delete</button>
            </form>
            <div>
                <a href="{{ url_for('main.view_file', uri=doc.uri) }}" class="button">View</a>
                <button class="copy-button"
                    onclick="copyToClipboard('{{ url_for('main.view_file', uri=doc.uri, _external=True) }}')">Copy
                    Link</button>
            </div>
        </div>
    </div>
    {% endfor %}
</div>
{% else %}
<div>
    <h3>No documents available</h3>
    <p>Upload a markdown file to get started!</p>
    <a href="{{ url_for('main.upload_file') }}" class="button">Upload Now</a>
</div>
{% endif %}

<script>
    function copyToClipboard(text) {
        navigator.clipboard.writeText(text).then(function () {
            alert('Link copied to clipboard!');
        }, function () {
            alert('Failed to copy link');
        });
    }
</script>
{% endblock %}