{% extends "base.html" %}
{% block title %}Protocol Wizard{% endblock %}
{% block page_id %}protocols{% endblock %}
{% block head %}
<style>
.protocol-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:14px; }
.protocol-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; }
.protocol-code { min-height:360px; font-family:monospace; white-space:pre; }
.protocol-points { max-height:320px; overflow:auto; }
</style>
{% endblock %}
{% block content %}
<div class="a-page-head"><h1><i class="fa-solid fa-plug" aria-hidden="true"></i> Protocol Wizard</h1>
<div class="a-sub">Configure industrial, IoT, web, and serial clients using the desktop's protocol handlers.</div></div>
<div id="protocol-root"></div>
{% endblock %}
{% block scripts %}<script src="{{ aida_rel('static/js/protocol_wizard.js') }}"></script>{% endblock %}