{% extends "page.html" %}
{% block page_content %}
<div class="card">
    <div class="card-header"><h2>Файлы на Яндекс Диске</h2>
        <div class="filter-bar">
            <input type="text" id="search-input" placeholder="Поиск файлов..." onkeydown="if(event.key==='Enter')searchFiles()">
            <button class="btn btn-secondary btn-sm" onclick="searchFiles()">🔍 Поиск</button>
            <button class="btn btn-secondary btn-sm" onclick="navigateTo('')">🏠 Корень</button>
        </div>
    </div>
    <div id="breadcrumb" style="padding:8px 16px;font-size:13px;color:var(--text-muted)"></div>
    <div class="table-wrap"><table><thead><tr><th>Имя</th><th>Тип</th><th>Размер</th><th>Дата</th><th class="actions"></th></tr></thead>
        <tbody id="files-list"></tbody></table>
    </div>
</div>
<div class="modal-overlay" id="modal-public-link"><div class="modal">
    <button type="button" class="modal-close" onclick="this.closest('.modal-overlay').classList.remove('open')">✕</button>
    <h2>Публичная ссылка</h2>
    <div class="form-group"><label>Срок действия</label>
        <select id="link-expiry"><option value="1">1 день</option><option value="7">7 дней</option><option value="30" selected>30 дней</option><option value="90">90 дней</option><option value="0">Бессрочно</option></select>
    </div>
    <div class="form-group"><label>Ссылка</label><input type="text" id="link-url" readonly style="width:100%"></div>
    <div class="form-actions"><button class="btn btn-primary" onclick="copyLink()">Копировать</button>
    <button class="btn btn-secondary" onclick="this.closest('.modal-overlay').classList.remove('open')">Закрыть</button></div>
</div></div>
<script>
var currentPath = '';
function navigateTo(path){
    currentPath = path;
    var breadcrumb = document.getElementById('breadcrumb');
    if(path){
        var parts = path.split('/').filter(Boolean);
        var html = '<a href="#" onclick="navigateTo(\'\');return false">AegisOne_Service</a>';
        var acc = '';
        parts.forEach(function(p){
            acc += '/' + p;
            html += ' / <a href="#" onclick="navigateTo(\'' + acc + '\');return false">' + p + '</a>';
        });
        breadcrumb.innerHTML = html;
    } else {
        breadcrumb.innerHTML = '<strong>AegisOne_Service</strong>';
    }
    fetch('/service/api/bot/storage/list?path=' + encodeURIComponent(path)).then(function(r){ return r.json() }).then(function(items){
        var tbody = document.getElementById('files-list');
        tbody.innerHTML = '';
        items.forEach(function(item){
            var tr = document.createElement('tr');
            var icon = item.type === 'folder' ? '📁' : getFileIcon(item.mime_type);
            var size = item.type === 'folder' ? '—' : formatSize(item.size);
            var actions = item.type === 'file' ?
                '<button class="btn btn-secondary btn-sm" onclick="getPublicLink(\'' + item.path.replace(/'/g,"\\'") + '\')">🔗 Ссылка</button>' +
                '<button class="btn btn-secondary btn-sm" onclick="previewFile(\'' + item.path.replace(/'/g,"\\'") + '\')">👁</button>' :
                '';
            tr.innerHTML = '<td>' + icon + ' <a href="#" onclick="navigateTo(\'' + item.path.replace(/'/g,"\\'") + '\');return false">' + item.name + '</a></td><td>' + (item.type === 'folder' ? 'Папка' : item.mime_type) + '</td><td>' + size + '</td><td>' + (item.modified||'').substring(0,10) + '</td><td class="actions">' + actions + '</td>';
            tbody.appendChild(tr);
        });
    });
}
function searchFiles(){
    var query = document.getElementById('search-input').value.trim();
    if(!query) return;
    fetch('/service/api/bot/storage/search?query=' + encodeURIComponent(query)).then(function(r){ return r.json() }).then(function(items){
        var tbody = document.getElementById('files-list');
        tbody.innerHTML = '';
        document.getElementById('breadcrumb').innerHTML = '<strong>Результаты поиска: "' + query + '"</strong>';
        items.forEach(function(item){
            var tr = document.createElement('tr');
            var icon = getFileIcon(item.mime_type);
            tr.innerHTML = '<td>' + icon + ' ' + item.name + '</td><td>' + item.mime_type + '</td><td>' + formatSize(item.size) + '</td><td>—</td><td class="actions"><button class="btn btn-secondary btn-sm" onclick="getPublicLink(\'' + item.path.replace(/'/g,"\\'") + '\')">🔗 Ссылка</button></td>';
            tbody.appendChild(tr);
        });
    });
}
function getPublicLink(path){
    var expiry = document.getElementById('link-expiry').value;
    fetch('/service/api/bot/storage/public-link?path=' + encodeURIComponent(path) + '&expiry=' + expiry).then(function(r){ return r.json() }).then(function(d){
        document.getElementById('link-url').value = d.url || '';
        document.getElementById('modal-public-link').classList.add('open');
    });
}
function previewFile(path){
    fetch('/service/api/bot/storage/download?path=' + encodeURIComponent(path)).then(function(r){ return r.json() }).then(function(d){
        if(d.url) window.open(d.url, '_blank');
    });
}
function copyLink(){
    var input = document.getElementById('link-url');
    input.select();
    document.execCommand('copy');
    alert('Ссылка скопирована');
}
function getFileIcon(mime){
    if(!mime) return '📄';
    if(mime.startsWith('image/')) return '🖼';
    if(mime.includes('pdf')) return '📕';
    if(mime.includes('word') || mime.includes('document')) return '📘';
    if(mime.includes('sheet') || mime.includes('excel')) return '📗';
    return '📄';
}
function formatSize(bytes){
    if(!bytes) return '—';
    if(bytes < 1024) return bytes + ' B';
    if(bytes < 1024*1024) return (bytes/1024).toFixed(1) + ' KB';
    if(bytes < 1024*1024*1024) return (bytes/(1024*1024)).toFixed(1) + ' MB';
    return (bytes/(1024*1024*1024)).toFixed(1) + ' GB';
}
navigateTo('');
</script>
{% endblock %}