{% extends "base.html" %}
{% block title %}Dashboard — FabledNetMon{% endblock %}
{% block content %}
<h1 style="margin-bottom:1.5rem;color:#c0c0ff;">Dashboard</h1>
<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;">
    <div class="card">
        <h3 style="color:#8080ff;margin-bottom:0.5rem;">Ping Monitor</h3>
        <p style="color:#606080;font-size:0.9rem;">No hosts configured yet.</p>
    </div>
    <div class="card">
        <h3 style="color:#8080ff;margin-bottom:0.5rem;">DNS Monitor</h3>
        <p style="color:#606080;font-size:0.9rem;">No hosts configured yet.</p>
    </div>
    <div class="card">
        <h3 style="color:#8080ff;margin-bottom:0.5rem;">Ansible</h3>
        <p style="color:#606080;font-size:0.9rem;">No playbook sources configured yet.</p>
    </div>
</div>
{% endblock %}