{% extends "layout.twig" %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header">
                <h3><i class="fas fa-check-circle text-success"></i> Сервер добавлен</h3>
            </div>
            <div class="card-body">
                <div class="alert alert-success" role="alert">
                    <h4 class="alert-heading">Сервер "{{ server.name }}" успешно добавлен!</h4>
                    <p>Для подключения агента мониторинга используйте следующий токен:</p>
                    <hr>
                    <div class="row">
                        <div class="col-md-10">
                            <input type="text" class="form-control" value="{{ token }}" readonly onclick="this.select();">
                        </div>
                        <div class="col-md-2">
                            <button class="btn btn-outline-secondary" type="button" onclick="copyToClipboard('{{ token }}')">
                                <i class="fas fa-copy"></i>
                            </button>
                        </div>
                    </div>
                    <p class="mb-0 mt-3">Скачайте скрипт установки агента:</p>
                    <div class="d-flex gap-2 mt-2">
                        <a href="/agent/install.sh?token={{ token }}" class="btn btn-primary">
                            <i class="fab fa-linux"></i> Агент для Linux
                        </a>
                        <a href="/agent/install.bat?token={{ token }}" class="btn btn-info">
                            <i class="fab fa-windows"></i> Агент для Windows
                        </a>
                    </div>
                </div>
                
                <div class="mt-4">
                    <h5>Инструкция по установке:</h5>
                    
                    <div class="card mb-3">
                        <div class="card-header">
                            <i class="fab fa-linux"></i> Linux
                        </div>
                        <div class="card-body">
                            <ol class="mb-0">
                                <li>Скачайте скрипт <code>install.sh</code></li>
                                <li>Загрузите на сервер</li>
                                <li>Выполните: <code>chmod +x install.sh && ./install.sh</code></li>
                            </ol>
                        </div>
                    </div>
                    
                    <div class="card">
                        <div class="card-header">
                            <i class="fab fa-windows"></i> Windows Server 2012+
                        </div>
                        <div class="card-body">
                            <ol class="mb-0">
                                <li>Скачайте скрипт <code>install.ps1</code></li>
                                <li>Запустите PowerShell <strong>от имени Администратора</strong></li>
                                <li>Выполните: <code>Set-ExecutionPolicy Bypass -Scope Process -Force; .\install.ps1</code></li>
                            </ol>
                        </div>
                    </div>
                </div>
                
                <div class="d-grid gap-2 d-md-flex justify-content-md-end mt-4">
                    <a href="/servers" class="btn btn-primary me-md-2">
                        <i class="fas fa-server"></i> К списку серверов
                    </a>
                    <a href="/servers/{{ server.id }}/edit" class="btn btn-outline-primary">
                        <i class="fas fa-edit"></i> Редактировать сервер
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
function copyToClipboard(text) {
    navigator.clipboard.writeText(text).then(function() {
        const originalText = event.target.innerHTML;
        event.target.innerHTML = '<i class="fas fa-check"></i>';
        setTimeout(() => {
            event.target.innerHTML = originalText;
        }, 2000);
    });
}
</script>
{% endblock %}