{% extends "base.html" %}
{% from "_macros.html" import crumbs %}
{% block title %}{% if host %}Edit Host{% else %}New Host{% endif %} — Steward{% endblock %}
{% block breadcrumb %}{{ crumbs([("Hosts", "/hosts/"), (("Edit " ~ host.name) if host else "New host", "")]) }}{% endblock %}
{% block content %}
<div style="max-width:560px;margin:2rem auto;">
    <h1 class="page-title">{% if host %}Edit Host{% else %}Add Host{% endif %}</h1>
    <div class="card">
        <form method="post" action="{% if host %}/hosts/{{ host.id }}{% else %}/hosts/{% endif %}">
            <div class="form-group">
                <label>Display Name</label>
                <input type="text" name="name" value="{{ host.name if host else '' }}" required autofocus>
            </div>
            <div class="form-group">
                <label>Address (hostname or IP)</label>
                <input type="text" name="address" value="{{ host.address if host else '' }}" required>
            </div>
            <div class="form-group">
                <label>Probe Type</label>
                <select name="probe_type">
                    {% for pt in probe_types %}
                    <option value="{{ pt.value }}" {% if host and host.probe_type == pt %}selected{% endif %}>
                        {{ pt.value | upper }}
                    </option>
                    {% endfor %}
                </select>
            </div>
            <div class="form-group">
                <label>TCP Port (used for TCP probe; ignored for ICMP)</label>
                <input type="number" name="probe_port" value="{{ host.probe_port if host else 80 }}" min="1" max="65535">
            </div>
            <div class="form-group">
                <label style="display:flex;align-items:center;gap:0.5rem;cursor:pointer;">
                    <input type="checkbox" name="ping_enabled" {% if not host or host.ping_enabled %}checked{% endif %}>
                    Enable ping monitor
                </label>
            </div>
            <div class="form-group">
                <label style="display:flex;align-items:center;gap:0.5rem;cursor:pointer;">
                    <input type="checkbox" name="dns_enabled" {% if host and host.dns_enabled %}checked{% endif %}>
                    Enable DNS monitor
                </label>
            </div>
            <div class="form-group">
                <label>Expected IP (optional — leave blank to accept any)</label>
                <input type="text" name="dns_expected_ip" value="{{ host.dns_expected_ip if host and host.dns_expected_ip else '' }}">
            </div>
            <div style="display:flex;gap:1rem;margin-top:1.5rem;">
                <button type="submit" class="btn">{% if host %}Save{% else %}Add Host{% endif %}</button>
                <a href="/hosts/" class="btn btn-ghost">Cancel</a>
            </div>
        </form>
    </div>
    {% if host %}
    <p style="color:var(--text-muted);font-size:0.82rem;margin-top:1rem;text-align:center;">
        Agent, Ansible target, and playbook runs live on the
        <a href="/hosts/{{ host.id }}">host page</a>.
    </p>
    {% endif %}
</div>
{% endblock %}