{% extends "base.html" %}

{% block content %}
<div class="container py-4">
    <h2>Gestion des Serveurs</h2>
    
    <div class="card mb-4">
        <div class="card-header">Ajouter un Serveur</div>
        <div class="card-body">
            <form method="POST">
                <div class="mb-3">
                    <label class="form-label">Nom du Serveur</label>
                    <input type="text" class="form-control" name="name" required>
                </div>
                <div class="mb-3">
                    <label class="form-label">URL (ex: http://ip:5001)</label>
                    <input type="url" class="form-control" name="url" required>
                </div>
                <div class="mb-3">
                    <label class="form-label">Clé API</label>
                    <input type="text" class="form-control" name="api_key" required>
                </div>
                <div class="mb-3">
                    <label class="form-label">Type</label>
                    <select class="form-select" name="type">
                        <option value="web">Serveur Web</option>
                        <option value="db">Base de Données</option>
                        <option value="app">Application</option>
                    </select>
                </div>
                <button type="submit" class="btn btn-primary">Ajouter</button>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-header">Serveurs Configurés</div>
        <div class="card-body">
            <table class="table">
                <thead>
                    <tr>
                        <th>Nom</th>
                        <th>URL</th>
                        <th>Type</th>
                        <th>Date d'ajout</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    {% for server in servers %}
                    <tr>
                        <td>{{ server.name }}</td>
                        <td>{{ server.url }}</td>
                        <td>{{ server.type }}</td>
                        <td>{{ server.created_at }}</td>
                        <td>
                            <a href="{{ url_for('delete_server', server_id=server.id) }}" 
                               class="btn btn-sm btn-danger"
                               onclick="return confirm('Supprimer ce serveur?')">
                                Supprimer
                            </a>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock %}