{% extends "base.html" %}

{% block content %}
<div class="container mt-4">
    <h2>Server Management</h2>

    <p class="text-center">Server Status: 
        <span class="badge {{ 'bg-success' if server_status == 'online' else 'bg-secondary' }}">
            {{ server_status.capitalize() }}
        </span>
    </p>

    <div class="text-center">
        <form action="/server/start" method="POST" class="d-inline">
            <button type="submit" class="btn btn-success">Start Server</button>
        </form>
        <form action="/server/stop" method="POST" class="d-inline">
            <button type="submit" class="btn btn-danger">Stop Server</button>
        </form>
        <form action="/server/restart" method="POST" class="d-inline">
            <button type="submit" class="btn btn-warning">Restart Server</button>
        </form>
    </div>

    <div class="mt-4">
        <h4>Announcement</h4>
        <form action="/server/announce" method="POST">
            <div class="mb-3">
                <label for="announcement" class="form-label">Message</label>
                <input type="text" id="announcement" name="announcement" class="form-control" placeholder="Enter your announcement" required>
            </div>
            <button type="submit" class="btn btn-primary">Send Announcement</button>
        </form>
    </div>
</div>
{% endblock %}