{% extends "base.html" %}
{% block title %}Add Domain{% endblock %}
{% block content %}
<h1>Add Domain(s)</h1>
<form method="post">
    <div id="domainFields">
        <input type="text" name="domain" placeholder="Enter domain name">
    </div>
    <br>
    <button type="button" onclick="addField()">Add Another</button>
    <br><br>
    <input type="submit" value="Save">
</form>
<br>
<a href="{{ url_for('domain.domains') }}">Back to Domains</a>
<script>
    function addField() {
        var container = document.getElementById("domainFields");
        var input = document.createElement("input");
        input.type = "text";
        input.name = "domain";
        input.placeholder = "Enter domain name";
        container.appendChild(document.createElement("br"));
        container.appendChild(input);
    }
</script>
{% endblock %}